/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! %versionBanner% | Copyright 2016 Microsoft Corporation | This software is based on or incorporates material from the files listed below (collectively, "Third Party Code"). Microsoft is not the original author of the Third Party Code. The original copyright notice and the license under which Microsoft received Third Party Code are set forth below together with the full text of such license. Such notices and license are provided solely for your information. Microsoft, not the third party, licenses this Third Party Code to you under the terms in which you received the Microsoft software or the services, unless Microsoft clearly states that such Microsoft terms do NOT apply for a particular Third Party Code. Unless applicable law gives you more rights, Microsoft reserves all other rights not expressly granted under such agreement(s), whether by implication, estoppel or otherwise.*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: "MWF-MDL2";
  font-display: swap;
  src: url('MWFMDL2.woff') format("woff"), url('MWFMDL2.ttf') format("truetype"), url('MWFMDL2.svg') format("svg");
}
@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web") format("svg");
  font-weight: 400;
}
@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI Light"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web") format("svg");
  font-weight: 100;
}
@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI Semilight"), local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.svg#web") format("svg");
  font-weight: 200;
}
@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI Semibold"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg#web") format("svg");
  font-weight: 600;
}
@font-face {
  font-family: "SegoeUI";
  src: local("Segoe UI Bold"), local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
  font-weight: 700;
}
.c-heading-1 {
  font-size: 62px;
  line-height: 72px;
}

.c-heading-2 {
  font-size: 46px;
  line-height: 56px;
}

.c-heading-3, .c-subheading-1 {
  font-size: 34px;
  line-height: 40px;
}

.c-heading-4, .c-subheading-2 {
  font-size: 24px;
  line-height: 28px;
}

.c-heading-5, .c-subheading-3, .c-paragraph-1 {
  font-size: 20px;
  line-height: 24px;
}

.c-heading-6, .c-subheading-4, .c-paragraph-2 {
  font-size: 18px;
  line-height: 24px;
}

.c-subheading-5, .c-subheading-6, .c-paragraph-3, .c-paragraph-4 {
  font-size: 15px;
  line-height: 20px;
}

.c-caption-1 {
  font-size: 13px;
  line-height: 16px;
}

.c-caption-2 {
  font-size: 11px;
  line-height: 16px;
}

.c-heading-1 {
  padding: 38px 0 6px;
  font-weight: 100;
  letter-spacing: -0.01em;
}

.c-heading-2 {
  padding: 37px 0 3px;
  font-weight: 100;
  letter-spacing: -0.01em;
}

.c-heading-3 {
  padding: 38px 0 2px;
  font-weight: 100;
}

.c-heading-4 {
  padding: 36px 0 4px;
  font-weight: 200;
}

.c-heading-5 {
  padding: 35px 0 5px;
  font-weight: 200;
}

.c-heading-6 {
  padding: 37px 0 3px;
  font-weight: 200;
}

.c-subheading-1 {
  padding: 2px 0 2px;
  font-weight: 100;
}

.c-subheading-2 {
  padding: 4px 0 8px;
  font-weight: 200;
}

.c-subheading-3 {
  padding: 8px 0 4px;
  font-weight: 200;
}

.c-subheading-4 {
  padding: 9px 0 3px;
  font-weight: 200;
}

.c-subheading-5, .c-subheading-6 {
  padding: 8px 0 0;
  font-weight: 200;
}

.c-paragraph-1 {
  padding: 24px 0 4px;
  font-weight: 200;
}

.c-paragraph-2 {
  padding: 25px 0 3px;
  font-weight: 200;
}

.c-paragraph-3 {
  padding: 24px 0 0;
  font-weight: 400;
}

.c-paragraph-4 {
  padding: 24px 0 0;
  font-weight: 400;
}

.c-caption-1 {
  padding: 3px 0 1px;
  font-weight: 400;
}

.c-caption-2 {
  padding: 4px 0 4px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .c-heading-1 {
    font-size: 46px;
    line-height: 56px;
  }
  .c-heading-2 {
    font-size: 34px;
    line-height: 40px;
  }
  .c-heading-3, .c-subheading-1 {
    font-size: 26px;
    line-height: 32px;
  }
  .c-heading-4, .c-subheading-2 {
    font-size: 20px;
    line-height: 24px;
  }
  .c-heading-5, .c-subheading-3, .c-paragraph-1 {
    font-size: 18px;
    line-height: 24px;
  }
  .c-heading-6, .c-subheading-4, .c-paragraph-2 {
    font-size: 16px;
    line-height: 20px;
  }
  .c-caption-1 {
    font-size: 12px;
    line-height: 16px;
  }
  .c-caption-2 {
    font-size: 10px;
    line-height: 12px;
  }
  .c-heading-1 {
    padding: 37px 0 3px;
  }
  .c-heading-2 {
    padding: 38px 0 2px;
  }
  .c-heading-5 {
    padding: 37px 0 3px;
  }
  .c-heading-6 {
    padding: 39px 0 1px;
  }
  .c-subheading-1 {
    padding: 9px 0 3px;
  }
  .c-subheading-2 {
    padding: 8px 0 4px;
  }
  .c-subheading-3 {
    padding: 4px 0 4px;
  }
  .c-subheading-4 {
    padding: 7px 0 5px;
  }
  .c-paragraph-2 {
    padding: 27px 0 1px;
  }
  .c-caption-2 {
    padding: 2px 0 2px;
  }
}
html {
  box-sizing: border-box;
}

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

body {
  font-size: 15px;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: 320px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0;
}

address {
  font: inherit;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

dl {
  margin: 0;
}

dd {
  margin: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

figure {
  margin: 0;
}

a:link,
a:focus,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}

q,
em,
i,
var {
  font-style: italic;
}

strong,
b {
  font-weight: 600;
}

mark {
  background-color: #fff100;
  padding: 1px 4px 2px;
}
@media screen and (-ms-high-contrast: active) {
  mark {
    outline: 1px solid;
    color: inherit;
  }
}

del,
s {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light del, .theme-dark .theme-light del,
.theme-light s,
.theme-dark .theme-light s {
  color: rgba(0, 0, 0, 0.6);
}
.theme-dark del, .theme-light .theme-dark del,
.theme-dark s,
.theme-light .theme-dark s {
  color: rgba(255, 255, 255, 0.6);
}

u,
ins {
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.theme-light u, .theme-dark .theme-light u,
.theme-light ins,
.theme-dark .theme-light ins {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.theme-dark u, .theme-light .theme-dark u,
.theme-dark ins,
.theme-light .theme-dark ins {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

small,
sub,
sup {
  font-size: 0.8em;
}

abbr,
dfn {
  font-style: normal;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.6);
}
.theme-light abbr, .theme-dark .theme-light abbr,
.theme-light dfn,
.theme-dark .theme-light dfn {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.6);
}
.theme-dark abbr, .theme-light .theme-dark abbr,
.theme-dark dfn,
.theme-light .theme-dark dfn {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
}

cite,
time {
  font-style: normal;
}

code,
pre,
kbd,
samp {
  font-family: Consolas, "Courier New", Courier, monospace;
}

kbd {
  border-radius: 2px;
  padding: 1px 4px 2px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF;
}
kbd kbd {
  padding: 0;
}
.theme-light kbd, .theme-dark .theme-light kbd {
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF;
}
.theme-dark kbd, .theme-light .theme-dark kbd {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}

bdo {
  direction: rtl;
}

input,
input[type=search] {
  border-radius: 0;
  appearance: none;
}

[data-grid~=container] {
  max-width: 1600px;
  max-width: calc(1600px + 10%);
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
}
@media screen and (max-width: 1083px) {
  [data-grid~=container] {
    padding-left: 0;
    padding-right: 0;
  }
}

[data-grid~=container],
[data-grid*=col-] {
  box-sizing: border-box;
  zoom: 1;
}
[data-grid~=container]:before, [data-grid~=container]:after,
[data-grid*=col-]:before,
[data-grid*=col-]:after {
  content: " ";
  display: table;
}
[data-grid~=container]:after,
[data-grid*=col-]:after {
  clear: both;
}

[data-grid*=col-] {
  float: left;
  min-height: 1px;
}

[data-grid~=pad-12x] > [data-grid] {
  padding-left: 18px;
  padding-right: 18px;
}
@media screen and (max-width: 1778px) {
  [data-grid~=pad-12x] > [data-grid] {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 1778px) {
  [data-grid~=pad-12x] > [data-grid] {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 1083px) {
  [data-grid~=pad-12x] > [data-grid] {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media screen and (max-width: 767px) {
  [data-grid~=pad-12x] > [data-grid] {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 539px) {
  [data-grid~=pad-12x] > [data-grid] {
    padding-left: 12px;
    padding-right: 12px;
  }
}

[data-grid~=pad-6x] > [data-grid] {
  padding-left: 12px;
  padding-right: 12px;
}

[data-grid~=pad-3x] > [data-grid] {
  padding-left: 6px;
  padding-right: 6px;
}

[data-grid~=pad-2x] > [data-grid] {
  padding-left: 4px;
  padding-right: 4px;
}

[data-grid~=col-1] {
  width: 8.3333333333%;
}

[data-grid~=col-2] {
  width: 16.6666666667%;
}

[data-grid~=col-3] {
  width: 25%;
}

[data-grid~=col-4] {
  width: 33.3333333333%;
}

[data-grid~=col-5] {
  width: 41.6666666667%;
}

[data-grid~=col-6] {
  width: 50%;
}

[data-grid~=col-7] {
  width: 58.3333333333%;
}

[data-grid~=col-8] {
  width: 66.6666666667%;
}

[data-grid~=col-9] {
  width: 75%;
}

[data-grid~=col-10] {
  width: 83.3333333333%;
}

[data-grid~=col-11] {
  width: 91.6666666667%;
}

[data-grid~=col-12] {
  width: 100%;
}

[data-grid~=col-1-5] {
  width: 20%;
}

[data-grid~=col-1-8] {
  width: 12.5%;
}

@media screen and (max-width: 1778px) {
  [data-grid~=stack-5] > [data-grid] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0;
  }
}
@media screen and (max-width: 1399px) {
  [data-grid~=stack-4] > [data-grid] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0;
  }
}
@media screen and (max-width: 1083px) {
  [data-grid~=stack-3] > [data-grid] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0;
  }
}
@media screen and (max-width: 767px) {
  [data-grid~=stack-2] > [data-grid] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0;
  }
}
@media screen and (max-width: 539px) {
  [data-grid*=col-] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.x-clearfix:before, .x-clearfix:after {
  content: " ";
  display: table;
}
.x-clearfix:after {
  clear: both;
}

.x-float-left {
  float: left !important;
}

.x-float-right {
  float: right !important;
}

@media print {
  .x-visible-print-block {
    display: block !important;
  }
  .x-visible-print-inline {
    display: inline !important;
  }
  .x-visible-print-inline-block {
    display: inline-block !important;
  }
  .x-hidden-print {
    display: none !important;
  }
}
@media all and (max-width: 539px) {
  .x-visible-vp1-block {
    display: block !important;
  }
  .x-visible-vp1-inline {
    display: inline !important;
  }
  .x-visible-vp1-inline-block {
    display: inline-block !important;
  }
  .x-hidden-vp1 {
    display: none !important;
  }
}
@media all and (min-width: 540px) and (max-width: 767px) {
  .x-visible-vp2-block {
    display: block !important;
  }
  .x-visible-vp2-inline {
    display: inline !important;
  }
  .x-visible-vp2-inline-block {
    display: inline-block !important;
  }
  .x-hidden-vp2 {
    display: none !important;
  }
}
@media all and (min-width: 768px) and (max-width: 1083px) {
  .x-visible-vp3-block {
    display: block !important;
  }
  .x-visible-vp3-inline {
    display: inline !important;
  }
  .x-visible-vp3-inline-block {
    display: inline-block !important;
  }
  .x-hidden-vp3 {
    display: none !important;
  }
}
@media all and (min-width: 1084px) and (max-width: 1399px) {
  .x-visible-vp4-block {
    display: block !important;
  }
  .x-visible-vp4-inline {
    display: inline !important;
  }
  .x-visible-vp4-inline-block {
    display: inline-block !important;
  }
  .x-hidden-vp4 {
    display: none !important;
  }
}
@media all and (min-width: 1400px) {
  .x-visible-vp5-block {
    display: block !important;
  }
  .x-visible-vp5-inline {
    display: inline !important;
  }
  .x-visible-vp5-inline-block {
    display: inline-block !important;
  }
  .x-hidden-vp5 {
    display: none !important;
  }
}
.x-screen-reader {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  width: 1px !important;
  height: 1px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.x-type-center {
  text-align: center !important;
}

.x-type-right {
  text-align: right !important;
}

.x-type-left {
  text-align: left !important;
}

/* Adding hooks for vertical padding to apply to all modules except hero.
 * As we get more information on partner layouts this will become specific
 * to each module and vary based on layout */
[class^=m-] {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 48px;
}
@media only screen and (min-width: 540px) {
  [class^=m-] {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 768px) {
  [class^=m-] {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media only screen and (min-width: 1400px) {
  [class^=m-] {
    padding-left: 48px;
    padding-right: 48px;
  }
}

button.c-action-trigger,
a.c-action-trigger {
  font-size: 15px;
  max-width: 374px;
  min-width: 36px;
  display: inline-block;
  margin-top: 12px;
  padding: 6px 0 8px;
  color: #0078D6;
  border: solid 1px transparent;
  background: none;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  outline: 1px dashed transparent;
}
button.c-action-trigger:focus, button.c-action-trigger:hover,
a.c-action-trigger:focus,
a.c-action-trigger:hover {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: underline;
}
button.c-action-trigger:focus,
a.c-action-trigger:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
button.c-action-trigger:active,
a.c-action-trigger:active {
  color: #000;
  outline: 1px solid transparent;
  text-decoration: none;
}
button.c-action-trigger[disabled],
a.c-action-trigger[disabled] {
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
button.c-action-trigger.c-glyph,
a.c-action-trigger.c-glyph {
  min-width: 120px;
  padding-right: 10px;
}
button.c-action-trigger.c-glyph:before,
a.c-action-trigger.c-glyph:before {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
button.c-action-trigger.c-glyph.glyph-edit:before,
a.c-action-trigger.c-glyph.glyph-edit:before {
  content: "\e70f";
}
button.c-action-trigger.c-glyph.glyph-cancel:before,
a.c-action-trigger.c-glyph.glyph-cancel:before {
  content: "\e711";
}
button.c-action-trigger.c-glyph.glyph-global-nav-button:before,
a.c-action-trigger.c-glyph.glyph-global-nav-button:before {
  content: "\e700";
}
button.c-action-trigger.c-glyph.glyph-shopping-cart:before,
a.c-action-trigger.c-glyph.glyph-shopping-cart:before {
  content: "\e7bf";
}
button.c-action-trigger.c-glyph.glyph-chevron-left:before,
a.c-action-trigger.c-glyph.glyph-chevron-left:before {
  content: "\e76b";
}
button.c-action-trigger.c-glyph.glyph-chevron-right:before,
a.c-action-trigger.c-glyph.glyph-chevron-right:before {
  content: "\e76c";
}
button.c-action-trigger.c-glyph.glyph-arrow-htmllegacy-mirrored:before,
a.c-action-trigger.c-glyph.glyph-arrow-htmllegacy-mirrored:before {
  content: "\e0ae";
}
button.c-action-trigger.c-glyph.glyph-arrow-htmllegacy:before,
a.c-action-trigger.c-glyph.glyph-arrow-htmllegacy:before {
  content: "\e0d5";
}
button.c-action-trigger.c-glyph.glyph-play:before,
a.c-action-trigger.c-glyph.glyph-play:before {
  content: "\e768";
}
button.c-action-trigger.c-glyph.glyph-info:before,
a.c-action-trigger.c-glyph.glyph-info:before {
  content: "\e946";
}
button.c-action-trigger.c-glyph[aria-label],
a.c-action-trigger.c-glyph[aria-label] {
  min-width: 0;
  margin-right: 10px;
  padding-right: 0;
}
.theme-light button.c-action-trigger, .theme-dark .theme-light button.c-action-trigger,
.theme-light a.c-action-trigger,
.theme-dark .theme-light a.c-action-trigger {
  color: #000;
  background: transparent;
}
.theme-light button.c-action-trigger:focus, .theme-light button.c-action-trigger:hover, .theme-dark .theme-light button.c-action-trigger:focus, .theme-dark .theme-light button.c-action-trigger:hover,
.theme-light a.c-action-trigger:focus,
.theme-light a.c-action-trigger:hover,
.theme-dark .theme-light a.c-action-trigger:focus,
.theme-dark .theme-light a.c-action-trigger:hover {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: underline;
}
.theme-light button.c-action-trigger:focus, .theme-dark .theme-light button.c-action-trigger:focus,
.theme-light a.c-action-trigger:focus,
.theme-dark .theme-light a.c-action-trigger:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
.theme-light button.c-action-trigger:active, .theme-dark .theme-light button.c-action-trigger:active,
.theme-light a.c-action-trigger:active,
.theme-dark .theme-light a.c-action-trigger:active {
  color: #000;
  outline: 1px solid transparent;
  text-decoration: none;
}
.theme-light button.c-action-trigger[disabled], .theme-dark .theme-light button.c-action-trigger[disabled],
.theme-light a.c-action-trigger[disabled],
.theme-dark .theme-light a.c-action-trigger[disabled] {
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
.theme-dark button.c-action-trigger, .theme-light .theme-dark button.c-action-trigger,
.theme-dark a.c-action-trigger,
.theme-light .theme-dark a.c-action-trigger {
  color: #FFF;
  background: transparent;
}
.theme-dark button.c-action-trigger:focus, .theme-dark button.c-action-trigger:hover, .theme-light .theme-dark button.c-action-trigger:focus, .theme-light .theme-dark button.c-action-trigger:hover,
.theme-dark a.c-action-trigger:focus,
.theme-dark a.c-action-trigger:hover,
.theme-light .theme-dark a.c-action-trigger:focus,
.theme-light .theme-dark a.c-action-trigger:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
}
.theme-dark button.c-action-trigger:focus, .theme-light .theme-dark button.c-action-trigger:focus,
.theme-dark a.c-action-trigger:focus,
.theme-light .theme-dark a.c-action-trigger:focus {
  outline: 1px dashed #FFF;
}
.theme-dark button.c-action-trigger:active, .theme-light .theme-dark button.c-action-trigger:active,
.theme-dark a.c-action-trigger:active,
.theme-light .theme-dark a.c-action-trigger:active {
  color: #FFF;
  outline: 1px solid transparent;
  text-decoration: none;
}
.theme-dark button.c-action-trigger[disabled], .theme-light .theme-dark button.c-action-trigger[disabled],
.theme-dark a.c-action-trigger[disabled],
.theme-light .theme-dark a.c-action-trigger[disabled] {
  color: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
}

.c-age-rating {
  display: block;
}
.c-age-rating > .c-image {
  float: left;
  width: 56px;
  height: auto;
}
.c-age-rating .c-label, .c-age-rating .c-paragraph {
  font-size: 15px;
  line-height: 20px;
  padding: 0;
  margin: 0 0 0 68px;
}
.c-age-rating .c-label {
  font-weight: 700;
}
.c-age-rating .c-content-toggle {
  margin-left: 68px;
}
.c-age-rating .c-content-toggle p {
  overflow: hidden;
  box-sizing: content-box;
  max-height: 200px;
  padding-top: 0;
}
.c-age-rating .c-content-toggle p[data-f-expanded=false] {
  overflow: hidden;
  box-sizing: content-box;
  max-height: 0px;
}

.c-auto-suggest {
  display: block;
}
.c-auto-suggest .c-menu {
  position: absolute;
  background: #FFF;
  border-top: 1px solid;
  border-color: rgba(0, 0, 0, 0.2);
}
.c-auto-suggest .c-menu .c-menu-item span {
  background: #FFF;
}
.c-auto-suggest .c-menu .c-menu-item span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.c-auto-suggest .c-menu[aria-hidden=true] {
  display: none;
}
.c-auto-suggest .c-menu[data-js-auto-suggest-postion=default] {
  top: 38px;
}
.c-auto-suggest .c-menu[data-js-auto-suggest-postion=above] {
  bottom: 100%;
}
.c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span {
  color: rgba(0, 0, 0, 0.6);
}
.c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-postion=default] {
  top: 38px;
}
.c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-postion=above] {
  bottom: 100%;
}
.c-auto-suggest .c-menu.f-auto-suggest-scroll {
  overflow-y: auto;
  max-height: none;
}

.c-label + .c-auto-suggest.c-search {
  margin-top: 0;
}

.c-badge {
  font-size: 13px;
  display: inline-block;
  letter-spacing: 0.075em;
}
.c-badge.f-highlight {
  background-color: #FFD800;
  color: #000;
}
.c-badge.f-lowlight {
  background-color: #333;
  color: #FFF;
}
.c-badge.f-small {
  padding: 0 9px 1px 8px;
}
.c-badge.f-large {
  padding: 3px 13px 5px 12px;
}

ul.c-breadcrumb {
  display: flex;
  margin-top: 12px;
}
ul.c-breadcrumb li {
  display: inline-block;
  padding-right: 8px;
}
ul.c-breadcrumb li + li:before {
  content: "\\";
  padding-right: 8px;
  color: rgba(0, 0, 0, 0.6);
}
ul.c-breadcrumb li:last-child a {
  color: rgba(0, 0, 0, 0.6);
}
ul.c-breadcrumb li a {
  font-size: 13px;
  line-height: 16px;
  color: #0078D6;
}
.theme-light ul.c-breadcrumb li:last-child a, .theme-dark .theme-light ul.c-breadcrumb li:last-child a {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light ul.c-breadcrumb li + li:before, .theme-dark .theme-light ul.c-breadcrumb li + li:before {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light ul.c-breadcrumb li a, .theme-dark .theme-light ul.c-breadcrumb li a {
  color: #000;
  text-decoration: none;
}
.theme-light ul.c-breadcrumb li a:hover, .theme-dark .theme-light ul.c-breadcrumb li a:hover {
  text-decoration: underline;
}
.theme-dark ul.c-breadcrumb li:last-child a, .theme-light .theme-dark ul.c-breadcrumb li:last-child a {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark ul.c-breadcrumb li + li:before, .theme-light .theme-dark ul.c-breadcrumb li + li:before {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark ul.c-breadcrumb li a, .theme-light .theme-dark ul.c-breadcrumb li a {
  color: #FFF;
  text-decoration: none;
}
.theme-dark ul.c-breadcrumb li a:hover, .theme-light .theme-dark ul.c-breadcrumb li a:hover {
  text-decoration: underline;
}

button.c-button,
a.c-button[role=button] {
  font-size: 15px;
  max-width: 374px;
  min-width: 120px;
  display: inline-block;
  margin-top: 12px;
  padding: 9px 12px 10px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #000;
  border: solid 1px transparent;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
}
button.c-button:focus,
a.c-button[role=button]:focus {
  outline-color: #000;
}
button.c-button:hover, button.c-button:focus,
a.c-button[role=button]:hover,
a.c-button[role=button]:focus {
  border-color: rgba(0, 0, 0, 0.4);
}
button.c-button:active,
a.c-button[role=button]:active {
  background-color: rgba(0, 0, 0, 0.4);
}
button.c-button[disabled],
a.c-button[role=button][disabled] {
  color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
.theme-light button.c-button, .theme-dark .theme-light button.c-button,
.theme-light a.c-button[role=button],
.theme-dark .theme-light a.c-button[role=button] {
  background-color: transparent;
  color: #000;
  border-color: #000;
}
.theme-light button.c-button:focus, .theme-dark .theme-light button.c-button:focus,
.theme-light a.c-button[role=button]:focus,
.theme-dark .theme-light a.c-button[role=button]:focus {
  background-color: rgba(0, 0, 0, 0.2);
  outline-color: #000;
}
.theme-light button.c-button:hover, .theme-dark .theme-light button.c-button:hover,
.theme-light a.c-button[role=button]:hover,
.theme-dark .theme-light a.c-button[role=button]:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.theme-light button.c-button:active, .theme-dark .theme-light button.c-button:active,
.theme-light a.c-button[role=button]:active,
.theme-dark .theme-light a.c-button[role=button]:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.theme-light button.c-button[disabled], .theme-dark .theme-light button.c-button[disabled],
.theme-light a.c-button[role=button][disabled],
.theme-dark .theme-light a.c-button[role=button][disabled] {
  color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
.theme-dark button.c-button, .theme-light .theme-dark button.c-button,
.theme-dark a.c-button[role=button],
.theme-light .theme-dark a.c-button[role=button] {
  background-color: transparent;
  color: #FFF;
  border-color: #FFF;
}
.theme-dark button.c-button:focus, .theme-light .theme-dark button.c-button:focus,
.theme-dark a.c-button[role=button]:focus,
.theme-light .theme-dark a.c-button[role=button]:focus {
  background-color: rgba(255, 255, 255, 0.2);
  outline-color: #FFF;
}
.theme-dark button.c-button:hover, .theme-light .theme-dark button.c-button:hover,
.theme-dark a.c-button[role=button]:hover,
.theme-light .theme-dark a.c-button[role=button]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark button.c-button:active, .theme-light .theme-dark button.c-button:active,
.theme-dark a.c-button[role=button]:active,
.theme-light .theme-dark a.c-button[role=button]:active {
  background-color: rgba(255, 255, 255, 0.4);
}
.theme-dark button.c-button[disabled], .theme-light .theme-dark button.c-button[disabled],
.theme-dark a.c-button[role=button][disabled],
.theme-light .theme-dark a.c-button[role=button][disabled] {
  color: rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
button.c-button.f-lightweight,
a.c-button[role=button].f-lightweight {
  color: #0078D6;
  background-color: transparent;
  border: 0;
  padding: 10px 12px 11px;
}
button.c-button.f-lightweight:focus,
a.c-button[role=button].f-lightweight:focus {
  outline-color: #000;
}
button.c-button.f-lightweight:hover,
a.c-button[role=button].f-lightweight:hover {
  text-decoration: underline;
}
button.c-button.f-lightweight:active,
a.c-button[role=button].f-lightweight:active {
  color: #006cc1;
  text-decoration: none;
}
button.c-button.f-lightweight[disabled],
a.c-button[role=button].f-lightweight[disabled] {
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  cursor: not-allowed;
}
.theme-light button.c-button.f-lightweight, .theme-dark .theme-light button.c-button.f-lightweight,
.theme-light a.c-button[role=button].f-lightweight,
.theme-dark .theme-light a.c-button[role=button].f-lightweight {
  color: #000;
}
.theme-light button.c-button.f-lightweight:focus, .theme-dark .theme-light button.c-button.f-lightweight:focus,
.theme-light a.c-button[role=button].f-lightweight:focus,
.theme-dark .theme-light a.c-button[role=button].f-lightweight:focus {
  outline-color: #000;
}
.theme-light button.c-button.f-lightweight:active, .theme-dark .theme-light button.c-button.f-lightweight:active,
.theme-light a.c-button[role=button].f-lightweight:active,
.theme-dark .theme-light a.c-button[role=button].f-lightweight:active {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light button.c-button.f-lightweight[disabled], .theme-dark .theme-light button.c-button.f-lightweight[disabled],
.theme-light a.c-button[role=button].f-lightweight[disabled],
.theme-dark .theme-light a.c-button[role=button].f-lightweight[disabled] {
  color: rgba(0, 0, 0, 0.2);
}
.theme-dark button.c-button.f-lightweight, .theme-light .theme-dark button.c-button.f-lightweight,
.theme-dark a.c-button[role=button].f-lightweight,
.theme-light .theme-dark a.c-button[role=button].f-lightweight {
  color: #FFF;
}
.theme-dark button.c-button.f-lightweight:focus, .theme-light .theme-dark button.c-button.f-lightweight:focus,
.theme-dark a.c-button[role=button].f-lightweight:focus,
.theme-light .theme-dark a.c-button[role=button].f-lightweight:focus {
  outline-color: #FFF;
}
.theme-dark button.c-button.f-lightweight:active, .theme-light .theme-dark button.c-button.f-lightweight:active,
.theme-dark a.c-button[role=button].f-lightweight:active,
.theme-light .theme-dark a.c-button[role=button].f-lightweight:active {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark button.c-button.f-lightweight[disabled], .theme-light .theme-dark button.c-button.f-lightweight[disabled],
.theme-dark a.c-button[role=button].f-lightweight[disabled],
.theme-light .theme-dark a.c-button[role=button].f-lightweight[disabled] {
  color: rgba(255, 255, 255, 0.2);
}
@media screen and (-ms-high-contrast: active) {
  button.c-button.f-lightweight:focus:not(.x-hidden-focus),
  a.c-button[role=button].f-lightweight:focus:not(.x-hidden-focus) {
    outline: 1px dashed ButtonText;
  }
}

button.c-button[type=submit] {
  color: #FFF;
  background-color: #0078D6;
}
button.c-button[type=submit]:hover, button.c-button[type=submit]:focus {
  background-color: #006cc1;
  border-color: rgba(0, 0, 0, 0.4);
}
button.c-button[type=submit]:active {
  background-color: #005496;
  border-color: transparent;
}
button.c-button[type=submit][disabled] {
  color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 120, 214, 0.2);
  border-color: transparent;
}
.theme-light button.c-button[type=submit], .theme-dark .theme-light button.c-button[type=submit] {
  color: #FFF;
  background-color: #000;
  border-color: transparent;
}
.theme-light button.c-button[type=submit]:focus, .theme-dark .theme-light button.c-button[type=submit]:focus {
  outline-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.theme-light button.c-button[type=submit]:hover, .theme-dark .theme-light button.c-button[type=submit]:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.theme-light button.c-button[type=submit]:active, .theme-dark .theme-light button.c-button[type=submit]:active {
  background-color: rgba(0, 0, 0, 0.6);
}
.theme-light button.c-button[type=submit][disabled], .theme-dark .theme-light button.c-button[type=submit][disabled] {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.2);
}
.theme-dark button.c-button[type=submit], .theme-light .theme-dark button.c-button[type=submit] {
  color: #000;
  background-color: #FFF;
  border-color: transparent;
}
.theme-dark button.c-button[type=submit]:focus, .theme-light .theme-dark button.c-button[type=submit]:focus {
  outline-color: #FFF;
  background-color: rgba(255, 255, 255, 0.8);
}
.theme-dark button.c-button[type=submit]:hover, .theme-light .theme-dark button.c-button[type=submit]:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.theme-dark button.c-button[type=submit]:active, .theme-light .theme-dark button.c-button[type=submit]:active {
  background-color: rgba(255, 255, 255, 0.6);
}
.theme-dark button.c-button[type=submit][disabled], .theme-light .theme-dark button.c-button[type=submit][disabled] {
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.2);
}

a.c-call-to-action {
  font-size: 13px;
  line-height: 16px;
  display: inline-block;
  max-width: 100%;
  padding: 10px 40px 7px 24px;
  overflow: hidden;
  border: 2px solid transparent;
  color: #FFF;
  background: #0078D6;
  line-height: 1.3;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.075em;
  white-space: nowrap;
}
a.c-call-to-action span {
  display: inline-block;
  max-width: 100%;
  text-overflow: clip;
  overflow: hidden;
}
a.c-call-to-action:after {
  position: absolute;
  display: inline-block;
  margin-left: 4px;
  margin-top: 1px;
  content: "\e76c";
  vertical-align: top;
}
a.c-call-to-action:hover, a.c-call-to-action:focus {
  background: #006cc1;
  border-color: rgba(0, 0, 0, 0.4);
}
a.c-call-to-action:focus {
  outline: 1px dashed #000;
}
a.c-call-to-action:hover {
  outline: none;
}
a.c-call-to-action:active {
  border-color: transparent;
  background: #005496;
}
a.c-call-to-action[aria-disabled=true] {
  cursor: not-allowed;
  border-color: transparent;
  background: #cce4f7;
  color: rgba(0, 0, 0, 0.2);
}
.theme-light a.c-call-to-action, .theme-dark .theme-light a.c-call-to-action {
  color: #FFF;
  background: #000;
}
.theme-light a.c-call-to-action:hover, .theme-light a.c-call-to-action:focus, .theme-dark .theme-light a.c-call-to-action:hover, .theme-dark .theme-light a.c-call-to-action:focus {
  background: #333333;
  border-color: #000;
  outline-color: #000;
}
.theme-light a.c-call-to-action:active, .theme-dark .theme-light a.c-call-to-action:active {
  background: #666666;
  border-color: transparent;
}
.theme-light a.c-call-to-action[aria-disabled=true], .theme-dark .theme-light a.c-call-to-action[aria-disabled=true] {
  background: #cccccc;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.2);
}
.theme-dark a.c-call-to-action, .theme-light .theme-dark a.c-call-to-action {
  color: #000;
  background: #FFF;
}
.theme-dark a.c-call-to-action:hover, .theme-dark a.c-call-to-action:focus, .theme-light .theme-dark a.c-call-to-action:hover, .theme-light .theme-dark a.c-call-to-action:focus {
  background: #cccccc;
  border-color: #FFF;
  outline-color: #000;
}
.theme-dark a.c-call-to-action:active, .theme-light .theme-dark a.c-call-to-action:active {
  background: #999999;
  border-color: transparent;
}
.theme-dark a.c-call-to-action[aria-disabled=true], .theme-light .theme-dark a.c-call-to-action[aria-disabled=true] {
  background: #4d4d4d;
  border-color: transparent;
  color: rgba(255, 255, 255, 0.2);
}
a.c-call-to-action.f-secondary {
  color: #000;
  background: #cccccc;
}
a.c-call-to-action.f-secondary:hover, a.c-call-to-action.f-secondary:focus {
  border-color: rgba(0, 0, 0, 0.4);
}
a.c-call-to-action.f-secondary:active {
  border-color: transparent;
  background: #999999;
}
a.c-call-to-action.f-secondary[aria-disabled=true] {
  background: #cccccc;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.2);
}
.theme-light a.c-call-to-action.f-secondary, .theme-dark .theme-light a.c-call-to-action.f-secondary {
  color: #000;
  background: rgba(255, 255, 255, 0);
  border-color: #000;
}
.theme-light a.c-call-to-action.f-secondary:hover, .theme-light a.c-call-to-action.f-secondary:focus, .theme-dark .theme-light a.c-call-to-action.f-secondary:hover, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus {
  background: #cccccc;
  border-color: #000;
}
.theme-light a.c-call-to-action.f-secondary:focus, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus {
  outline-color: #000;
}
.theme-light a.c-call-to-action.f-secondary:active, .theme-dark .theme-light a.c-call-to-action.f-secondary:active {
  background: #999999;
}
.theme-light a.c-call-to-action.f-secondary[aria-disabled=true], .theme-dark .theme-light a.c-call-to-action.f-secondary[aria-disabled=true] {
  background: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.2);
}
.theme-dark a.c-call-to-action.f-secondary, .theme-light .theme-dark a.c-call-to-action.f-secondary {
  background: rgba(255, 255, 255, 0);
  color: #FFF;
  border-color: #FFF;
}
.theme-dark a.c-call-to-action.f-secondary:hover, .theme-dark a.c-call-to-action.f-secondary:focus, .theme-light .theme-dark a.c-call-to-action.f-secondary:hover, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus {
  background: #4d4d4d;
  border-color: #FFF;
}
.theme-dark a.c-call-to-action.f-secondary:focus, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus {
  outline-color: #FFF;
}
.theme-dark a.c-call-to-action.f-secondary:active, .theme-light .theme-dark a.c-call-to-action.f-secondary:active {
  background: #666666;
}
.theme-dark a.c-call-to-action.f-secondary[aria-disabled=true], .theme-light .theme-dark a.c-call-to-action.f-secondary[aria-disabled=true] {
  background: #4d4d4d;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.2);
}

@keyframes hero-content-next {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hero-content-previous {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hero-background-next {
  0% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hero-background-previous {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hero-background-next-y-center {
  0% {
    transform: translate(10px, -50%);
  }
  100% {
    transform: translate(0, -50%);
  }
}
@keyframes hero-background-previous-y-center {
  0% {
    transform: translate(-10px, -50%);
  }
  100% {
    transform: translate(0, -50%);
  }
}
@keyframes hero-background-next-x-center {
  0% {
    transform: translateX(-49%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes hero-background-previous-x-center {
  0% {
    transform: translateX(-51%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes hero-background-next-x-center-y-center {
  0% {
    transform: translate(-49%, -50%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
@keyframes hero-background-previous-x-center-y-center {
  0% {
    transform: translate(-51%, -50%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.c-carousel {
  position: relative;
}
.c-carousel .c-flipper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: none;
  /*
  * Use .f-previous and .f-next
  * .f-left and f-left deprecated v1.3.0
  */
}
.c-carousel .c-flipper.f-left, .c-carousel .c-flipper.f-previous {
  left: 0;
}
.c-carousel .c-flipper.f-right, .c-carousel .c-flipper.f-next {
  right: 0;
}
.c-carousel .c-flipper + div {
  position: relative;
  overflow: hidden;
}
.c-carousel.f-scrollable-next .c-flipper.f-right,
.c-carousel.f-scrollable-next .c-flipper.f-next {
  display: block;
}
.c-carousel.f-scrollable-previous .c-flipper.f-left,
.c-carousel.f-scrollable-previous .c-flipper.f-previous {
  display: block;
}
.c-carousel .c-sequence-indicator {
  position: absolute;
  z-index: 100;
  width: 100%;
  text-align: center;
  bottom: 24px;
}
.c-carousel.f-multi-slide .c-flipper {
  opacity: 0;
  transition: opacity cubic-bezier(0.16, 1, 0.29, 0.99) 0.15;
}
.c-carousel.f-multi-slide:hover .c-flipper {
  opacity: 0.8;
}
.c-carousel.f-multi-slide:hover .c-flipper:hover {
  opacity: 1;
}
.c-carousel.f-multi-slide:hover .c-flipper:active {
  opacity: 0.8;
}
.c-carousel.f-multi-slide.theme-light .c-flipper {
  background: #FFF;
  color: #000;
}
.c-carousel.f-multi-slide.theme-dark .c-flipper {
  background: #000;
  color: #FFF;
}
.c-carousel.f-multi-slide li {
  display: none;
  width: 100%;
}
.c-carousel.f-multi-slide li.f-active {
  display: block;
}
.c-carousel.f-single-slide ul {
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
  left: 0;
  width: auto;
  transition: left cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s;
}
.c-carousel.f-single-slide li {
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .c-carousel .f-gallery {
    display: none;
  }
}
.c-carousel .f-gallery li {
  height: 201px;
  width: 358px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-right: 12px;
}
@media only screen and (max-width: 1399px) {
  .c-carousel .f-gallery li {
    height: 153px;
    width: 272px;
  }
}
.c-carousel .f-gallery li .c-action-trigger {
  background: rgba(0, 0, 0, 0.6);
  border: transparent;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
.c-carousel .f-gallery li .c-action-trigger:before {
  color: #FFF;
  font-size: 24px;
  padding-top: 5px;
  padding-left: 1px;
  content: "\e768";
}
.c-carousel .f-gallery li .c-heading-6 {
  color: #000;
  position: absolute;
  bottom: 9px;
  right: 12px;
  width: 72px;
  text-align: right;
}
.c-carousel .f-gallery li .c-heading-6:first-child {
  left: 12px;
  width: 238px;
  text-align: left;
}
@media only screen and (max-width: 1399px) {
  .c-carousel .f-gallery li .c-heading-6:first-child {
    width: 152px;
  }
}
.c-carousel li {
  position: relative;
  height: 100%;
  z-index: 1;
}
.c-carousel li ~ li {
  display: none;
}
.c-carousel li > picture.c-image img {
  margin: 0 auto;
}
.c-carousel li .m-hero-item > picture img,
.c-carousel li .c-hero > picture img {
  min-width: calc(100% + 20px);
}
.c-carousel li .m-hero-item.f-x-left > picture img,
.c-carousel li .c-hero.f-x-left > picture img {
  right: -10px;
}
.c-carousel li .m-hero-item.f-x-right > picture img,
.c-carousel li .c-hero.f-x-right > picture img {
  left: -10px;
}
.c-carousel li.f-animate-next > picture.c-image img {
  animation: hero-background-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}
.c-carousel li.f-animate-next > picture.c-image.f-x-center img {
  animation-name: hero-background-next-x-center;
}
.c-carousel li.f-animate-next > picture.c-image.f-y-center img {
  animation-name: hero-background-next-y-center;
}
.c-carousel li.f-animate-next > picture.c-image.f-y-center.f-x-center img {
  animation-name: hero-background-next-x-center-y-center;
}
.c-carousel li.f-animate-next .m-hero-item > picture img,
.c-carousel li.f-animate-next .c-hero > picture img {
  animation: hero-background-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}
.c-carousel li.f-animate-next .m-hero-item > div,
.c-carousel li.f-animate-next .c-hero > div {
  animation: hero-content-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}
.c-carousel li.f-animate-next .m-hero-item.f-x-center > picture img,
.c-carousel li.f-animate-next .c-hero.f-x-center > picture img {
  animation-name: hero-background-next-x-center;
}
.c-carousel li.f-animate-next .m-hero-item.f-y-center > picture img,
.c-carousel li.f-animate-next .c-hero.f-y-center > picture img {
  animation-name: hero-background-next-y-center;
}
.c-carousel li.f-animate-next .m-hero-item.f-y-center.f-x-center > picture img,
.c-carousel li.f-animate-next .c-hero.f-y-center.f-x-center > picture img {
  animation-name: hero-background-next-x-center-y-center;
}
.c-carousel li.f-animate-previous > picture.c-image img {
  animation: hero-background-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}
.c-carousel li.f-animate-previous > picture.c-image.f-x-center img {
  animation-name: hero-background-previous-x-center;
}
.c-carousel li.f-animate-previous > picture.c-image.f-y-center img {
  animation-name: hero-background-previous-y-center;
}
.c-carousel li.f-animate-previous > picture.c-image.f-y-center.f-x-center img {
  animation-name: hero-background-previous-x-center-y-center;
}
.c-carousel li.f-animate-previous .m-hero-item > picture img,
.c-carousel li.f-animate-previous .c-hero > picture img {
  animation: hero-background-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}
.c-carousel li.f-animate-previous .m-hero-item > div,
.c-carousel li.f-animate-previous .c-hero > div {
  animation: hero-content-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}
.c-carousel li.f-animate-previous .m-hero-item.f-x-center > picture img,
.c-carousel li.f-animate-previous .c-hero.f-x-center > picture img {
  animation-name: hero-background-previous-x-center;
}
.c-carousel li.f-animate-previous .m-hero-item.f-y-center > picture img,
.c-carousel li.f-animate-previous .c-hero.f-y-center > picture img {
  animation-name: hero-background-previous-y-center;
}
.c-carousel li.f-animate-previous .m-hero-item.f-y-center.f-x-center > picture img,
.c-carousel li.f-animate-previous .c-hero.f-y-center.f-x-center > picture img {
  animation-name: hero-background-previous-x-center-y-center;
}
@media only screen and (max-width: 767px) {
  .c-carousel li > picture.c-image.f-x-left img, .c-carousel li > picture.c-image.f-x-right img {
    left: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .c-carousel li .m-hero-item > div > div,
  .c-carousel li .c-hero > div > div {
    padding-bottom: 48px;
  }
  .c-carousel li .m-hero-item.f-x-left > picture img, .c-carousel li .m-hero-item.f-x-right > picture img,
  .c-carousel li .c-hero.f-x-left > picture img,
  .c-carousel li .c-hero.f-x-right > picture img {
    left: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .c-carousel li.f-animate-next > picture.c-image[class*=f-x][class*=f-y] img {
    animation-name: hero-background-next-x-center;
  }
  .c-carousel li.f-animate-next .m-hero-item[class*=f-x][class*=f-y] > picture img,
  .c-carousel li.f-animate-next .c-hero[class*=f-x][class*=f-y] > picture img {
    animation-name: hero-background-next-x-center;
  }
  .c-carousel li.f-animate-previous > picture.c-image[class*=f-x][class*=f-y] img {
    animation-name: hero-background-previous-x-center;
  }
  .c-carousel li.f-animate-previous .m-hero-item[class*=f-x][class*=f-y] > picture img,
  .c-carousel li.f-animate-previous .c-hero[class*=f-x][class*=f-y] > picture img {
    animation-name: hero-background-previous-x-center;
  }
}

.c-checkbox .c-label {
  font-size: 15px;
  line-height: 20px;
  margin-right: 24px;
  padding-bottom: 0;
  position: relative;
}
.c-checkbox input[type=checkbox] {
  position: absolute;
  height: 20px;
  opacity: 0;
  width: 20px;
}
.c-checkbox input[type=checkbox] + span {
  cursor: pointer;
  display: inline-block;
  left: 0;
  padding-left: 28px;
  position: relative;
  top: 0;
}
.c-checkbox input[type=checkbox] + span:after, .c-checkbox input[type=checkbox] + span:before {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
  top: 0;
}
.c-checkbox input[type=checkbox] + span:before {
  content: "";
  box-shadow: inset 0 0 0 1px, inset 0 0 0 10px transparent;
  top: 0;
}
@media screen and (-ms-high-contrast: active) {
  .c-checkbox input[type=checkbox] + span:before {
    border: 1px solid;
  }
}
.c-checkbox input[type=checkbox]:not(:disabled):focus + span:before, .c-checkbox input[type=checkbox]:not(:disabled):hover + span:before {
  box-shadow: inset 0 0 0 1px;
}
.c-checkbox input[type=checkbox]:focus + span:before {
  outline: 1px dashed;
}
.c-checkbox input[type=checkbox]:checked + span:after {
  font-family: "MWF-MDL2";
  content: "\e73e";
  color: var(--bg-primary);
  font-size: 17px;
  padding-left: 1px;
}
.c-checkbox input[type=checkbox]:checked:disabled + span:after {
  box-shadow: inset 0 0 0 1px, inset 0 0 0 10px;
  color: rgba(255, 255, 255, 0.3);
}
.c-checkbox input[type=checkbox]:checked:not(:disabled) + span:before {
  box-shadow: inset 0 0 0 10px;
}
.c-checkbox input[type=checkbox]:checked:not(:disabled):focus + span:before, .c-checkbox input[type=checkbox]:checked:not(:disabled):hover + span:before {
  box-shadow: inset 0 0 0 1px, inset 0 0 0 10px;
}
.c-checkbox input[type=checkbox]:indeterminate + span:after {
  border: 5px solid;
  content: "";
  height: 0;
  left: 5px;
  top: 5px;
  width: 0;
}
.c-checkbox input[type=checkbox]:indeterminate:not(:disabled) + span:before {
  box-shadow: inset 0 0 0 1px;
}
.c-checkbox input[type=checkbox]:disabled + span {
  cursor: not-allowed;
}
.c-checkbox input[type=checkbox]:disabled + span:before {
  box-shadow: inset 0 0 0 1px;
}

.c-choice-summary {
  font-size: 13px;
  position: relative;
  display: inline-block;
  list-style-type: none;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  padding-right: 36px;
  min-width: 72px;
  margin-top: 12px;
  margin-right: 12px;
}
.c-choice-summary span {
  display: inline-block;
  padding: 9px 0 10px 12px;
  min-width: 100%;
}
.c-choice-summary button.c-action-trigger.c-glyph {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 100%;
  margin: 0;
  padding: 5px 0 9px;
}
.c-choice-summary button.c-action-trigger.c-glyph:before {
  margin: 0;
  width: auto;
  height: auto;
  color: rgba(0, 0, 0, 0.6);
}
.c-choice-summary button.c-action-trigger.c-glyph:hover, .c-choice-summary button.c-action-trigger.c-glyph:hover + span {
  background-color: rgba(0, 0, 0, 0.2);
}
.c-choice-summary button.c-action-trigger.c-glyph:active, .c-choice-summary button.c-action-trigger.c-glyph:active + span {
  background-color: rgba(0, 0, 0, 0.3);
}
.c-choice-summary button.c-action-trigger.c-glyph:active:before {
  color: rgba(0, 0, 0, 0.8);
}

.c-content-placement {
  margin-top: 48px;
  overflow: hidden;
}
.c-content-placement .c-heading {
  font-size: 24px;
  line-height: 28px;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 56px;
  font-weight: 200;
  padding-top: 12px;
}
.c-content-placement .c-badge {
  margin-bottom: 4px;
}
.c-content-placement .c-paragraph {
  overflow: hidden;
  box-sizing: content-box;
  max-height: 80px;
  padding-top: 2px;
}
.c-content-placement .c-call-to-action {
  background: transparent;
  color: #0078D6;
  border-color: transparent;
  border-width: 2px;
  padding: 10px 44px 7px 24px;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 12px;
}
.c-content-placement .c-call-to-action:focus, .c-content-placement .c-call-to-action:hover {
  background: transparent;
  border-color: transparent;
}
.c-content-placement .c-call-to-action:active {
  background: transparent;
  text-decoration: none;
}
.c-content-placement .c-call-to-action span:hover {
  text-decoration: underline;
}
.theme-light .c-content-placement .c-call-to-action, .theme-dark .theme-light .c-content-placement .c-call-to-action {
  color: #000;
  background: transparent;
  border-color: transparent;
}
.theme-light .c-content-placement .c-call-to-action:active, .theme-dark .theme-light .c-content-placement .c-call-to-action:active {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light .c-content-placement .c-call-to-action:focus, .theme-dark .theme-light .c-content-placement .c-call-to-action:focus {
  outline-color: #000;
}
.theme-dark .c-content-placement .c-call-to-action, .theme-light .theme-dark .c-content-placement .c-call-to-action {
  color: #FFF;
  background: transparent;
  border-color: transparent;
}
.theme-dark .c-content-placement .c-call-to-action:active, .theme-light .theme-dark .c-content-placement .c-call-to-action:active {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-content-placement .c-call-to-action:focus, .theme-light .theme-dark .c-content-placement .c-call-to-action:focus {
  outline-color: #FFF;
}
.c-content-placement .c-video {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  left: 0;
}
.c-content-placement .c-video video {
  min-width: 100%;
  width: 100%;
  height: 100%;
}
.c-content-placement > picture {
  display: block;
  position: relative;
  overflow: hidden;
}
.c-content-placement > picture img {
  position: relative;
  width: 100%;
}
.c-content-placement > div {
  padding-right: 24px;
}
.c-content-placement > div > .c-call-to-action {
  padding-right: 0;
}
.c-content-placement > div > .c-call-to-action:focus {
  padding-right: 44px;
}
.c-content-placement > div > .c-group {
  display: block;
  overflow: visible;
  margin-top: 12px;
}
.c-content-placement > div > .c-group > .c-call-to-action {
  margin-top: 0;
}
.c-content-placement > div > .c-group > .c-call-to-action + .c-call-to-action:focus {
  padding-left: 24px;
  margin-left: -24px;
}
@media only screen and (max-width: 767px) {
  .c-content-placement > div {
    padding-right: 12px;
  }
}
@media only screen and (max-width: 539px) {
  .c-content-placement .c-heading {
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 48px;
    font-weight: 400;
  }
}

.c-date-time-picker {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6) inset;
  outline: 0;
  background: rgba(0, 0, 0, 0.05);
  position: relative;
  float: left;
}
.c-date-time-picker button {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  background: transparent;
  height: 36px;
  border: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
}
.c-date-time-picker button:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.6);
}
.c-date-time-picker:hover {
  background: rgba(0, 0, 0, 0.2);
}
.c-date-time-picker:active {
  background: rgba(0, 0, 0, 0.4);
}
.c-date-time-picker[data-date-time-picker=date] {
  width: 296px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-date-time-picker[data-date-time-picker=date] [data-date-time-picker=month] {
  float: left;
  flex: 0 0 auto;
  width: 135px;
  text-align: left;
}
.c-date-time-picker[data-date-time-picker=date] [data-date-time-picker=day] {
  float: left;
  flex: 1 1 auto;
}
.c-date-time-picker[data-date-time-picker=date] [data-date-time-picker=year] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
}
.c-date-time-picker[data-date-time-picker=time] {
  width: 240px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-date-time-picker[data-date-time-picker=time] [data-date-time-picker=hour] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
}
.c-date-time-picker[data-date-time-picker=time] [data-date-time-picker=minute] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
}
.c-date-time-picker[data-date-time-picker=time] [data-date-time-picker=ampm] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
}
.c-date-time-picker[data-date-time-picker=time24] {
  width: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-date-time-picker[data-date-time-picker=time24] [data-date-time-picker=hour24] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
}
.c-date-time-picker[data-date-time-picker=time24] [data-date-time-picker=minute24] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
}
.c-date-time-picker [data-date-time-picker=date-selector], .c-date-time-picker [data-date-time-picker=time-selector12], .c-date-time-picker [data-date-time-picker=time-selector24] {
  width: 100%;
  background: #f2f2f2;
  position: absolute;
  top: -157px;
  left: 0;
  height: 396px;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  text-align: center;
  z-index: 300;
}
.c-date-time-picker [data-date-time-picker=date-selector][aria-hidden=true], .c-date-time-picker [data-date-time-picker=time-selector12][aria-hidden=true], .c-date-time-picker [data-date-time-picker=time-selector24][aria-hidden=true] {
  display: none;
}
.c-date-time-picker [data-date-time-picker=date-selector][aria-hidden=false], .c-date-time-picker [data-date-time-picker=time-selector12][aria-hidden=false], .c-date-time-picker [data-date-time-picker=time-selector24][aria-hidden=false] {
  display: flex;
}
.c-date-time-picker [data-date-time-picker=date-selector] > span, .c-date-time-picker [data-date-time-picker=time-selector12] > span, .c-date-time-picker [data-date-time-picker=time-selector24] > span {
  position: absolute;
  z-index: 0;
  top: 154px;
  left: 0;
  height: 44px;
  width: 100%;
  background: #0078D6;
}
.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm], .c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm], .c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
  z-index: 1;
  top: 0;
  height: 352px;
}
.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] button, .c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] button, .c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] button {
  position: absolute;
  left: 80px;
  height: 22px;
  width: 100%;
  background: transparent;
  border: 0;
  z-index: 100;
}
.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] button:first-of-type, .c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] button:first-of-type, .c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] button:first-of-type {
  top: 0;
}
.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] button:last-of-type, .c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] button:last-of-type, .c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] button:last-of-type {
  top: 330px;
}
.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] ul, .c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] ul, .c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] ul {
  top: 154px;
}
.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] ul.f-js-pm, .c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] ul.f-js-pm, .c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] ul.f-js-pm {
  top: 110px;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div, .c-date-time-picker [data-date-time-picker=time-selector12] > div, .c-date-time-picker [data-date-time-picker=time-selector24] > div {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  align-self: flex-start;
  background-clip: content-box;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  float: left;
  position: relative;
  z-index: 1;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div:first-of-type button, .c-date-time-picker [data-date-time-picker=time-selector12] > div:first-of-type button, .c-date-time-picker [data-date-time-picker=time-selector24] > div:first-of-type button {
  left: 0;
  width: inherit;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div:last-of-type, .c-date-time-picker [data-date-time-picker=time-selector12] > div:last-of-type, .c-date-time-picker [data-date-time-picker=time-selector24] > div:last-of-type {
  border-right: 0;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div:last-of-type button, .c-date-time-picker [data-date-time-picker=time-selector12] > div:last-of-type button, .c-date-time-picker [data-date-time-picker=time-selector24] > div:last-of-type button {
  left: auto;
  right: 0;
  width: inherit;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div ul, .c-date-time-picker [data-date-time-picker=time-selector12] > div ul, .c-date-time-picker [data-date-time-picker=time-selector24] > div ul {
  position: relative;
  top: -66px;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div li, .c-date-time-picker [data-date-time-picker=time-selector12] > div li, .c-date-time-picker [data-date-time-picker=time-selector24] > div li {
  height: 44px;
  padding: 12px 6px 3px;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div li[aria-checked=true], .c-date-time-picker [data-date-time-picker=time-selector12] > div li[aria-checked=true], .c-date-time-picker [data-date-time-picker=time-selector24] > div li[aria-checked=true] {
  color: #FFF;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div li[aria-checked=true]:hover, .c-date-time-picker [data-date-time-picker=time-selector12] > div li[aria-checked=true]:hover, .c-date-time-picker [data-date-time-picker=time-selector24] > div li[aria-checked=true]:hover {
  background: transparent;
}
.c-date-time-picker [data-date-time-picker=date-selector] > div li[aria-checked=true]:focus, .c-date-time-picker [data-date-time-picker=time-selector12] > div li[aria-checked=true]:focus, .c-date-time-picker [data-date-time-picker=time-selector24] > div li[aria-checked=true]:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.6);
}
.c-date-time-picker [data-date-time-picker=date-selector] > div li.f-js-last, .c-date-time-picker [data-date-time-picker=time-selector12] > div li.f-js-last, .c-date-time-picker [data-date-time-picker=time-selector24] > div li.f-js-last {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.c-date-time-picker [data-date-time-picker=date-selector] > div li:hover, .c-date-time-picker [data-date-time-picker=time-selector12] > div li:hover, .c-date-time-picker [data-date-time-picker=time-selector24] > div li:hover {
  background: #cccccc;
  cursor: pointer;
}
.c-date-time-picker [data-date-time-picker=date-selector] > button, .c-date-time-picker [data-date-time-picker=time-selector12] > button, .c-date-time-picker [data-date-time-picker=time-selector24] > button {
  width: 50%;
  height: 44px;
  background: #f2f2f2;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  z-index: 100;
}
.c-date-time-picker [data-date-time-picker=date-selector] > button:focus, .c-date-time-picker [data-date-time-picker=time-selector12] > button:focus, .c-date-time-picker [data-date-time-picker=time-selector24] > button:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.6);
}
.c-date-time-picker [data-date-time-picker=date-selector] > button.glyph-accept:before, .c-date-time-picker [data-date-time-picker=time-selector12] > button.glyph-accept:before, .c-date-time-picker [data-date-time-picker=time-selector24] > button.glyph-accept:before {
  color: rgba(0, 0, 0, 0.6);
  content: "\e8fb";
}
.c-date-time-picker [data-date-time-picker=date-selector] > button.glyph-cancel:before, .c-date-time-picker [data-date-time-picker=time-selector12] > button.glyph-cancel:before, .c-date-time-picker [data-date-time-picker=time-selector24] > button.glyph-cancel:before {
  color: rgba(0, 0, 0, 0.6);
  content: "\e711";
}
.c-date-time-picker [data-date-time-picker=date-selector] > button:hover, .c-date-time-picker [data-date-time-picker=time-selector12] > button:hover, .c-date-time-picker [data-date-time-picker=time-selector24] > button:hover {
  background: #cccccc;
}
.c-date-time-picker [data-date-time-picker=date-selector] > button[data-date-time-picker=apply], .c-date-time-picker [data-date-time-picker=time-selector12] > button[data-date-time-picker=apply], .c-date-time-picker [data-date-time-picker=time-selector24] > button[data-date-time-picker=apply] {
  left: 0;
}
.c-date-time-picker [data-date-time-picker=date-selector] > button[data-date-time-picker=cancel], .c-date-time-picker [data-date-time-picker=time-selector12] > button[data-date-time-picker=cancel], .c-date-time-picker [data-date-time-picker=time-selector24] > button[data-date-time-picker=cancel] {
  right: 0;
}
.c-date-time-picker [data-date-time-picker=month] {
  float: left;
  flex: 0 0 auto;
  width: 135px;
  text-align: left;
  z-index: 1;
}
.c-date-time-picker [data-date-time-picker=month] button {
  position: absolute;
  left: 0;
  height: 22px;
  width: 100%;
  background: transparent;
  border: 0;
  z-index: 100;
}
.c-date-time-picker [data-date-time-picker=month] button:first-of-type {
  top: 0;
}
.c-date-time-picker [data-date-time-picker=month] button:last-of-type {
  top: 330px;
}
.c-date-time-picker [data-date-time-picker=day] {
  float: left;
  flex: 1 1 auto;
  z-index: 1;
}
.c-date-time-picker [data-date-time-picker=day] button {
  position: absolute;
  left: 0;
  height: 22px;
  width: 100%;
  background: transparent;
  border: 0;
  z-index: 100;
}
.c-date-time-picker [data-date-time-picker=day] button:first-of-type {
  top: 0;
}
.c-date-time-picker [data-date-time-picker=day] button:last-of-type {
  top: 330px;
}
.c-date-time-picker [data-date-time-picker=year] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
  z-index: 1;
}
.c-date-time-picker [data-date-time-picker=year] button {
  position: absolute;
  left: 135px;
  height: 22px;
  width: 100%;
  background: transparent;
  border: 0;
  z-index: 100;
}
.c-date-time-picker [data-date-time-picker=year] button:first-of-type {
  top: 0;
}
.c-date-time-picker [data-date-time-picker=year] button:last-of-type {
  top: 330px;
}
.c-date-time-picker [data-date-time-picker=hour],
.c-date-time-picker [data-date-time-picker=hour24] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
  z-index: 1;
}
.c-date-time-picker [data-date-time-picker=hour] button,
.c-date-time-picker [data-date-time-picker=hour24] button {
  position: absolute;
  left: 0;
  height: 22px;
  width: 100%;
  background: transparent;
  border: 0;
  z-index: 100;
}
.c-date-time-picker [data-date-time-picker=hour] button:first-of-type,
.c-date-time-picker [data-date-time-picker=hour24] button:first-of-type {
  top: 0;
}
.c-date-time-picker [data-date-time-picker=hour] button:last-of-type,
.c-date-time-picker [data-date-time-picker=hour24] button:last-of-type {
  top: 330px;
}
.c-date-time-picker [data-date-time-picker=minute],
.c-date-time-picker [data-date-time-picker=minute24] {
  float: left;
  flex: 0 0 auto;
  width: 80px;
  z-index: 1;
}
.c-date-time-picker [data-date-time-picker=minute] button,
.c-date-time-picker [data-date-time-picker=minute24] button {
  position: absolute;
  left: 0;
  height: 22px;
  width: 100%;
  background: transparent;
  border: 0;
  z-index: 100;
}
.c-date-time-picker [data-date-time-picker=minute] button:first-of-type,
.c-date-time-picker [data-date-time-picker=minute24] button:first-of-type {
  top: 0;
}
.c-date-time-picker [data-date-time-picker=minute] button:last-of-type,
.c-date-time-picker [data-date-time-picker=minute24] button:last-of-type {
  top: 330px;
}

.c-dialog[aria-hidden=true] {
  display: none;
}
.c-dialog [role=dialog] {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  border: 1px solid #0078D6;
  margin: 0 auto;
  max-height: 760px;
  max-width: 546px;
  min-width: 296px;
  overflow: auto;
  padding: 24px;
  z-index: 900;
}
.c-dialog [role=dialog]:focus {
  outline: none;
}
.c-dialog [role=dialog] h2 {
  font-size: 20px;
  line-height: normal;
  padding: 0;
}
.c-dialog [role=dialog] p {
  padding-top: 8px;
}
.c-dialog [role=dialog] .c-group {
  display: block;
}
.c-dialog [role=dialog] .c-group button {
  float: right;
  margin-top: 24px;
  width: 50%;
  max-width: none;
  margin-right: 0;
}
.c-dialog [role=dialog] .c-group button + button {
  float: left;
  width: calc(50% - 4px);
}
.c-dialog.f-flow [role=dialog], .c-dialog.f-lightbox [role=dialog] {
  padding: 36px;
}
.c-dialog.f-flow [role=dialog] > .c-glyph, .c-dialog.f-lightbox [role=dialog] > .c-glyph {
  position: absolute;
  width: 36px;
  height: 36px;
  right: 0;
  top: 0;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.c-dialog.f-flow [role=dialog] > .c-glyph:hover, .c-dialog.f-lightbox [role=dialog] > .c-glyph:hover {
  color: rgba(0, 0, 0, 0.8);
}
.c-dialog.f-flow [role=dialog] > .c-glyph:focus, .c-dialog.f-lightbox [role=dialog] > .c-glyph:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.8);
}
.c-dialog.f-flow [role=dialog] > .c-glyph:active, .c-dialog.f-lightbox [role=dialog] > .c-glyph:active {
  color: #000;
}
.c-dialog.f-flow [role=dialog] > .c-glyph:before, .c-dialog.f-lightbox [role=dialog] > .c-glyph:before {
  margin: 10px;
  vertical-align: middle;
}
.c-dialog.f-flow [role=dialog] > .glyph-cancel:before, .c-dialog.f-lightbox [role=dialog] > .glyph-cancel:before {
  content: "\e711";
}
.c-dialog.f-flow [role=dialog] .c-group button, .c-dialog.f-lightbox [role=dialog] .c-group button {
  margin-top: 36px;
}
.c-dialog.f-lightbox [role=dialog] {
  background: #2F2F2F;
  border-color: transparent;
  max-width: 1066px;
  overflow: visible;
}
.c-dialog.f-lightbox [role=dialog] > .c-glyph {
  top: -36px;
  color: rgba(255, 255, 255, 0.6);
}
.c-dialog.f-lightbox [role=dialog] > .c-glyph:hover {
  color: rgba(255, 255, 255, 0.8);
}
.c-dialog.f-lightbox [role=dialog] > .c-glyph:focus {
  outline-color: rgba(255, 255, 255, 0.6);
}
.c-dialog.f-lightbox [role=dialog] [role=document] img {
  width: 100%;
}
.c-dialog [role=presentation] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 900;
}
.c-dialog [role=presentation]:focus {
  outline: none;
}
.theme-light .c-dialog [role=dialog], .theme-dark .theme-light .c-dialog [role=dialog] {
  background: #FFF;
  border-color: #000;
}
.theme-light .c-dialog [role=dialog] .c-glyph, .theme-dark .theme-light .c-dialog [role=dialog] .c-glyph {
  color: #000;
}
.theme-light .c-dialog [role=dialog] .c-glyph:hover, .theme-dark .theme-light .c-dialog [role=dialog] .c-glyph:hover {
  color: rgba(0, 0, 0, 0.8);
}
.theme-light .c-dialog [role=dialog] .c-glyph:focus, .theme-dark .theme-light .c-dialog [role=dialog] .c-glyph:focus {
  outline-color: rgba(0, 0, 0, 0.6);
}
.theme-light .c-dialog [role=presentation], .theme-dark .theme-light .c-dialog [role=presentation] {
  background: rgba(255, 255, 255, 0.9);
}
.theme-dark .c-dialog [role=dialog], .theme-light .theme-dark .c-dialog [role=dialog] {
  background: #000;
  border-color: #FFF;
}
.theme-dark .c-dialog [role=dialog] .c-glyph, .theme-light .theme-dark .c-dialog [role=dialog] .c-glyph {
  color: #FFF;
}
.theme-dark .c-dialog [role=dialog] .c-glyph:hover, .theme-light .theme-dark .c-dialog [role=dialog] .c-glyph:hover {
  color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-dialog [role=dialog] .c-glyph:focus, .theme-light .theme-dark .c-dialog [role=dialog] .c-glyph:focus {
  outline-color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 539px) {
  .c-dialog [role=dialog] {
    top: 0;
    left: 0;
    transform: none;
    margin: 12px;
    max-height: 342px;
  }
  .c-dialog [role=dialog] .c-group {
    display: block;
    padding: 0;
  }
  .c-dialog [role=dialog] .c-group button {
    float: none;
    margin-top: 24px;
    width: 100%;
    max-width: none;
    margin-right: 0;
  }
  .c-dialog [role=dialog] .c-group button + button {
    float: none;
    width: 100%;
    margin-top: 12px;
  }
  .c-dialog.f-lightbox [role=dialog] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: none;
    margin: 0;
  }
  .c-dialog.f-flow [role=dialog] {
    max-height: 100%;
    bottom: 0;
  }
  .c-dialog.f-flow [role=dialog] .c-group button + button {
    margin-top: 12px;
  }
}

hr.c-divider {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0;
}

.c-drawer > button,
.c-drawer .f-toggle {
  min-height: 44px;
  position: relative;
}
.c-drawer > header {
  margin-bottom: 8px;
  min-height: 44px;
  position: relative;
}
@media only screen and (max-width: 539px) {
  .c-drawer > header {
    padding-right: 36px;
  }
}
.c-drawer > header > button,
.c-drawer > header .f-toggle {
  height: 100%;
  position: absolute;
}
.c-drawer > nav.c-link-navigation {
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  overflow: hidden;
  text-align: left;
  width: auto;
}
.c-drawer > nav.c-link-navigation li {
  display: inline-block;
  height: auto;
}
.c-drawer > nav.c-link-navigation li a.c-hyperlink {
  padding: 0;
}
.c-drawer > nav.c-link-navigation li:first-child a {
  margin-left: 0;
}
.c-drawer > nav.c-link-navigation ul {
  white-space: nowrap;
}
.c-drawer > button,
.c-drawer .f-toggle,
.c-drawer > header > button,
.c-drawer > header .f-toggle {
  font-size: 13px;
  line-height: 16px;
  display: block;
  border: 0;
  background: transparent;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  padding: 14px 36px 14px 12px;
  left: 0;
  text-align: left;
  width: 100%;
}
.c-drawer > button:after,
.c-drawer .f-toggle:after,
.c-drawer > header > button:after,
.c-drawer > header .f-toggle:after {
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
}
.c-drawer > button[aria-expanded=true]:after,
.c-drawer .f-toggle[aria-expanded=true]:after,
.c-drawer > header > button[aria-expanded=true]:after,
.c-drawer > header .f-toggle[aria-expanded=true]:after {
  content: "\e70e";
}
.c-drawer > button[aria-expanded=false]:after,
.c-drawer .f-toggle[aria-expanded=false]:after,
.c-drawer > header > button[aria-expanded=false]:after,
.c-drawer > header .f-toggle[aria-expanded=false]:after {
  content: "\e70d";
}
.c-drawer > button:focus,
.c-drawer .f-toggle:focus,
.c-drawer > header > button:focus,
.c-drawer > header .f-toggle:focus {
  outline: 1px dashed #000;
}
.c-drawer > button:hover,
.c-drawer .f-toggle:hover,
.c-drawer > header > button:hover,
.c-drawer > header .f-toggle:hover {
  background: rgba(0, 0, 0, 0.1);
}
.c-drawer > button:active,
.c-drawer .f-toggle:active,
.c-drawer > header > button:active,
.c-drawer > header .f-toggle:active {
  background: rgba(0, 0, 0, 0.3);
}
.c-drawer.f-responsive > button + div,
.c-drawer.f-responsive .f-toggle + div,
.c-drawer.f-responsive > header + div {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 8px;
  padding-top: 8px;
}
@media only screen and (min-width: 540px) {
  .c-drawer.f-responsive.f-show > button:after,
  .c-drawer.f-responsive.f-show .f-toggle:after,
  .c-drawer.f-responsive.f-show > header > button:after,
  .c-drawer.f-responsive.f-show > header .f-toggle:after {
    display: none;
  }
  .c-drawer.f-responsive.f-show > button:hover,
  .c-drawer.f-responsive.f-show .f-toggle:hover,
  .c-drawer.f-responsive.f-show > header > button:hover,
  .c-drawer.f-responsive.f-show > header .f-toggle:hover {
    background: transparent;
  }
}
.c-drawer > div[id] {
  position: relative;
}

.c-explicit {
  font-size: 11px;
  line-height: 1;
  margin: 0 5px;
  padding: 0 3px;
  border: 1px solid #000;
}

.c-feature {
  position: relative;
  height: 300px;
}
.c-feature:before, .c-feature:after {
  content: " ";
  display: table;
}
.c-feature:after {
  clear: both;
}
.c-feature picture {
  height: 300px;
  width: 50%;
  display: block;
  position: relative;
  overflow: hidden;
}
.c-feature picture img {
  position: absolute;
  right: 0;
  top: 0;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.c-feature .c-video {
  height: 300px;
  width: 50%;
  max-width: 50%;
  overflow: hidden;
  left: 0;
}
.c-feature .c-video > h1 {
  display: none;
}
.c-feature .c-video video {
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  width: 100%;
}
.c-feature.f-align-left > div {
  left: 0;
  padding: 24px;
}
.c-feature.f-align-left picture,
.c-feature.f-align-left .c-video {
  float: right;
}
.c-feature.f-align-right > div {
  left: 50%;
  padding: 24px;
}
.c-feature.f-align-right picture,
.c-feature.f-align-right .c-video {
  float: left;
  left: 0;
}
.c-feature.f-align-right > div, .c-feature.f-align-left > div {
  position: absolute;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
}
.c-feature.f-align-right .c-video, .c-feature.f-align-left .c-video {
  position: relative;
}
.c-feature > div {
  padding: 0 24px 24px;
}
.c-feature > div .c-heading {
  font-size: 24px;
  line-height: 28px;
  padding: 36px 0 4px;
  font-weight: 200;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 84px;
}
.c-feature > div .c-paragraph {
  font-size: 15px;
  line-height: 20px;
  padding: 24px 0 0;
  font-weight: 400;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 60px;
  padding-top: 0;
}
.c-feature > div .c-call-to-action {
  background: transparent;
  color: #0078D6;
  border-color: transparent;
  border-width: 2px;
  padding: 10px 44px 7px 24px;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 10px;
}
.c-feature > div .c-call-to-action:focus, .c-feature > div .c-call-to-action:hover {
  background: transparent;
  border-color: transparent;
}
.c-feature > div .c-call-to-action:active {
  background: transparent;
  text-decoration: none;
}
.c-feature > div .c-call-to-action span:hover {
  text-decoration: underline;
}
.theme-light .c-feature > div .c-call-to-action, .theme-dark .theme-light .c-feature > div .c-call-to-action {
  color: #000;
  background: transparent;
  border-color: transparent;
}
.theme-light .c-feature > div .c-call-to-action:active, .theme-dark .theme-light .c-feature > div .c-call-to-action:active {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light .c-feature > div .c-call-to-action:focus, .theme-dark .theme-light .c-feature > div .c-call-to-action:focus {
  outline-color: #000;
}
.theme-dark .c-feature > div .c-call-to-action, .theme-light .theme-dark .c-feature > div .c-call-to-action {
  color: #FFF;
  background: transparent;
  border-color: transparent;
}
.theme-dark .c-feature > div .c-call-to-action:active, .theme-light .theme-dark .c-feature > div .c-call-to-action:active {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-feature > div .c-call-to-action:focus, .theme-light .theme-dark .c-feature > div .c-call-to-action:focus {
  outline-color: #FFF;
}
.c-feature > div .c-group {
  display: block;
  overflow: visible;
  margin-top: 10px;
}
.c-feature > div .c-group .c-call-to-action {
  margin-top: 0;
  margin-right: 4px;
}
.c-feature > div .c-badge {
  margin-top: 12px;
}
.c-feature > div .c-badge + .c-heading {
  padding-top: 8px;
}
.c-feature.f-align-center {
  height: auto;
}
.c-feature.f-align-center > div {
  width: auto;
  padding: 0 24px;
  max-width: 848px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.c-feature.f-align-center > div .c-heading {
  font-size: 34px;
  line-height: 40px;
  padding: 38px 0 2px;
  font-weight: 100;
  max-height: 120px;
}
.c-feature.f-align-center > div .c-paragraph {
  max-height: 80px;
}
.c-feature.f-align-center > div .c-group {
  display: block;
}
.c-feature.f-align-center > div .c-group .c-call-to-action {
  margin: 0 2px;
}
.c-feature.f-align-center > div .c-badge {
  margin-top: 12px;
}
.c-feature.f-align-center > div .c-badge + .c-heading {
  padding-top: 8px;
}
.c-feature.f-align-center picture,
.c-feature.f-align-center .c-video {
  width: 100%;
}
@media only screen and (max-width: 539px) {
  .c-feature {
    height: auto;
  }
  .c-feature.f-align-left > div, .c-feature.f-align-right > div {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    padding: 0 24px 0 24px;
  }
  .c-feature.f-align-left > div .c-badge, .c-feature.f-align-right > div .c-badge {
    margin-top: 12px;
  }
  .c-feature.f-align-left > div .c-badge + .c-heading, .c-feature.f-align-right > div .c-badge + .c-heading {
    padding-top: 8px;
  }
  .c-feature.f-align-left picture, .c-feature.f-align-right picture {
    float: none;
    width: auto;
  }
  .c-feature.f-align-left .c-video, .c-feature.f-align-right .c-video {
    float: none;
    max-width: 100%;
  }
  .c-feature.f-align-left .c-paragraph, .c-feature.f-align-right .c-paragraph {
    padding: 0;
  }
  .c-feature > div .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 200;
    max-height: 48px;
  }
  .c-feature.c-feature.f-align-left > div, .c-feature.c-feature.f-align-right > div {
    text-align: left;
  }
  .c-feature picture,
  .c-feature .c-video {
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .c-feature {
    height: auto;
  }
  .c-feature.f-align-left > div, .c-feature.f-align-right > div {
    max-width: 490px;
    margin: 0 auto;
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    padding: 0 24px 0 24px;
    text-align: center;
    float: none;
  }
  .c-feature.f-align-left .c-badge, .c-feature.f-align-right .c-badge {
    margin-top: 12px;
  }
  .c-feature.f-align-left .c-badge + .c-heading, .c-feature.f-align-right .c-badge + .c-heading {
    padding-top: 8px;
  }
  .c-feature.f-align-left picture, .c-feature.f-align-right picture {
    float: none;
    width: auto;
  }
  .c-feature.f-align-left .c-video, .c-feature.f-align-right .c-video {
    float: none;
    max-width: 100%;
  }
  .c-feature > div .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 200;
    max-height: 48px;
  }
}
@media only screen and (min-width: 1084px) {
  .c-feature {
    height: 400px;
  }
  .c-feature > div {
    max-width: 654px;
  }
  .c-feature picture,
  .c-feature .c-video {
    height: 400px;
  }
  .c-feature.f-align-right > div {
    padding: 48px;
  }
  .c-feature.f-align-left > div {
    padding: 48px;
  }
  .c-feature > div .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 100;
    max-height: 120px;
  }
  .c-feature > div .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 24px 0 0;
    font-weight: 400;
    max-height: 80px;
  }
  .c-feature.f-align-center > div {
    padding: 0 48px 0 48px;
    max-width: 894px;
  }
}

.c-file {
  display: flex;
}
.c-file .c-button {
  margin-top: 20px;
}
.c-file input[type=file] {
  float: left;
  visibility: hidden;
  width: 0;
}
.c-file input.c-text-field[type=text] {
  margin-right: 8px;
}
.c-file input.c-text-field[type=text]::-ms-clear {
  display: none;
}
.c-file input.c-text-field[type=text][readonly] {
  background: #FFF;
}
.c-file input.c-text-field[type=text][readonly]:hover {
  border-color: rgba(0, 0, 0, 0.8);
}
.c-file input.c-text-field[type=text][readonly]:active, .c-file input.c-text-field[type=text][readonly]:focus {
  border-color: #0078D6;
}

.c-flipper {
  display: inline-block;
  width: 24px;
  height: 48px;
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
  font-family: "MWF-MDL2";
  /*
  * Use .f-previous and .f-next
  * .f-left and f-left deprecated v1.3.0
  */
}
.c-flipper:before {
  position: relative;
  left: 0;
  top: 0;
}
.c-flipper.f-left:before, .c-flipper.f-previous:before {
  content: "\e76b";
}
.c-flipper.f-right:before, .c-flipper.f-next:before {
  content: "\e76c";
}
.c-flipper:focus {
  outline: 1px dashed #000;
  background: rgba(0, 0, 0, 0.15);
}
.c-flipper:hover {
  background: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.8);
}
.c-flipper:active {
  background: rgba(0, 0, 0, 0.2);
  color: #000;
}
.theme-light .c-flipper, .theme-dark .theme-light .c-flipper {
  background: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.6);
}
.theme-light .c-flipper:focus, .theme-dark .theme-light .c-flipper:focus {
  background: rgba(255, 255, 255, 0.8);
  outline-color: #000;
}
.theme-light .c-flipper:hover, .theme-dark .theme-light .c-flipper:hover {
  background: rgba(255, 255, 255, 0.4);
  color: rgba(0, 0, 0, 0.8);
}
.theme-light .c-flipper:active, .theme-dark .theme-light .c-flipper:active {
  background: rgba(255, 255, 255, 0.2);
  color: #000;
}
.theme-dark .c-flipper, .theme-light .theme-dark .c-flipper {
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-flipper:focus, .theme-light .theme-dark .c-flipper:focus {
  background: rgba(0, 0, 0, 0.8);
  outline-color: #FFF;
}
.theme-dark .c-flipper:hover, .theme-light .theme-dark .c-flipper:hover {
  background: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-flipper:active, .theme-light .theme-dark .c-flipper:active {
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
}

.c-flyout {
  font-size: 15px;
  position: absolute;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  min-width: 128px;
  max-width: 296px;
  padding: 12px;
  z-index: 700;
}
.c-flyout[aria-hidden=true] {
  display: none;
}
.c-flyout[aria-hidden=false] {
  display: block;
}
.c-flyout p {
  padding: 0;
}
.c-flyout button {
  float: right;
}
.c-flyout:focus {
  outline: none;
}

.c-universal-footer nav:before, .c-universal-footer nav:after {
  content: " ";
  display: table;
}
.c-universal-footer nav:after {
  clear: both;
}
.c-universal-footer nav div > div {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding: 0 12px;
  width: 16.6666666667%;
  zoom: 1;
}
.c-universal-footer nav div > div:before, .c-universal-footer nav div > div:after {
  content: " ";
  display: table;
}
.c-universal-footer nav div > div:after {
  clear: both;
}
.c-universal-footer nav div > div .c-heading-4, .c-universal-footer nav div > div a.c-hyperlink {
  color: rgba(0, 0, 0, 0.6);
}
.c-universal-footer nav div > div ul.c-list {
  font-size: 11px;
  line-height: 16px;
}
.c-universal-footer > section > a.c-hyperlink {
  font-size: 11px;
  line-height: 16px;
  display: inline-block;
  margin-top: 30px;
  color: rgba(0, 0, 0, 0.6);
  float: left;
}
.c-universal-footer > section > a.c-hyperlink.c-glyph {
  font-size: 11px;
  line-height: 16px;
  display: inline-block;
  margin-top: 30px;
  color: rgba(0, 0, 0, 0.6);
  float: left;
}
.c-universal-footer > section > a.c-hyperlink.c-glyph:before {
  font-size: 20px;
  line-height: 24px;
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.6);
  vertical-align: middle;
}
.c-universal-footer > section > a.c-hyperlink.c-glyph.glyph-world:before {
  content: "\e909";
}
.c-universal-footer > section ul.c-list {
  font-size: 11px;
  line-height: 16px;
  margin-left: -20px;
  float: right;
  margin-top: 25px;
}
.c-universal-footer > section ul.c-list li {
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  padding: 8px 20px;
}
.c-universal-footer > section ul.c-list li a.c-hyperlink {
  color: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 767px) {
  .c-universal-footer nav div:before, .c-universal-footer nav div:after {
    content: " ";
    display: table;
  }
  .c-universal-footer nav div:after {
    clear: both;
  }
  .c-universal-footer nav div > div {
    width: 33.33333%;
  }
  .c-universal-footer > section ul.c-list li {
    padding-left: 0;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 539px) {
  .c-universal-footer nav div > div {
    width: 100%;
    float: none;
  }
  .c-universal-footer > section ul.c-list {
    float: left;
  }
}

.c-group {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 1px;
}
.c-group.f-wrap-items {
  flex-wrap: wrap;
  /** .c-product-placement deprecated on v1.6.0 **/
  /*  use .m-product-placement-item
      TODO: remove c- in v.2.0 */
}
@media only screen and (max-width: 539px) {
  .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium,
  .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium {
    width: calc(50% - 24px);
  }
  .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium picture img,
  .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img {
    width: 100%;
  }
}
.c-group .c-call-to-action {
  margin-right: 4px;
}
.c-group .c-action-trigger {
  padding-right: 24px;
}
.c-group .c-action-trigger:last-child {
  padding-right: 0;
}
.c-group .c-select-button {
  margin-top: 8px;
}
@media only screen and (min-width: 320px) {
  .c-group button.c-button,
  .c-group a.c-button[role=button] {
    margin-right: 4px;
  }
}
@media only screen and (min-width: 540px) {
  .c-group button.c-button,
  .c-group a.c-button[role=button] {
    margin-right: 8px;
  }
}

[class^=c-heading-]:before, [class^=c-heading-]:after {
  content: " ";
  display: table;
}
[class^=c-heading-]:after {
  clear: both;
}
[class^=c-heading-] a.c-hyperlink {
  font-size: 15px;
  line-height: 20px;
  float: right;
  margin-left: 12px;
  font-weight: 400;
}

.c-heading-1 a.c-hyperlink {
  margin-top: 45px;
}

.c-heading-2 a.c-hyperlink {
  margin-top: 31px;
}

.c-heading-3 a.c-hyperlink {
  margin-top: 18px;
}

.c-heading-4 a.c-hyperlink {
  margin-top: 8px;
}

.c-heading-5 a.c-hyperlink {
  margin-top: 4px;
}

.c-heading-6 a.c-hyperlink {
  margin-top: 3px;
}

@media (max-width: 767px) {
  .c-heading-1 a.c-hyperlink {
    margin-top: 31px;
  }
  .c-heading-2 a.c-hyperlink {
    margin-top: 18px;
  }
  .c-heading-3 a.c-hyperlink {
    margin-top: 10px;
  }
  .c-heading-4 a.c-hyperlink {
    margin-top: 4px;
  }
  .c-heading-5 a.c-hyperlink {
    margin-top: 3px;
  }
  .c-heading-6 a.c-hyperlink {
    margin-top: 0;
  }
}
.c-histogram:before, .c-histogram:after {
  content: " ";
  display: table;
}
.c-histogram:after {
  clear: both;
}
.c-histogram > div:first-child {
  float: left;
}
.c-histogram > div:first-child > div > span {
  margin-left: 4px;
}
.c-histogram > div:first-child > span {
  font-size: 135px;
  line-height: 1;
  letter-spacing: -5px;
  font-weight: 100;
}
.c-histogram > ul {
  overflow: hidden;
  padding-left: 28px;
  margin-top: 26px;
}
.c-histogram > ul li {
  margin-bottom: 14px;
}
.c-histogram > ul a {
  font-size: 13px;
  display: block;
  line-height: 1;
}
.c-histogram > ul a > div {
  display: inline-block;
  margin-left: 6px;
  width: calc(100% - 85px);
}
.c-histogram > ul a > div > div {
  height: 12px;
  position: relative;
  background-color: #0078D6;
  -ms-high-contrast-adjust: none;
}
.c-histogram > ul a > div > div span {
  position: absolute;
  right: 0;
  transform: translateX(100%);
  padding-left: 4px;
}
.c-histogram > ul .c-glyph {
  margin-left: 1px;
}
.c-histogram > ul .c-glyph:after {
  transform: translateY(1px);
  content: "\e735";
}
@media only screen and (max-width: 539px) {
  .c-histogram > div:first-child {
    float: none;
  }
  .c-histogram > ul {
    padding-left: 0;
  }
}

a.c-hyperlink {
  text-decoration: none;
  color: #0078D6;
}
a.c-hyperlink:visited, a.c-hyperlink:hover {
  color: #0078D6;
  text-decoration: underline;
}
a.c-hyperlink:focus {
  outline: 1px dashed #000;
}
a.c-hyperlink:focus:active {
  outline-style: none;
}
a.c-hyperlink:active {
  color: #0078D6;
  text-decoration: none;
}
.theme-light a.c-hyperlink, .theme-dark .theme-light a.c-hyperlink {
  text-decoration: underline;
  color: #000;
}
.theme-light a.c-hyperlink:focus, .theme-dark .theme-light a.c-hyperlink:focus {
  text-decoration: none;
  color: #000;
}
.theme-light a.c-hyperlink:visited, .theme-dark .theme-light a.c-hyperlink:visited {
  color: rgba(0, 0, 0, 0.4);
}
.theme-light a.c-hyperlink:hover, .theme-dark .theme-light a.c-hyperlink:hover {
  color: rgba(0, 0, 0, 0.8);
}
.theme-light a.c-hyperlink:active, .theme-dark .theme-light a.c-hyperlink:active {
  color: rgba(0, 0, 0, 0.6);
}
.theme-dark a.c-hyperlink, .theme-light .theme-dark a.c-hyperlink {
  text-decoration: underline;
  color: #FFF;
}
.theme-dark a.c-hyperlink:focus, .theme-light .theme-dark a.c-hyperlink:focus {
  text-decoration: none;
  outline-color: #FFF;
}
.theme-dark a.c-hyperlink:visited, .theme-light .theme-dark a.c-hyperlink:visited {
  color: rgba(255, 255, 255, 0.4);
}
.theme-dark a.c-hyperlink:hover, .theme-light .theme-dark a.c-hyperlink:hover {
  color: rgba(255, 255, 255, 0.8);
}
.theme-dark a.c-hyperlink:active, .theme-light .theme-dark a.c-hyperlink:active {
  color: rgba(255, 255, 255, 0.6);
}

.c-glyph:before, .c-glyph:after {
  font-family: "MWF-MDL2";
  display: inline-block;
  text-decoration: underline;
}
.c-glyph:before, .c-glyph:after, .c-glyph:hover:before, .c-glyph:hover:after {
  text-decoration: none;
}

picture.c-image img, img.c-image {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto;
}

img.c-image.f-round {
  border-radius: 50%;
}

nav.c-in-page-navigation {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
}
nav.c-in-page-navigation h4 {
  padding: 38px 0 12px;
  margin: 0 24px;
}
nav.c-in-page-navigation.f-vertical {
  border-bottom: 0;
}
nav.c-in-page-navigation.f-vertical > ul {
  white-space: normal;
}
nav.c-in-page-navigation.f-vertical > ul li {
  display: block;
}
nav.c-in-page-navigation.f-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  z-index: 300;
}
nav.c-in-page-navigation.f-sticky.f-vertical {
  width: initial;
}
nav.c-in-page-navigation.f-sticky.f-vertical.f-dropdown {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
nav.c-in-page-navigation.f-hide {
  height: 0;
  visibility: hidden;
}
nav.c-in-page-navigation a:hover, nav.c-in-page-navigation a:focus, nav.c-in-page-navigation a:active, nav.c-in-page-navigation a.f-active {
  color: #000;
}
nav.c-in-page-navigation a:focus {
  outline: 1px dashed #000;
}
nav.c-in-page-navigation .c-select-menu {
  padding: 2px 0;
  margin: 0 24px;
}
nav.c-in-page-navigation .c-select-menu > a {
  color: #000;
}
nav.c-in-page-navigation > ul {
  white-space: nowrap;
}
nav.c-in-page-navigation > ul li {
  display: inline-block;
}
nav.c-in-page-navigation > ul li > a {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
  padding: 12px 0;
  margin: 0 24px;
  display: inline-block;
}
nav.c-in-page-navigation > ul li > a:hover {
  color: rgba(0, 0, 0, 0.8);
}
nav.c-in-page-navigation > ul li > a:focus {
  color: rgba(0, 0, 0, 0.8);
  outline: 1px dashed rgba(0, 0, 0, 0.8);
}
nav.c-in-page-navigation > ul li > a:active {
  color: #000;
}
nav.c-in-page-navigation > ul li > a.f-active {
  color: rgba(0, 0, 0, 0.8);
}
nav.c-in-page-navigation.f-dropdown {
  padding-left: 20px;
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu {
  position: relative;
  width: 100%;
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded] {
  margin-left: 8px;
  box-sizing: border-box;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded]:hover {
  border-color: rgba(0, 0, 0, 0.8);
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded]:active, nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded]:focus {
  border-color: #0078D6;
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu .c-menu {
  position: absolute;
  top: 100%;
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu [aria-expanded=false] + .c-menu[aria-hidden=true] {
  display: none;
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a {
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  transform: translateX(-8px);
  padding: 12px 0;
  padding-right: 24px;
  margin: 0 24px;
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:after {
  font-family: "MWF-MDL2";
  content: "\e70d";
  position: absolute;
  font-size: 9px;
  color: #000;
  font-weight: 700;
  right: 8px;
  padding-top: 7px;
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus {
  outline: 1px dashed #000;
}
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus:hover {
  outline: none;
}
.no-js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu:hover .c-menu, .js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > [aria-expanded=true] + .c-menu[aria-hidden=false], .js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > span[aria-expanded=true] + .c-menu[aria-hidden=false] {
  display: block;
}

.c-label {
  font-size: 13px;
  display: block;
  margin-top: 21px;
  padding-bottom: 7px;
  line-height: 20px;
}
.c-label + input.c-text-field[type=text], .c-label + input.c-password[type=password] {
  margin: 0;
}

nav.c-link-navigation {
  margin-top: 48px;
  text-align: center;
}
nav.c-link-navigation .c-heading {
  font-size: 20px;
  line-height: 24px;
  padding: 35px 0 5px;
  font-weight: 200;
  padding-top: 8px;
  padding-bottom: 24px;
}
nav.c-link-navigation a.c-hyperlink {
  display: block;
}
nav.c-link-navigation a.c-hyperlink:before, nav.c-link-navigation a.c-hyperlink:after {
  content: " ";
  display: table;
}
nav.c-link-navigation a.c-hyperlink:after {
  clear: both;
}
nav.c-link-navigation p {
  overflow: hidden;
  box-sizing: content-box;
  max-height: 60px;
  word-wrap: break-word;
  text-overflow: clip;
}
nav.c-link-navigation li {
  display: inline-block;
}
nav.c-link-navigation li a.c-hyperlink {
  margin: 0 18px;
  vertical-align: top;
}
nav.c-link-navigation li a.c-hyperlink picture {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  max-height: 120px;
}
@media only screen and (min-width: 768px) {
  nav.c-link-navigation li a.c-hyperlink picture {
    margin-bottom: 12px;
  }
}
nav.c-link-navigation li a.c-hyperlink p {
  padding: 0 10px;
  max-width: 200px;
  text-align: center;
  margin: 0 auto;
}
nav.c-link-navigation li a.c-hyperlink.f-image {
  display: inline-block;
  margin: 0 22px;
}
@media only screen and (max-width: 767px) {
  nav.c-link-navigation li {
    clear: both;
    display: block;
    height: 72px;
  }
  nav.c-link-navigation li a.c-hyperlink {
    width: 100%;
    height: 100%;
    padding: 12px 0;
    overflow: hidden;
    margin: 0;
  }
  nav.c-link-navigation li a.c-hyperlink picture {
    display: inline-block;
    max-width: none;
    max-height: none;
  }
  nav.c-link-navigation li a.c-hyperlink picture img {
    width: 64px;
    height: 64px;
    margin: 4px;
  }
  nav.c-link-navigation li a.c-hyperlink p {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 12px;
    padding-left: 8px;
    text-align: left;
    max-width: none;
    display: inline;
  }
  nav.c-link-navigation li a.c-hyperlink.f-image {
    text-align: left;
    padding: 0;
    margin: 0;
  }
}

ul.c-list,
ol.c-list {
  font-size: 15px;
  line-height: 20px;
  padding-left: 19px;
  padding-right: 0;
  margin: 8px 0;
  list-style-position: outside;
}
ul.c-list li,
ol.c-list li {
  padding: 8px 0;
}
ul.c-list.f-lean li,
ol.c-list.f-lean li {
  padding: 0;
}
ul.c-list.f-bare,
ol.c-list.f-bare {
  padding-left: 0;
  list-style-type: none;
}

ul.c-list {
  list-style-type: disc;
}

ol.c-list {
  list-style-type: decimal;
}

.c-logo img + span {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  width: 1px !important;
  height: 1px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.c-meta-text {
  color: rgba(0, 0, 0, 0.6);
}

.c-menu-item a,
.c-menu-item span,
.c-menu-item button {
  display: block;
  background: rgba(0, 0, 0, 0.05);
  padding: 11px 12px 13px;
  outline: 0;
  cursor: pointer;
  white-space: normal;
}
.c-menu-item a:hover, .c-menu-item a:focus,
.c-menu-item span:hover,
.c-menu-item span:focus,
.c-menu-item button:hover,
.c-menu-item button:focus {
  background: rgba(0, 0, 0, 0.1);
}
.c-menu-item a:focus,
.c-menu-item span:focus,
.c-menu-item button:focus {
  outline: 1px dashed #000;
}
.c-menu-item a:active,
.c-menu-item span:active,
.c-menu-item button:active {
  background: rgba(0, 0, 0, 0.3);
}
.c-menu-item a[role=menuitemradio][aria-checked=true],
.c-menu-item span[role=menuitemradio][aria-checked=true],
.c-menu-item button[role=menuitemradio][aria-checked=true] {
  background: #0078D6;
  color: #FFF;
}
.c-menu-item.f-sub-menu > a,
.c-menu-item.f-sub-menu > button {
  position: relative;
}
.c-menu-item.f-sub-menu > a:after,
.c-menu-item.f-sub-menu > button:after {
  font-family: "MWF-MDL2";
  content: "\e76c";
  position: absolute;
  font-size: 6px;
  right: 12px;
  top: 19px;
}
.c-menu-item.f-sub-menu > a + .c-menu,
.c-menu-item.f-sub-menu > button + .c-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
.c-menu-item.f-sub-menu > a + .c-menu.f-flip,
.c-menu-item.f-sub-menu > button + .c-menu.f-flip {
  left: -100%;
}
.no-js .c-menu-item.f-sub-menu > a:focus + .c-menu, .no-js .c-menu-item.f-sub-menu > a:hover + .c-menu, .js .c-menu-item.f-sub-menu > a[aria-expanded=true] + .c-menu[aria-hidden=false],
.no-js .c-menu-item.f-sub-menu > button:focus + .c-menu,
.no-js .c-menu-item.f-sub-menu > button:hover + .c-menu,
.js .c-menu-item.f-sub-menu > button[aria-expanded=true] + .c-menu[aria-hidden=false] {
  display: block;
  animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.c-menu {
  position: relative;
  z-index: 500;
  width: 296px;
  min-width: 64px;
  max-width: 368px;
  padding: 0;
  margin: 0;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  background-clip: padding-box;
}
.c-menu .c-menu-item [aria-checked=true] {
  background: #0078D6;
  color: #FFF;
}
.theme-dark .c-menu, .theme-light .theme-dark .c-menu {
  color: #000;
}
.theme-light .c-menu, .theme-dark .theme-light .c-menu {
  color: #000;
}

.c-mosaic {
  max-width: 2048px;
  margin: 0 auto;
}
.c-mosaic [data-f-mosaic] > picture {
  z-index: 0;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.c-mosaic [data-f-mosaic] > picture img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-mosaic:before, .c-mosaic:after,
.c-mosaic [data-f-mosaic*=f-vp]:before,
.c-mosaic [data-f-mosaic*=f-vp]:after {
  content: " ";
  display: table;
}
.c-mosaic:after,
.c-mosaic [data-f-mosaic*=f-vp]:after {
  clear: both;
}
.c-mosaic [data-f-mosaic*=f-vp] {
  float: left;
}
.c-mosaic [data-f-mosaic~=f-vp1-whole] {
  width: 100%;
}
.c-mosaic [data-f-mosaic~=f-vp1-half] {
  width: 50%;
}
.c-mosaic [data-f-mosaic~=f-height-small] {
  height: 150px;
}
.c-mosaic [data-f-mosaic~=f-height-medium] {
  height: 300px;
}
.c-mosaic [data-f-mosaic~=f-height-large] {
  height: 300px;
}
@media only screen and (min-width: 540px) {
  .c-mosaic [data-f-mosaic~=f-vp2-whole] {
    width: 100%;
  }
  .c-mosaic [data-f-mosaic~=f-vp2-half] {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .c-mosaic [data-f-mosaic~=f-vp3-whole] {
    width: 100%;
  }
  .c-mosaic [data-f-mosaic~=f-vp3-half] {
    width: 50%;
  }
  .c-mosaic [data-f-mosaic~=f-height-small] {
    height: 200px;
  }
  .c-mosaic [data-f-mosaic~=f-height-medium] {
    height: 400px;
  }
  .c-mosaic [data-f-mosaic~=f-height-large] {
    height: 400px;
  }
}
@media only screen and (min-width: 1084px) {
  .c-mosaic [data-f-mosaic~=f-vp4-whole] {
    width: 100%;
  }
  .c-mosaic [data-f-mosaic~=f-vp4-half] {
    width: 50%;
  }
  .c-mosaic [data-f-mosaic~=f-height-large] {
    height: 800px;
  }
}

.c-pagination {
  display: flex;
  flex: 0 0 auto;
  padding: 0;
  margin-top: 24px;
  flex-direction: row;
}
.c-pagination li {
  display: inline-block;
  margin-right: 12px;
}
.c-pagination li > a, .c-pagination li > span {
  display: inline-block;
  padding: 5px 11px;
  outline: 1px solid transparent;
  white-space: nowrap;
}
.c-pagination li > a:focus, .c-pagination li > span:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: 1px dashed #000;
}
.c-pagination li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  outline-color: rgba(0, 0, 0, 0.1);
}
.c-pagination li > a:active {
  background-color: rgba(0, 0, 0, 0.3);
  outline: 1px solid rgba(0, 0, 0, 0.3);
}
.c-pagination li .c-pagination li.f-active > a, .c-pagination li .c-pagination li.f-active > span {
  outline-color: #0078D6;
}
.c-pagination li.f-hide {
  display: none;
}
.c-pagination li:first-child .c-glyph:before {
  content: "\e76b";
  vertical-align: -2px;
  margin-right: 8px;
}
.c-pagination li:last-child .c-glyph:after {
  content: "\e76c";
  vertical-align: -2px;
  margin-left: 8px;
}
@media only screen and (max-width: 539px) {
  .c-pagination li:first-child a, .c-pagination li:last-child a {
    position: relative;
    text-indent: -9999px;
  }
  .c-pagination li:first-child .c-glyph:before, .c-pagination li:first-child .c-glyph:after, .c-pagination li:last-child .c-glyph:before, .c-pagination li:last-child .c-glyph:after {
    position: absolute;
    top: 8px;
    left: 9999px;
  }
}

[class*=c-paragraph].f-lean {
  padding: 0;
}

input.c-password[type=password] {
  display: block;
  width: 276px;
  height: 36px;
  margin-top: 20px;
  padding: 7px 10px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.6);
  outline: 0;
  background-color: #FFF;
}
input.c-password[type=password].f-small {
  width: 88px;
}
input.c-password[type=password].f-flex {
  width: 100%;
  min-width: 88px;
  max-width: 400px;
}
input.c-password[type=password]:hover {
  border-color: rgba(0, 0, 0, 0.8);
}
input.c-password[type=password]:focus, input.c-password[type=password]:active, input.c-password[type=password]:focus {
  border-color: #0078D6;
}
input.c-password[type=password][disabled] {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
input.c-password[type=password][readonly] {
  border: 1px solid rgba(0, 0, 0, 0.6);
  background-color: #e6e6e6;
}

.c-pivot > header {
  display: flex;
}
.c-pivot > header > a {
  font-size: 20px;
  display: inline-block;
  flex-shrink: 0;
  font-weight: 200;
  white-space: nowrap;
  padding: 5px 12px 1px;
  color: rgba(0, 0, 0, 0.6);
}
.c-pivot > header > a:first-child {
  padding-left: 0;
}
.c-pivot > header > a.f-active {
  color: #000;
}
.c-pivot > header > a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.c-pivot > header > a:focus {
  outline: 1px dashed;
}
.c-pivot > section[aria-hidden=true] {
  display: none;
  overflow: hidden;
}
.c-pivot > section[aria-hidden=false] {
  display: block;
}
.c-pivot.f-disabled > header > a {
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}

.c-mosaic-placement {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 19px;
  width: 100%;
  height: 100%;
}
.c-mosaic-placement.f-background-neutral-00 {
  background: #FFF;
}
.c-mosaic-placement.f-background-neutral-10 {
  background: #E3E3E3;
}
.c-mosaic-placement.f-background-neutral-20 {
  background: #C8C8C8;
}
.c-mosaic-placement.f-background-neutral-30 {
  background: #ACACAC;
}
.c-mosaic-placement.f-background-neutral-45 {
  background: #919191;
}
.c-mosaic-placement.f-background-neutral-55 {
  background: #767676;
}
.c-mosaic-placement.f-background-neutral-65 {
  background: #5E5E5E;
}
.c-mosaic-placement.f-background-neutral-75 {
  background: #464646;
}
.c-mosaic-placement.f-background-neutral-80 {
  background: #2F2F2F;
}
.c-mosaic-placement.f-background-neutral-90 {
  background: #171717;
}
.c-mosaic-placement.f-background-neutral-100 {
  background: #000;
}
.c-mosaic-placement.f-background-accent {
  background: #0078D6;
}
.c-mosaic-placement[class*=f-mask] > picture:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
}
.theme-light .c-mosaic-placement.f-mask-10 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-10 > picture:before {
  background: rgba(255, 255, 255, 0.1);
}
.theme-light .c-mosaic-placement.f-mask-20 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-20 > picture:before {
  background: rgba(255, 255, 255, 0.2);
}
.theme-light .c-mosaic-placement.f-mask-40 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-40 > picture:before {
  background: rgba(255, 255, 255, 0.4);
}
.theme-light .c-mosaic-placement.f-mask-60 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-60 > picture:before {
  background: rgba(255, 255, 255, 0.6);
}
.theme-light .c-mosaic-placement.f-mask-80 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-80 > picture:before {
  background: rgba(255, 255, 255, 0.8);
}
.theme-light .c-mosaic-placement.f-mask-100 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-100 > picture:before {
  background: #FFF;
}
.theme-dark .c-mosaic-placement.f-mask-10 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-10 > picture:before {
  background: rgba(0, 0, 0, 0.1);
}
.theme-dark .c-mosaic-placement.f-mask-20 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-20 > picture:before {
  background: rgba(0, 0, 0, 0.2);
}
.theme-dark .c-mosaic-placement.f-mask-40 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-40 > picture:before {
  background: rgba(0, 0, 0, 0.4);
}
.theme-dark .c-mosaic-placement.f-mask-60 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-60 > picture:before {
  background: rgba(0, 0, 0, 0.6);
}
.theme-dark .c-mosaic-placement.f-mask-80 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-80 > picture:before {
  background: rgba(0, 0, 0, 0.8);
}
.theme-dark .c-mosaic-placement.f-mask-100 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-100 > picture:before {
  background: #000;
}
.c-mosaic-placement .c-video {
  height: 400px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  position: absolute;
}
.c-mosaic-placement .c-video > h1 {
  display: none;
}
.c-mosaic-placement .c-video video {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  z-index: -2;
  background-size: cover;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.c-mosaic-placement .c-heading {
  font-size: 20px;
  line-height: 24px;
  padding: 35px 0 5px;
  font-weight: 200;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 48px;
  padding-bottom: 1.636px;
  font-weight: 700;
}
.c-mosaic-placement .c-subheading {
  font-size: 20px;
  line-height: 24px;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 72px;
  padding-bottom: 1.636px;
  font-weight: 200;
}
.c-mosaic-placement a.c-call-to-action {
  background: transparent;
  color: #0078D6;
  border-color: transparent;
  border-width: 2px;
  padding: 10px 44px 7px 24px;
  margin-left: -24px;
  margin-right: -24px;
}
.c-mosaic-placement a.c-call-to-action:focus, .c-mosaic-placement a.c-call-to-action:hover {
  background: transparent;
  border-color: transparent;
}
.c-mosaic-placement a.c-call-to-action:active {
  background: transparent;
  text-decoration: none;
}
.c-mosaic-placement a.c-call-to-action span:hover {
  text-decoration: underline;
}
.theme-light .c-mosaic-placement a.c-call-to-action, .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action {
  color: #000;
  background: transparent;
  border-color: transparent;
}
.theme-light .c-mosaic-placement a.c-call-to-action:active, .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:active {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light .c-mosaic-placement a.c-call-to-action:focus, .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:focus {
  outline-color: #000;
}
.theme-dark .c-mosaic-placement a.c-call-to-action, .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action {
  color: #FFF;
  background: transparent;
  border-color: transparent;
}
.theme-dark .c-mosaic-placement a.c-call-to-action:active, .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:active {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-mosaic-placement a.c-call-to-action:focus, .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:focus {
  outline-color: #FFF;
}
.c-mosaic-placement .c-group,
.c-mosaic-placement picture,
.c-mosaic-placement picture:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.c-mosaic-placement picture:after {
  content: "";
  display: block;
}
.c-mosaic-placement .c-group {
  display: block;
  top: auto;
  text-align: center;
  height: 42px;
}
.c-mosaic-placement picture {
  z-index: 0;
  overflow: hidden;
}
.c-mosaic-placement picture img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-mosaic-placement picture:after {
  z-index: 1;
}
.theme-light .c-mosaic-placement picture:after, .theme-dark .theme-light .c-mosaic-placement picture:after {
  background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark .c-mosaic-placement picture:after, .theme-light .theme-dark .c-mosaic-placement picture:after {
  background-color: rgba(0, 0, 0, 0.2);
}
.c-mosaic-placement > div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 100;
  text-align: center;
}
.c-mosaic-placement > div > div {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  text-align: center;
  height: 42px;
}
.c-mosaic-placement.f-height-large.f-width-small {
  padding: 0 12.5% 19px;
}
.c-mosaic-placement.f-height-large.f-width-large {
  padding: 0 25% 19px;
}
.c-mosaic-placement.f-height-medium .c-heading,
.c-mosaic-placement.f-height-medium .c-subheading {
  display: none;
}
.c-mosaic-placement.f-height-medium.f-width-large {
  padding: 0 12.5% 19px;
}
.c-mosaic-placement.f-height-medium .c-video {
  height: 200px;
}

.c-price:before, .c-price:after {
  content: " ";
  display: table;
}
.c-price:after {
  clear: both;
}
.c-price .c-label {
  font-size: 15px;
  padding: 0 4px;
  display: inline;
  margin: 0;
  float: left;
}
.c-price span, .c-price meta + span, .c-price s {
  float: left;
}

progress.c-progress[value] {
  appearance: none;
  border: 0;
  min-width: 296px;
  height: 4px;
}
progress.c-progress::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0.2);
}
progress.c-progress::-webkit-progress-value {
  background: #0078D6;
}
progress.c-progress::-moz-progress-bar {
  background: #0078D6;
}
progress.c-progress > [role=progressbar] {
  display: block;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  min-width: 296px;
  width: 100%;
  height: 4px;
}
progress.c-progress > [role=progressbar] > span {
  display: block;
  position: relative;
  height: 100%;
  background: #0078D6;
  color: #0078D6;
}

.c-progress {
  display: block;
  margin-top: 12px;
}
.c-progress.f-indeterminate-regional {
  position: relative;
  min-width: 296px;
  width: 100%;
}
.c-progress.f-indeterminate-regional span {
  position: absolute;
  display: inline-block;
  opacity: 0;
  animation: dots 4s infinite;
}
.c-progress.f-indeterminate-regional span:after {
  content: "";
  position: absolute;
  display: inline-block;
  background: #0078D6;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.c-progress.f-indeterminate-regional span:nth-child(1) {
  animation-delay: 0.05s;
}
.c-progress.f-indeterminate-regional span:nth-child(1):after {
  left: -10px;
}
.c-progress.f-indeterminate-regional span:nth-child(2) {
  animation-delay: 0.1s;
}
.c-progress.f-indeterminate-regional span:nth-child(2):after {
  left: -20px;
}
.c-progress.f-indeterminate-regional span:nth-child(3) {
  animation-delay: 0.15s;
}
.c-progress.f-indeterminate-regional span:nth-child(3):after {
  left: -30px;
}
.c-progress.f-indeterminate-regional span:nth-child(4) {
  animation-delay: 0.2s;
}
.c-progress.f-indeterminate-regional span:nth-child(4):after {
  left: -40px;
}
.c-progress.f-indeterminate-regional span:nth-child(5) {
  animation-delay: 0.25s;
}
.c-progress.f-indeterminate-regional span:nth-child(5):after {
  left: -50px;
}
@keyframes dots {
  0%, 20% {
    left: 0;
    animation-timing-function: ease-out;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  35% {
    left: 45%;
    animation-timing-function: linear;
  }
  65% {
    left: 55%;
    animation-timing-function: ease-in;
  }
  75% {
    opacity: 1;
  }
  80%, 100% {
    left: 100%;
    opacity: 0;
  }
}
.c-progress.f-indeterminate-local {
  position: relative;
}
.c-progress.f-indeterminate-local span {
  position: absolute;
  transform: rotate(225deg);
  animation: orbit 5.5s infinite;
}
.c-progress.f-indeterminate-local span:after {
  content: "";
  position: absolute;
  border-radius: 100%;
  background: #0078D6;
}
.c-progress.f-indeterminate-local span:nth-child(2) {
  animation-delay: 240ms;
}
.c-progress.f-indeterminate-local span:nth-child(3) {
  animation-delay: 480ms;
}
.c-progress.f-indeterminate-local span:nth-child(4) {
  animation-delay: 720ms;
}
.c-progress.f-indeterminate-local span:nth-child(5) {
  animation-delay: 960ms;
}
.c-progress.f-indeterminate-local.f-progress-large {
  width: 60px;
  height: 60px;
}
.c-progress.f-indeterminate-local.f-progress-large span {
  width: 60px;
  height: 60px;
}
.c-progress.f-indeterminate-local.f-progress-large span:after {
  width: 6px;
  height: 6px;
}
.c-progress.f-indeterminate-local.f-progress-small {
  width: 20px;
  height: 20px;
}
.c-progress.f-indeterminate-local.f-progress-small span {
  width: 25px;
  height: 25px;
}
.c-progress.f-indeterminate-local.f-progress-small span:after {
  width: 3px;
  height: 3px;
}
@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    transform: rotate(945deg);
    opacity: 0;
  }
}

.c-rating span.c-glyph {
  width: 16px;
  height: 16px;
  line-height: 1;
}
.c-rating span.c-glyph:before, .c-rating span.c-glyph:after {
  font-size: 12px;
}
.c-rating button.c-glyph {
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
}
.c-rating button.c-glyph:before, .c-rating button.c-glyph:after {
  font-size: 24px;
}
.c-rating button.c-glyph:focus {
  outline: none;
}
.c-rating button.c-glyph:focus:before {
  outline: 1px dashed #000;
}
.c-rating.f-individual {
  transform: translateX(-4px);
}
.c-rating.f-individual span.c-glyph {
  width: 30px;
  height: 30px;
}
.c-rating.f-individual span.c-glyph:before, .c-rating.f-individual span.c-glyph:after {
  font-size: 18px;
}
.c-rating .c-glyph {
  position: relative;
  float: left;
}
.c-rating .c-glyph:before, .c-rating .c-glyph:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-rating .c-glyph:before {
  font-family: "MWF-MDL2";
  content: "\e734";
  color: rgba(0, 0, 0, 0.3);
}
.c-rating .c-glyph:after {
  color: #000;
}
.c-rating form,
.c-rating div {
  display: inline-block;
}
.c-rating form:before, .c-rating form:after,
.c-rating div:before,
.c-rating div:after {
  content: " ";
  display: table;
}
.c-rating form:after,
.c-rating div:after {
  clear: both;
}
.c-rating div {
  transform: translateX(-2px);
}
.c-rating form {
  transform: translateX(-7px);
}
.c-rating form:hover button.c-glyph:before {
  font-family: "MWF-MDL2";
  content: "\e735";
  color: #000;
}
.c-rating form:hover button.c-glyph:after {
  display: none;
}
.c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
  color: rgba(0, 0, 0, 0.3);
}
.c-rating form[disabled] button.c-glyph:hover {
  cursor: not-allowed;
}
.c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
  color: rgba(0, 0, 0, 0.2);
}
.c-rating form[disabled] button.c-glyph:after {
  display: none;
}
.c-rating form[disabled] button.c-glyph:before {
  font-family: "MWF-MDL2";
  content: "\e735";
  color: rgba(0, 0, 0, 0.2);
}
.c-rating.f-community-rated .c-glyph:before {
  font-family: "MWF-MDL2";
  content: "\e735";
}
.c-rating.f-community-rated .f-full:after {
  font-family: "MWF-MDL2";
  content: "\e735";
}
.c-rating.f-community-rated .f-half:after {
  font-family: "MWF-MDL2";
  content: "\e7c6";
}
.c-rating.f-community-rated.f-user-rated .f-full:after,
.c-rating.f-community-rated.f-user-rated .f-half:after {
  color: #0078D6;
}
.theme-light .c-rating .c-glyph:before, .theme-dark .theme-light .c-rating .c-glyph:before {
  color: rgba(0, 0, 0, 0.3);
}
.theme-light .c-rating .c-glyph:after, .theme-dark .theme-light .c-rating .c-glyph:after {
  color: #000;
}
.theme-light .c-rating form button.c-glyph:focus:before, .theme-dark .theme-light .c-rating form button.c-glyph:focus:before {
  outline-color: #000;
}
.theme-light .c-rating form button.c-glyph:before, .theme-dark .theme-light .c-rating form button.c-glyph:before {
  color: rgba(0, 0, 0, 0.3);
}
.theme-light .c-rating form button.c-glyph:after, .theme-dark .theme-light .c-rating form button.c-glyph:after {
  color: #000;
}
.theme-light .c-rating form:hover button.c-glyph:before, .theme-dark .theme-light .c-rating form:hover button.c-glyph:before {
  color: rgba(0, 0, 0, 0.8);
}
.theme-light .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before, .theme-dark .theme-light .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
  color: rgba(0, 0, 0, 0.3);
}
.theme-light .c-rating form[disabled] button.c-glyph:before, .theme-dark .theme-light .c-rating form[disabled] button.c-glyph:before {
  color: rgba(0, 0, 0, 0.2);
}
.theme-light .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before, .theme-dark .theme-light .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
  color: rgba(0, 0, 0, 0.2);
}
.theme-light .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-light .c-rating.f-community-rated.f-user-rated .f-half:after, .theme-dark .theme-light .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-dark .theme-light .c-rating.f-community-rated.f-user-rated .f-half:after {
  color: #000;
}
.theme-dark .c-rating .c-glyph:before, .theme-light .theme-dark .c-rating .c-glyph:before {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .c-rating .c-glyph:after, .theme-light .theme-dark .c-rating .c-glyph:after {
  color: #FFF;
}
.theme-dark .c-rating form button.c-glyph:focus:before, .theme-light .theme-dark .c-rating form button.c-glyph:focus:before {
  outline-color: #FFF;
}
.theme-dark .c-rating form button.c-glyph:before, .theme-light .theme-dark .c-rating form button.c-glyph:before {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .c-rating form button.c-glyph:after, .theme-light .theme-dark .c-rating form button.c-glyph:after {
  color: #FFF;
}
.theme-dark .c-rating form:hover button.c-glyph:before, .theme-light .theme-dark .c-rating form:hover button.c-glyph:before {
  color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before, .theme-light .theme-dark .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
  color: rgba(255, 255, 255, 0.3);
}
.theme-dark .c-rating form[disabled] button.c-glyph:before, .theme-light .theme-dark .c-rating form[disabled] button.c-glyph:before {
  color: rgba(255, 255, 255, 0.2);
}
.theme-dark .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before, .theme-light .theme-dark .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
  color: rgba(255, 255, 255, 0.2);
}
.theme-dark .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-dark .c-rating.f-community-rated.f-user-rated .f-half:after, .theme-light .theme-dark .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-light .theme-dark .c-rating.f-community-rated.f-user-rated .f-half:after {
  color: #FFF;
}
@media screen and (-ms-high-contrast: active) {
  .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
    font-family: "MWF-MDL2";
    content: "\e734";
  }
  .c-rating.f-community-rated .c-glyph:before {
    font-family: "MWF-MDL2";
    content: "\e734";
  }
}

.c-radio .c-label {
  font-size: 15px;
  line-height: 20px;
  margin-right: 24px;
  padding-bottom: 0;
  position: relative;
}
.c-radio input[type=radio] {
  float: left;
  opacity: 0;
}
.c-radio input[type=radio] + span {
  cursor: pointer;
  display: inline-block;
  margin-left: 28px;
}
.c-radio input[type=radio] + span:before {
  border: solid var(--type-primary) 1px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}
.c-radio input[type=radio]:focus + span:before {
  outline: 1px dashed;
}
.c-radio input[type=radio]:checked + span:after {
  background: currentColor;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  content: "";
  left: 5px;
  position: absolute;
  top: 5px;
}
@media screen and (-ms-high-contrast: active) {
  .c-radio input[type=radio]:checked + span:after {
    border: solid currentColor 5px;
  }
}
.c-radio input[type=radio]:checked:not(:disabled) + span {
  color: #000;
}
.c-radio input[type=radio]:checked:not(:disabled) + span:before {
  border-color: #0078D6;
}
.c-radio input[type=radio]:checked:not(:disabled):hover + span:after {
  background: rgba(0, 0, 0, 0.6);
}
.c-radio input[type=radio]:disabled + span {
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
.c-radio input[type=radio]:disabled + span:before {
  border-color: rgba(0, 0, 0, 0.2);
}

a.c-refine-item, button.c-refine-item {
  position: relative;
  display: block;
  padding: 12px;
  border: 0;
  width: 100%;
  background: transparent;
  color: rgba(0, 0, 0, 0.6);
}
a.c-refine-item span, button.c-refine-item span {
  text-align: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
a.c-refine-item:after, button.c-refine-item:after {
  font-family: "MWF-MDL2";
  content: "\e711";
  position: absolute;
  right: 0;
  top: 16px;
  display: none;
  width: 44px;
  font-size: 13px;
  text-align: center;
}
a.c-refine-item:focus, button.c-refine-item:focus {
  outline: 1px dashed #000;
}
a.c-refine-item:hover, button.c-refine-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
a.c-refine-item:active, button.c-refine-item:active {
  background: rgba(0, 0, 0, 0.3);
}
a[aria-selected=true].c-refine-item, button[aria-selected=true].c-refine-item, a[aria-checked=true].c-refine-item, button[aria-checked=true].c-refine-item {
  padding-right: 44px;
  background: rgba(0, 0, 0, 0.1);
  font-weight: 600;
  color: #000;
}
a[aria-selected=true].c-refine-item:hover, button[aria-selected=true].c-refine-item:hover, a[aria-checked=true].c-refine-item:hover, button[aria-checked=true].c-refine-item:hover {
  background: rgba(0, 0, 0, 0.2);
}
a[aria-selected=true].c-refine-item:active, button[aria-selected=true].c-refine-item:active, a[aria-checked=true].c-refine-item:active, button[aria-checked=true].c-refine-item:active {
  background: rgba(0, 0, 0, 0.3);
}
a[aria-selected=true].c-refine-item:after, button[aria-selected=true].c-refine-item:after, a[aria-checked=true].c-refine-item:after, button[aria-checked=true].c-refine-item:after {
  display: inline-block;
}

.c-refine-menu > button {
  display: none;
}
.c-refine-menu > div > div {
  position: relative;
}
.c-refine-menu > div > div .c-heading {
  font-size: 24px;
  line-height: 28px;
  padding: 36px 0 4px;
  font-weight: 200;
  display: inline-block;
  overflow: hidden;
  margin-left: 12px;
}
.c-refine-menu > div > div .c-heading + button.c-action-trigger.c-glyph, .c-refine-menu > div > div .c-heading + a.c-action-trigger.c-glyph {
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  width: 44px;
  height: 44px;
  margin: 0 -12px 0 0;
  padding: 9px 0 10px;
  color: rgba(0, 0, 0, 0.6);
}
.c-refine-menu .c-divider {
  margin: 12px 0;
}
.c-refine-menu .c-drawer {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .c-refine-menu > div > div .c-heading {
    padding-right: 44px;
  }
  .c-refine-menu > div > div .c-heading + button.c-action-trigger.c-glyph {
    display: block;
  }
}

.c-search {
  position: relative;
  min-width: 92px;
  max-width: 296px;
  height: 38px;
  margin-top: 20px;
}
.c-search input[type=search],
.c-search button {
  float: left;
  height: 100%;
  outline: 0;
  background-color: #FFF;
}
.c-search input[type=search] {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 7px 10px;
  padding-right: 38px;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.c-search input[type=search]:hover {
  border-color: rgba(0, 0, 0, 0.8);
}
.c-search input[type=search]:active, .c-search input[type=search]:focus {
  border-color: #0078D6;
}
.c-search input[type=search]::-ms-clear {
  display: none;
}
.c-search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  margin: 2px 1px 1px;
  padding: 9px;
  transition: color 0.1s, background-color 0.1s;
  border: 0;
}
.c-search button:hover {
  color: #0078D6;
}
.c-search button:active, .c-search button:focus {
  color: #FFF;
  background: #0078D6;
}
.c-search button:before {
  content: "\e721";
  text-indent: 0;
  font-size: 16px;
}

.c-select-menu {
  position: relative;
  display: inline-block;
}
.c-select-menu.f-border [aria-expanded] {
  margin-left: 8px;
  box-sizing: border-box;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.c-select-menu.f-border [aria-expanded]:hover {
  border-color: rgba(0, 0, 0, 0.8);
}
.c-select-menu.f-border [aria-expanded]:active, .c-select-menu.f-border [aria-expanded]:focus {
  border-color: #0078D6;
}
.c-select-menu .c-menu {
  position: absolute;
  top: 100%;
}
.c-select-menu [aria-expanded=false] + .c-menu[aria-hidden=true] {
  display: none;
}
.c-select-menu > button {
  border: 0;
  background: transparent;
}
.c-select-menu > a, .c-select-menu > button {
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  padding: 8px;
  padding-right: 24px;
  transform: translateX(-8px);
}
.c-select-menu > a:after, .c-select-menu > button:after {
  font-family: "MWF-MDL2";
  content: "\e70d";
  position: absolute;
  font-size: 9px;
  color: #000;
  font-weight: 700;
  right: 8px;
  padding-top: 7px;
}
.c-select-menu > a:hover, .c-select-menu > button:hover {
  color: rgba(0, 0, 0, 0.8);
}
.c-select-menu > a:focus, .c-select-menu > button:focus {
  border-color: #0078D6;
  outline: 1px dashed #000;
}
.c-select-menu > a:focus:hover, .c-select-menu > button:focus:hover {
  outline: none;
}
.no-js .c-select-menu:hover .c-menu, .js .c-select-menu > [aria-expanded=true] + .c-menu[aria-hidden=false], .js .c-select-menu > span[aria-expanded=true] + .c-menu[aria-hidden=false] {
  display: block;
  animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.theme-dark .c-select-menu > a, .theme-dark .c-select-menu > button, .theme-light .theme-dark .c-select-menu > a, .theme-light .theme-dark .c-select-menu > button {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-select-menu > a:hover, .theme-dark .c-select-menu > button:hover, .theme-light .theme-dark .c-select-menu > a:hover, .theme-light .theme-dark .c-select-menu > button:hover {
  color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-select-menu > a:after, .theme-dark .c-select-menu > button:after, .theme-light .theme-dark .c-select-menu > a:after, .theme-light .theme-dark .c-select-menu > button:after {
  color: #FFF;
}
.theme-dark .c-select-menu > a:focus, .theme-dark .c-select-menu > button:focus, .theme-light .theme-dark .c-select-menu > a:focus, .theme-light .theme-dark .c-select-menu > button:focus {
  outline-color: #FFF;
}
.theme-dark .c-select-menu.f-border > a, .theme-dark .c-select-menu.f-border > button, .theme-light .theme-dark .c-select-menu.f-border > a, .theme-light .theme-dark .c-select-menu.f-border > button {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0.6);
  border-color: #FFF;
}
.theme-dark .c-select-menu.f-border > a:after, .theme-dark .c-select-menu.f-border > button:after, .theme-light .theme-dark .c-select-menu.f-border > a:after, .theme-light .theme-dark .c-select-menu.f-border > button:after {
  color: #000;
}
.theme-dark .c-select-menu.f-border > a:hover, .theme-dark .c-select-menu.f-border > button:hover, .theme-light .theme-dark .c-select-menu.f-border > a:hover, .theme-light .theme-dark .c-select-menu.f-border > button:hover {
  color: rgba(0, 0, 0, 0.8);
  border-color: #FFF;
}
.theme-dark .c-select-menu.f-border > a:focus, .theme-dark .c-select-menu.f-border > button:focus, .theme-light .theme-dark .c-select-menu.f-border > a:focus, .theme-light .theme-dark .c-select-menu.f-border > button:focus {
  border-color: #FFF;
}

.c-select {
  position: relative;
  margin-top: 20px;
  min-width: 88px;
  max-width: 296px;
  background-color: #FFF;
  cursor: pointer;
  height: 36px;
}
.c-select:after {
  font-family: "MWF-MDL2";
  content: "\e70d";
  position: absolute;
  right: 4px;
  top: 1px;
  height: 34px;
  width: 31px;
  background: #FFF;
  padding-top: 10px;
  text-align: center;
}
.c-select:after:hover {
  z-index: 1;
}
.c-select select {
  position: relative;
  width: 100%;
  padding: 7px 34px 7px 5px;
  background: #FFF;
  appearance: none;
  height: 100%;
  outline: 0;
  border: 1px solid rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.c-select select:active, .c-select select:focus {
  background: #FFF;
}
.c-select select:hover {
  z-index: 100;
  background: transparent;
  border-color: rgba(0, 0, 0, 0.8);
}
.c-select select:active, .c-select select:focus {
  border-color: #0078D6;
}
.c-select select[disabled] {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
  background: #FFF;
  z-index: 100;
  padding-right: 0;
}
.c-select select option {
  background: #FFF;
  color: #000;
}
.c-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.c-select select::-ms-expand {
  display: none;
}
.c-select select:focus::-ms-value {
  background: transparent;
  color: #000;
}

.c-sequence-indicator {
  font-size: 0;
}
.c-sequence-indicator button {
  display: inline-block;
  border: 0;
  padding: 2px 3px;
  width: 12px;
  height: 10px;
  background: transparent;
}
.c-sequence-indicator button:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.8);
}
.c-sequence-indicator button:focus {
  outline: 1px dashed #000;
}
.c-sequence-indicator button:hover:before {
  background: rgba(0, 0, 0, 0.4);
}
.c-sequence-indicator button[aria-checked=true]:before {
  background: #000;
}
.theme-light .c-sequence-indicator button:before, .theme-dark .theme-light .c-sequence-indicator button:before {
  border-color: rgba(0, 0, 0, 0.8);
}
.theme-light .c-sequence-indicator button:focus, .theme-dark .theme-light .c-sequence-indicator button:focus {
  outline-color: #000;
}
.theme-light .c-sequence-indicator button:hover:before, .theme-dark .theme-light .c-sequence-indicator button:hover:before {
  background: rgba(0, 0, 0, 0.4);
}
.theme-light .c-sequence-indicator button[aria-checked=true]:before, .theme-dark .theme-light .c-sequence-indicator button[aria-checked=true]:before {
  background: #000;
}
.theme-dark .c-sequence-indicator button:before, .theme-light .theme-dark .c-sequence-indicator button:before {
  border-color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-sequence-indicator button:focus, .theme-light .theme-dark .c-sequence-indicator button:focus {
  outline-color: #FFF;
}
.theme-dark .c-sequence-indicator button:hover:before, .theme-light .theme-dark .c-sequence-indicator button:hover:before {
  background: rgba(255, 255, 255, 0.4);
}
.theme-dark .c-sequence-indicator button[aria-checked=true]:before, .theme-light .theme-dark .c-sequence-indicator button[aria-checked=true]:before {
  background: #FFF;
}

.c-structured-list {
  margin: 24px 0;
}
.c-structured-list .f-column {
  padding-left: 10px;
}
.c-structured-list .f-column:first-child {
  padding-right: 10px;
  padding-left: 0;
}
@media only screen and (max-width: 1399px) {
  .c-structured-list .f-column:first-child .f-row:first-child {
    border-top: 1px solid #E3E3E3;
  }
}
@media only screen and (max-width: 1399px) {
  .c-structured-list .f-column {
    padding-right: 10px;
    padding-left: 0;
    max-width: 768px;
  }
}
.c-structured-list .f-column .f-row {
  border-bottom: 1px solid #E3E3E3;
  float: left;
}
.c-structured-list .f-column .f-row:before, .c-structured-list .f-column .f-row:after {
  content: " ";
  display: table;
}
.c-structured-list .f-column .f-row:after {
  clear: both;
}
.c-structured-list .f-column .f-row:first-child {
  border-top: 1px solid #E3E3E3;
}
@media only screen and (max-width: 1399px) {
  .c-structured-list .f-column .f-row:first-child {
    border-top: 0;
  }
}
.c-structured-list .f-column .f-row [class^=c-paragraph] {
  padding: 0;
}
.c-structured-list .f-column .f-row [data-grid="col-2 stack-2"] {
  padding: 8px 0 8px 24px;
}
.c-structured-list .f-column .f-row [data-grid=col-10] {
  padding: 8px 12px 8px 24px;
}

.c-supplemental-nav {
  margin-top: 32px;
}
.c-supplemental-nav a,
.c-supplemental-nav span {
  display: block;
  margin-bottom: 30px;
  color: rgba(0, 0, 0, 0.6);
}
.c-supplemental-nav a:hover,
.c-supplemental-nav span:hover {
  cursor: pointer;
}
.c-supplemental-nav a.active {
  color: #000;
}
.c-supplemental-nav a:hover,
.c-supplemental-nav a focus {
  color: rgba(0, 0, 0, 0.8);
}
.c-supplemental-nav a:focus {
  outline: 1px dashed;
}
.c-supplemental-nav a.f-active {
  color: #000;
}
.c-supplemental-nav a.f-disabled {
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
.c-supplemental-nav > nav > a + nav {
  height: 0;
  overflow: hidden;
}
.c-supplemental-nav > nav > a:first-child,
.c-supplemental-nav > nav > span:first-child {
  margin-left: 0;
  margin-bottom: 16px;
}
.c-supplemental-nav > nav a {
  margin-left: 20px;
  margin-bottom: 16px;
}

.c-table {
  overflow: visible;
  margin-top: 8px;
}
.c-table.f-divided tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.c-table td.f-image {
  padding: 8px;
  vertical-align: middle;
}
.c-table table {
  width: 100%;
}
.c-table thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.c-table thead th {
  font-size: 11px;
  line-height: 16px;
  vertical-align: bottom;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.c-table thead th button {
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  background: transparent;
  border: 0;
  padding-left: 0;
}
.c-table thead th button:hover {
  color: rgba(0, 0, 0, 0.8);
}
.c-table thead th button:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
.c-table thead th button:active {
  color: #000;
  outline: 1px solid transparent;
}
.c-table thead th button.c-glyph:after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: top;
}
.c-table thead th button.f-ascending {
  color: #000;
}
.c-table thead th button.f-ascending:after {
  content: "\e74a";
}
.c-table thead th button.f-descending {
  color: #000;
}
.c-table thead th button.f-descending:after {
  content: "\e74b";
}
.c-table thead th[colspan]:not([colspan="1"]) {
  text-align: center;
}
.c-table thead tr + tr th, .c-table thead tr + tr th:last-child {
  text-align: center;
}
.c-table tr:before {
  content: "";
  display: block;
  width: 7px;
}
.c-table td,
.c-table th {
  padding: 10px 12px;
  text-align: left;
}
.c-table td.f-sub-categorical,
.c-table th.f-sub-categorical {
  text-align: center;
}
.c-table td.f-numerical,
.c-table th.f-numerical {
  text-align: right;
}
.c-table td.f-numerical .c-price,
.c-table th.f-numerical .c-price {
  float: right;
}
.c-table[data-table=structured] {
  margin-top: 20px;
}
.c-table[data-table=structured] table {
  table-layout: fixed;
}
.c-table[data-table=structured] table td {
  width: 50%;
}
.c-table ul.c-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.c-table ul.c-list li {
  padding: 0 0 8px;
  list-style: none;
}
.c-table .c-paragraph {
  padding: 0;
}
.c-table .c-call-to-action {
  background: transparent;
  color: #0078D6;
  border-color: transparent;
  border-width: 2px;
  padding: 10px 44px 7px 24px;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 10px;
}
.c-table .c-call-to-action:focus, .c-table .c-call-to-action:hover {
  background: transparent;
  border-color: transparent;
}
.c-table .c-call-to-action:active {
  background: transparent;
  text-decoration: none;
}
.c-table .c-call-to-action span:hover {
  text-decoration: underline;
}
.theme-light .c-table .c-call-to-action, .theme-dark .theme-light .c-table .c-call-to-action {
  color: #000;
  background: transparent;
  border-color: transparent;
}
.theme-light .c-table .c-call-to-action:active, .theme-dark .theme-light .c-table .c-call-to-action:active {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light .c-table .c-call-to-action:focus, .theme-dark .theme-light .c-table .c-call-to-action:focus {
  outline-color: #000;
}
.theme-dark .c-table .c-call-to-action, .theme-light .theme-dark .c-table .c-call-to-action {
  color: #FFF;
  background: transparent;
  border-color: transparent;
}
.theme-dark .c-table .c-call-to-action:active, .theme-light .theme-dark .c-table .c-call-to-action:active {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-table .c-call-to-action:focus, .theme-light .theme-dark .c-table .c-call-to-action:focus {
  outline-color: #FFF;
}
.c-table .c-call-to-action:hover {
  border-color: transparent;
}

.c-textarea label.c-label {
  margin-top: 16px;
  padding-bottom: 6px;
}
.c-textarea textarea {
  font-size: 15px;
  line-height: 20px;
  min-width: 276px;
  min-height: 36px;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.6);
  outline: 0;
  padding: 7px 12px;
  color: #000;
}
.c-textarea textarea:active, .c-textarea textarea:focus {
  border-color: #0078D6;
}
.c-textarea textarea[disabled] {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
.c-textarea textarea[readonly] {
  border: 1px solid rgba(0, 0, 0, 0.6);
  background-color: #e6e6e6;
}
.c-textarea textarea.f-resize {
  resize: both;
}
.c-textarea textarea.f-no-resize {
  resize: none;
}
.c-textarea textarea.f-scroll {
  overflow-y: scroll;
}
.theme-light .c-textarea textarea, .theme-dark .theme-light .c-textarea textarea {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #000;
  color: #000;
}
.theme-dark .c-textarea textarea, .theme-light .theme-dark .c-textarea textarea {
  background: rgba(255, 255, 255, 0.6);
  border-color: #FFF;
  color: #000;
}

input.c-text-field[type=text] {
  display: block;
  width: 276px;
  height: 36px;
  margin-top: 20px;
  padding: 7px 10px;
  outline: 0;
  border: 1px solid var(--component-stroke);
  background: var(--component-fill);
}
input.c-text-field[type=text].f-small {
  width: 88px;
}
input.c-text-field[type=text].f-flex {
  width: 100%;
  min-width: 88px;
  max-width: 400px;
}
input.c-text-field[type=text]:active, input.c-text-field[type=text]:focus {
  border-color: var(--type-primary);
}
input.c-text-field[type=text][disabled] {
  cursor: not-allowed;
  color: var(--type-disabled);
  border-color: var(--type-disabled);
}
input.c-text-field[type=text][readonly] {
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: #e6e6e6;
}

div.c-toggle button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 20px;
  background: transparent;
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 42px;
}
div.c-toggle button:after {
  position: absolute;
  left: 4px;
  top: 4px;
  transition: all 0.1s ease;
  background: #000;
  content: "";
  border-radius: 10px;
  width: 10px;
  height: 10px;
}
div.c-toggle button:focus {
  outline: 1px dashed #000;
}
div.c-toggle button[aria-checked=true] {
  background: #0078D6;
  border-color: #0078D6;
}
div.c-toggle button[aria-checked=true]:hover {
  background: rgba(0, 120, 214, 0.8);
  border-color: rgba(0, 120, 214, 0.8);
}
div.c-toggle button[aria-checked=true]:after {
  left: 28px;
  background: #FFF;
}
div.c-toggle button[aria-checked=true]:disabled {
  background: rgba(0, 0, 0, 0.2);
  border-color: transparent;
}
div.c-toggle button[aria-checked=true]:disabled:after {
  background: rgba(0, 0, 0, 0.2);
}
div.c-toggle button[aria-checked=false] {
  background: transparent;
  border-color: #000;
}
div.c-toggle button:disabled {
  background: transparent;
  border-color: rgba(0, 0, 0, 0.2);
}
div.c-toggle button:disabled:after {
  background: rgba(0, 0, 0, 0.2);
}
div.c-toggle label {
  margin-top: 32px;
}
div.c-toggle label + button {
  margin-top: 0;
}
div.c-toggle span {
  font-size: 13px;
  display: inline-block;
  margin-top: 0;
  padding-left: 12px;
  padding-bottom: 0;
  cursor: pointer;
  line-height: 19px;
}
div.c-toggle.f-disabled {
  color: rgba(0, 0, 0, 0.2);
}

span.c-tooltip {
  font-size: 13px;
  position: fixed;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  min-width: 104px;
  max-width: 340px;
  margin-top: 20px;
  padding: 12px 8px;
  line-height: 16px;
  z-index: 700;
}
span.c-tooltip[aria-hidden=true] {
  display: none;
}
span.c-tooltip[aria-hidden=false] {
  display: block;
}

.c-track-list-placement {
  margin-right: 24px;
  margin-top: 12px;
}
.c-track-list-placement > a {
  display: block;
  width: 100%;
  height: 100%;
}
.c-track-list-placement > a:before, .c-track-list-placement > a:after {
  content: " ";
  display: table;
}
.c-track-list-placement > a:after {
  clear: both;
}
.c-track-list-placement > a:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
.c-track-list-placement > a:hover .c-heading,
.c-track-list-placement > a:hover .c-subheading {
  text-decoration: underline;
}
.c-track-list-placement > a:hover > picture img, .c-track-list-placement > a:focus > picture img {
  outline: 1px solid rgba(0, 0, 0, 0.6);
}
.c-track-list-placement picture,
.c-track-list-placement picture img {
  display: block;
}
.c-track-list-placement .c-badge {
  margin-top: 12px;
  margin-bottom: 4px;
}
.c-track-list-placement .c-badge + .c-heading {
  padding-top: 0;
}
.c-track-list-placement .c-price {
  padding: 5px 0 0 5px;
  line-height: 20px;
  float: right;
}
.c-track-list-placement .c-heading {
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 20px;
  width: 200px;
  float: left;
  padding: 8px 0 0;
  font-weight: 400;
  text-overflow: ellipsis;
}
.c-track-list-placement .c-explicit {
  vertical-align: text-bottom;
}
.c-track-list-placement .f-information {
  font-size: 15px;
  line-height: 20px;
  padding: 24px 0 0;
  font-weight: 400;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 60px;
  width: 200px;
  color: rgba(0, 0, 0, 0.6);
  float: left;
  padding: 8px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-track-list-placement.f-size-small {
  width: 358px;
}
.c-track-list-placement.f-size-small .c-badge {
  display: none;
}
.c-track-list-placement.f-size-small picture {
  float: left;
  margin-right: 12px;
}

.c-video {
  display: inline-block;
  margin: 0;
  width: 100%;
  min-width: 320px;
  direction: ltr;
  position: relative;
  overflow: hidden;
}
.c-video > [aria-hidden=true] {
  display: none;
}
.c-video video {
  display: block;
  min-width: 100%;
  width: 100%;
  max-height: 100%;
  height: auto;
  background: #000;
}
.c-video .f-progress {
  direction: ltr;
  width: 100%;
  width: calc(100% - 288px);
  display: inline-block;
  margin-bottom: 4px;
}
.c-video .f-progress div {
  background: rgba(255, 255, 255, 0.4);
}
.c-video .f-progress div button:hover,
.c-video .f-progress div button:active {
  background: #FFF;
}
.c-video .f-progress div button:hover span,
.c-video .f-progress div button:active span {
  display: block;
}
.c-video .f-progress div button span {
  font-size: 13px;
  width: auto;
  top: -50px;
  background: #000;
  color: #FFF;
}
@media (max-width: 767px) {
  .c-video .f-progress div button span {
    font-size: 12px;
  }
}
.c-video button {
  color: #FFF;
  background: transparent;
  border: 0;
}
.c-video .f-video-controls {
  font-size: 24px;
  width: 100%;
  max-width: 1779px;
  height: 44px;
  background: #000;
  position: absolute;
  bottom: 0;
  display: inline-block;
}
@media (max-width: 767px) {
  .c-video .f-video-controls {
    font-size: 20px;
  }
}
.c-video .f-video-controls button.c-glyph {
  width: 44px;
  height: 44px;
  padding-top: 4px;
  vertical-align: middle;
}
.c-video .f-video-controls button.c-glyph.glyph-volume, .c-video .f-video-controls button.c-glyph.glyph-mute {
  padding-top: 12px;
}
.c-video .f-video-controls button.c-glyph:hover, .c-video .f-video-controls button.c-glyph:focus {
  color: rgba(255, 255, 255, 0.6);
}
.c-video .f-video-controls button.c-glyph:focus {
  outline: 1px dashed #FFF;
}
.c-video .f-video-controls button.c-glyph:active {
  color: rgba(255, 255, 255, 0.4);
}
.c-video .f-video-controls .f-timecode {
  font-size: 13px;
  color: #FFF;
  padding-right: 12px;
  position: relative;
  top: -2px;
}
@media (max-width: 767px) {
  .c-video .f-video-controls .f-timecode {
    font-size: 12px;
  }
}
.c-video .f-video-controls .f-timecode span {
  color: rgba(255, 255, 255, 0.6);
}
.c-video .f-play-pause {
  margin-left: 1px;
  margin-top: 1px;
}
.c-video .f-play-pause span {
  font-size: 13px;
  color: #FFF;
  position: absolute;
  height: 36px;
  min-width: 44px;
  bottom: 46px;
  left: 0;
  background: #000;
  padding: 8px;
}
@media (max-width: 767px) {
  .c-video .f-play-pause span {
    font-size: 12px;
  }
}
.c-video .f-play-pause span[aria-hidden=true] {
  display: none;
}
.c-video .f-play-pause span[aria-hidden=false] {
  display: block;
}
.c-video .f-full-screen {
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 1px;
}
.c-video .f-full-screen span {
  font-size: 13px;
  color: #FFF;
  position: absolute;
  height: 36px;
  min-width: 44px;
  text-align: right;
  bottom: 47px;
  right: 0;
  background: #000;
  padding: 8px;
}
@media (max-width: 767px) {
  .c-video .f-full-screen span {
    font-size: 12px;
  }
}
.c-video .f-full-screen span[aria-hidden=true] {
  display: none;
}
.c-video .f-full-screen span[aria-hidden=false] {
  display: block;
}
.c-video .f-volume-button {
  display: inline-block;
  position: absolute;
  top: -4px;
  right: 45px;
}
.c-video .f-volume-slider {
  position: absolute;
  width: 44px;
  min-height: 148px;
  bottom: 46px;
  right: 46px;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.c-video .f-volume-slider[aria-hidden=true] {
  visibility: hidden;
}
.c-video .f-volume-slider[aria-hidden=false] {
  visibility: visible;
}
.c-video .f-volume-slider .c-slider {
  direction: ltr;
  transform: rotate(-90deg);
  width: 120px;
  padding-bottom: 40px;
  margin-top: 52px;
  margin-left: -18px;
}
.c-video .f-volume-slider .c-slider div {
  background: rgba(255, 255, 255, 0.4);
}
.c-video .f-volume-slider .c-slider div button:hover,
.c-video .f-volume-slider .c-slider div button:active {
  background: #FFF;
}
.c-video .f-volume-slider .c-slider div > span {
  min-height: 0;
  height: 4px;
  width: 100%;
  top: 0;
  left: 0;
  background: #0078D6;
}
.c-video .f-volume-slider .c-slider div button {
  z-index: 1;
}
.c-video .f-volume-slider .c-slider div button span {
  font-size: 13px;
  width: auto;
  transform: rotate(90deg);
  min-width: 40px;
  min-height: 32px;
  top: 38px;
  left: -16px;
  background: #000;
  color: #FFF;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .c-video .f-volume-slider .c-slider div button span {
    font-size: 12px;
  }
}
.c-video .f-options {
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 90px;
  margin-left: 12px;
}
.c-video .f-options-dialog {
  position: absolute;
  bottom: 46px;
  right: 90px;
  width: 160px;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.c-video .f-options-dialog .c-list {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 160px;
}
.c-video .f-options-dialog .c-list li {
  height: 40px;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.c-video .f-options-dialog .c-list li:first-child {
  border-top: 0;
}
.c-video .f-options-dialog .c-list li ul {
  display: none;
  left: 160px;
}
.c-video .f-options-dialog .c-list li ul li {
  position: relative;
}
.c-video .f-options-dialog .c-list li a {
  font-size: 13px;
  color: #FFF;
  display: block;
  height: 100%;
  width: 100%;
  padding: 8px 12px;
}
@media (max-width: 767px) {
  .c-video .f-options-dialog .c-list li a {
    font-size: 12px;
  }
}
.c-video .f-options-dialog .c-list li a .c-image {
  padding-right: 12px;
  display: inline-block;
}
.c-video .f-options-dialog .c-list li a.c-action-trigger {
  margin-top: 0;
}
.c-video .f-options-dialog .c-list li a.c-action-trigger:before {
  margin-left: 1px;
  margin-bottom: 5px;
}
.c-video .f-options-dialog .c-list li a.c-glyph[data-video-selectable] {
  color: rgba(255, 255, 255, 0.8);
}
.c-video .f-options-dialog .c-list li a.glyph-check-mark[data-video-selectable] {
  color: #FFF;
}
.c-video .f-options-dialog .c-list li a.glyph-check-mark[data-video-selectable]:before {
  float: right;
  margin-right: 0;
}
.c-video .f-options-dialog .c-list li a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.1);
}
.c-video .f-options-dialog .c-list li a:focus {
  border: 1px dashed #FFF;
}
.c-video .f-options-dialog .c-list li a:active {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
}
.c-video .f-options-dialog[aria-hidden=true] {
  visibility: hidden;
}
.c-video .f-options-dialog[aria-hidden=false] {
  visibility: visible;
}
.c-video .glyph-play:before {
  font-family: "MWF-MDL2";
  content: "\e768";
}
.c-video .glyph-pause:before {
  font-family: "MWF-MDL2";
  content: "\e769";
}
.c-video .glyph-full-screen:before {
  font-family: "MWF-MDL2";
  content: "\e740";
}
.c-video .glyph-mute:before {
  font-family: "MWF-MDL2";
  content: "\e74f";
}
.c-video .glyph-volume:before {
  font-family: "MWF-MDL2";
  content: "\e767";
}
.c-video .glyph-more:before {
  font-family: "MWF-MDL2";
  content: "\e712";
}
.c-video .glyph-copy:before {
  font-family: "MWF-MDL2";
  content: "\e8c8";
}
.c-video .glyph-mail:before {
  font-family: "MWF-MDL2";
  content: "\e715";
}
.c-video .glyph-check-mark:before {
  font-family: "MWF-MDL2";
  content: "\e73e";
}
@keyframes slidein {
  from {
    bottom: -44px;
  }
  to {
    bottom: 0;
  }
}
@keyframes slideout {
  from {
    bottom: 0;
  }
  to {
    bottom: -44px;
  }
}
.c-video .f-slidein {
  animation-duration: 0.5s;
  animation-name: slidein;
  animation-fill-mode: forwards;
}
.c-video .f-slideout {
  animation-duration: 0.5s;
  animation-name: slideout;
  animation-fill-mode: forwards;
}

/*Use m-product-placement-item,
  c-product placement depricated as of v.1.6.0

  TODO: Remove ALL instances on v2.0.0*/
.m-product-placement-item,
.c-product-placement {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-right: 24px;
  margin-top: 12px;
}
.m-product-placement-item > a,
.c-product-placement > a {
  display: block;
  width: 100%;
  height: 100%;
}
.m-product-placement-item > a:before, .m-product-placement-item > a:after,
.c-product-placement > a:before,
.c-product-placement > a:after {
  content: " ";
  display: table;
}
.m-product-placement-item > a:after,
.c-product-placement > a:after {
  clear: both;
}
.m-product-placement-item > a > picture img,
.m-product-placement-item > a .c-image,
.c-product-placement > a > picture img,
.c-product-placement > a .c-image {
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
.m-product-placement-item > a:focus,
.c-product-placement > a:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
.m-product-placement-item > a:hover .c-heading,
.m-product-placement-item > a:hover .c-subheading,
.c-product-placement > a:hover .c-heading,
.c-product-placement > a:hover .c-subheading {
  text-decoration: underline;
}
.m-product-placement-item > a:hover > picture img,
.m-product-placement-item > a:hover .c-image, .m-product-placement-item > a:focus > picture img,
.m-product-placement-item > a:focus .c-image,
.c-product-placement > a:hover > picture img,
.c-product-placement > a:hover .c-image,
.c-product-placement > a:focus > picture img,
.c-product-placement > a:focus .c-image {
  outline: 1px solid rgba(0, 0, 0, 0.6);
}
.m-product-placement-item picture,
.m-product-placement-item picture img,
.m-product-placement-item picture .c-image,
.c-product-placement picture,
.c-product-placement picture img,
.c-product-placement picture .c-image {
  display: inline-block;
}
.m-product-placement-item .c-badge,
.c-product-placement .c-badge {
  margin-top: 12px;
  margin-bottom: 4px;
}
.m-product-placement-item .c-badge + .c-heading,
.c-product-placement .c-badge + .c-heading {
  padding-top: 0;
}
.m-product-placement-item .c-heading,
.c-product-placement .c-heading {
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 20px;
  padding-top: 8px;
  font-weight: 400;
}
.m-product-placement-item .c-paragraph,
.c-product-placement .c-paragraph {
  font-size: 15px;
  line-height: 20px;
  padding: 24px 0 0;
  font-weight: 400;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 60px;
  color: rgba(0, 0, 0, 0.6);
}
.m-product-placement-item.context-accessory picture img,
.m-product-placement-item.context-accessory .c-image, .m-product-placement-item.context-device picture img,
.m-product-placement-item.context-device .c-image, .m-product-placement-item.context-artist picture img,
.m-product-placement-item.context-artist .c-image,
.c-product-placement.context-accessory picture img,
.c-product-placement.context-accessory .c-image,
.c-product-placement.context-device picture img,
.c-product-placement.context-device .c-image,
.c-product-placement.context-artist picture img,
.c-product-placement.context-artist .c-image {
  outline: none;
}
.m-product-placement-item.context-accessory .f-default-image, .m-product-placement-item.context-device .f-default-image, .m-product-placement-item.context-artist .f-default-image,
.c-product-placement.context-accessory .f-default-image,
.c-product-placement.context-device .f-default-image,
.c-product-placement.context-artist .f-default-image {
  outline: none;
}
.m-product-placement-item.context-artist picture img,
.m-product-placement-item.context-artist .c-image,
.c-product-placement.context-artist picture img,
.c-product-placement.context-artist .c-image {
  border-radius: 50%;
}
.m-product-placement-item.context-artist .f-default-image,
.c-product-placement.context-artist .f-default-image {
  border-radius: 50%;
}
.m-product-placement-item.context-artist .f-default-image picture img,
.m-product-placement-item.context-artist .f-default-image .c-image,
.c-product-placement.context-artist .f-default-image picture img,
.c-product-placement.context-artist .f-default-image .c-image {
  border-radius: 0;
}
.m-product-placement-item.context-artist.f-size-medium > a > div,
.c-product-placement.context-artist.f-size-medium > a > div {
  text-align: center;
  padding: 0 12px;
}
.m-product-placement-item.context-tvshow picture + div,
.m-product-placement-item.context-tvshow .f-default-image + div,
.c-product-placement.context-tvshow picture + div,
.c-product-placement.context-tvshow .f-default-image + div {
  padding: 5px;
  height: 62px;
  width: 100%;
}
.m-product-placement-item .f-default-image,
.c-product-placement .f-default-image {
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
.m-product-placement-item .f-default-image:focus,
.c-product-placement .f-default-image:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
.m-product-placement-item .f-default-image:hover, .m-product-placement-item .f-default-image:focus,
.c-product-placement .f-default-image:hover,
.c-product-placement .f-default-image:focus {
  outline: 1px solid rgba(0, 0, 0, 0.6);
}
.m-product-placement-item .f-default-image picture,
.c-product-placement .f-default-image picture {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-product-placement-item .f-default-image picture .c-image,
.c-product-placement .f-default-image picture .c-image {
  outline: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m-product-placement-item .f-default-image picture:focus,
.c-product-placement .f-default-image picture:focus {
  outline: none;
}
.m-product-placement-item.f-size-small,
.c-product-placement.f-size-small {
  width: 358px;
}
.m-product-placement-item.f-size-small .c-badge,
.c-product-placement.f-size-small .c-badge {
  display: none;
}
.m-product-placement-item.f-size-small picture,
.c-product-placement.f-size-small picture {
  float: left;
  margin-right: 12px;
}
.m-product-placement-item.f-size-small .f-default-image,
.c-product-placement.f-size-small .f-default-image {
  width: 72px;
  height: 72px;
  float: left;
  margin-right: 12px;
}
.m-product-placement-item.f-size-small.context-movie .f-default-image,
.c-product-placement.f-size-small.context-movie .f-default-image {
  width: 72px;
  height: 103px;
}
.m-product-placement-item.f-size-medium,
.c-product-placement.f-size-medium {
  width: 167px;
}
.m-product-placement-item.f-size-medium > a > div,
.c-product-placement.f-size-medium > a > div {
  padding-right: 24px;
}
.m-product-placement-item.f-size-medium .f-default-image,
.c-product-placement.f-size-medium .f-default-image {
  width: 167px;
  height: 167px;
  padding-right: 0;
}
.m-product-placement-item.f-size-medium .f-default-image + div,
.c-product-placement.f-size-medium .f-default-image + div {
  padding-right: 24px;
}
.m-product-placement-item.f-size-medium.context-movie .f-default-image,
.c-product-placement.f-size-medium.context-movie .f-default-image {
  width: 167px;
  height: 229px;
}
.m-product-placement-item.f-size-large,
.c-product-placement.f-size-large {
  width: 358px;
}
.m-product-placement-item.f-size-large > a > div,
.c-product-placement.f-size-large > a > div {
  padding-right: 24px;
}
.m-product-placement-item.f-size-large .f-default-image,
.c-product-placement.f-size-large .f-default-image {
  width: 358px;
  height: 300px;
  padding-right: 0;
}
.m-product-placement-item.f-size-large .f-default-image + div,
.c-product-placement.f-size-large .f-default-image + div {
  padding-right: 24px;
}
.m-product-placement-item.f-size-extra-large,
.c-product-placement.f-size-extra-large {
  width: 740px;
}
.m-product-placement-item.f-size-extra-large > a > div,
.c-product-placement.f-size-extra-large > a > div {
  padding-right: 48px;
}
.m-product-placement-item.f-size-extra-large .f-default-image,
.c-product-placement.f-size-extra-large .f-default-image {
  width: 740px;
  height: 416px;
  padding-right: 0;
}
.m-product-placement-item.f-size-extra-large .f-default-image + div,
.c-product-placement.f-size-extra-large .f-default-image + div {
  padding-right: 48px;
}
.m-product-placement-item.f-size-large .c-heading, .m-product-placement-item.f-size-extra-large .c-heading,
.c-product-placement.f-size-large .c-heading,
.c-product-placement.f-size-extra-large .c-heading {
  font-size: 20px;
  line-height: 24px;
  max-height: 48px;
  font-weight: 200;
}
@media only screen and (max-width: 539px) {
  .m-product-placement-item.f-size-large,
  .c-product-placement.f-size-large {
    width: 272px;
  }
  .m-product-placement-item.f-size-large .f-default-image,
  .c-product-placement.f-size-large .f-default-image {
    width: 272px;
    height: 272px;
  }
}

/*  .c-hero depricated as of v.1.6, use .m-hero
    TODO: Remove .c-hero references as of v.2.0 */
.m-hero-item,
.c-hero {
  position: relative;
  overflow: hidden;
  padding: 0 5%;
  height: 600px;
}
.m-hero-item picture,
.c-hero picture {
  display: block;
}
.m-hero-item > picture,
.c-hero > picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}
.m-hero-item > picture img,
.c-hero > picture img {
  position: absolute;
}
.m-hero-item > picture:after,
.c-hero > picture:after {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.m-hero-item > div,
.c-hero > div {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.m-hero-item > div > div,
.c-hero > div > div {
  position: absolute;
  z-index: 1;
  width: 520px;
}
.m-hero-item > div > div > div,
.c-hero > div > div > div {
  margin-top: 24px;
}
.m-hero-item .c-heading,
.c-hero .c-heading {
  font-size: 34px;
  line-height: 40px;
  padding: 38px 0 2px;
  font-weight: 100;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 80px;
}
.m-hero-item .c-subheading,
.c-hero .c-subheading {
  font-size: 20px;
  line-height: 24px;
  padding: 8px 0 4px;
  font-weight: 200;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 48px;
}
.m-hero-item .c-paragraph,
.c-hero .c-paragraph {
  font-size: 15px;
  line-height: 20px;
  padding: 24px 0 0;
  font-weight: 400;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 80px;
}
.m-hero-item .c-product-title,
.m-hero-item .c-product-subtitle,
.c-hero .c-product-title,
.c-hero .c-product-subtitle {
  font-size: 24px;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 56px;
  line-height: 32px;
  max-height: 64px;
  padding: 0;
}
.m-hero-item .c-product-title,
.c-hero .c-product-title {
  font-weight: 700;
}
.m-hero-item .c-product-subtitle,
.c-hero .c-product-subtitle {
  font-weight: 100;
}
.m-hero-item .c-price,
.c-hero .c-price {
  font-size: 20px;
  line-height: 24px;
  display: inline-block;
}
.m-hero-item .c-rating,
.c-hero .c-rating {
  margin-top: 12px;
}
.m-hero-item .c-group,
.c-hero .c-group {
  display: block;
  overflow: visible;
}
.m-hero-item .c-group > .c-call-to-action,
.c-hero .c-group > .c-call-to-action {
  margin-right: 24px;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.c-hero .c-group > .c-call-to-action + .c-call-to-action {
  background: transparent;
  color: #0078D6;
  border-color: transparent;
  border-width: 2px;
  padding: 10px 44px 7px 24px;
  margin-left: -24px;
  margin-right: -24px;
  padding: 10px 43px 7px 25px;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
  background: transparent;
  border-color: transparent;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
  background: transparent;
  text-decoration: none;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action span:hover,
.c-hero .c-group > .c-call-to-action + .c-call-to-action span:hover {
  text-decoration: underline;
}
.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action {
  color: #000;
  background: transparent;
  border-color: transparent;
}
.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:active,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
  outline-color: #000;
}
.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action {
  color: #FFF;
  background: transparent;
  border-color: transparent;
}
.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:active,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
  outline-color: #FFF;
}
.m-hero-item.theme-dark .c-group > .c-call-to-action + .c-call-to-action,
.c-hero.theme-dark .c-group > .c-call-to-action + .c-call-to-action {
  color: #FFF;
}
.m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action,
.c-hero.theme-light .c-group > .c-call-to-action + .c-call-to-action {
  color: #000;
}
.m-hero-item.theme-light .c-group.f-accent > .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
.c-hero.theme-light .c-group.f-accent > .c-call-to-action,
.c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
  margin-right: 24px;
}
.m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
.c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
.c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
  color: #0078D6;
}
.m-hero-item .c-logo,
.c-hero .c-logo {
  margin-top: 12px;
}
.m-hero-item.context-app .c-heading,
.c-hero.context-app .c-heading {
  font-size: 24px;
  line-height: 28px;
  padding: 36px 0 4px;
  font-weight: 200;
  white-space: nowrap;
  max-height: 28px;
}
.m-hero-item.context-app .c-subheading,
.c-hero.context-app .c-subheading {
  font-size: 18px;
  line-height: 24px;
  padding: 9px 0 3px;
  font-weight: 200;
  max-height: 48px;
}
.m-hero-item.context-article .c-heading,
.c-hero.context-article .c-heading {
  font-size: 24px;
  line-height: 28px;
  padding: 36px 0 4px;
  font-weight: 200;
  max-height: 56px;
}
.m-hero-item.context-game .c-rating,
.c-hero.context-game .c-rating {
  margin-top: 60px;
}
.m-hero-item.context-music-album .c-product-title,
.c-hero.context-music-album .c-product-title {
  margin-top: 12px;
}
.m-hero-item.context-device > div > div > div, .m-hero-item.context-accessory > div > div > div, .m-hero-item.context-article > div > div > div, .m-hero-item.context-game > div > div > div,
.c-hero.context-device > div > div > div,
.c-hero.context-accessory > div > div > div,
.c-hero.context-article > div > div > div,
.c-hero.context-game > div > div > div {
  margin-top: 12px;
}
.m-hero-item.f-x-left > div > div,
.c-hero.f-x-left > div > div {
  left: 0;
}
.m-hero-item.f-x-left > picture img,
.c-hero.f-x-left > picture img {
  right: 0;
}
.m-hero-item.f-x-center,
.c-hero.f-x-center {
  text-align: center;
}
.m-hero-item.f-x-center .c-group,
.c-hero.f-x-center .c-group {
  justify-content: center;
}
.m-hero-item.f-x-center > div > div,
.c-hero.f-x-center > div > div {
  left: 30%;
  left: 50%;
  transform: translateX(-50%);
}
.m-hero-item.f-x-center > div > div .c-image,
.c-hero.f-x-center > div > div .c-image {
  margin: 0 auto;
}
.m-hero-item.f-x-center > picture img,
.c-hero.f-x-center > picture img {
  left: 50%;
  transform: translateX(-50%);
}
.m-hero-item.f-x-right > div > div,
.c-hero.f-x-right > div > div {
  right: 0;
}
.m-hero-item.f-x-right > picture img,
.c-hero.f-x-right > picture img {
  left: 0;
}
.m-hero-item.f-y-top > div > div,
.c-hero.f-y-top > div > div {
  top: 60px;
}
.m-hero-item.f-y-top > picture img,
.c-hero.f-y-top > picture img {
  top: 0;
}
.m-hero-item.f-y-center .c-heading:first-child,
.c-hero.f-y-center .c-heading:first-child {
  padding-top: 0;
}
.m-hero-item.f-y-center > div > div,
.c-hero.f-y-center > div > div {
  top: 120px;
  top: 50%;
  transform: translateY(-50%);
}
.m-hero-item.f-y-center > picture img,
.c-hero.f-y-center > picture img {
  top: 50%;
  transform: translateY(-50%);
}
.m-hero-item.f-y-center.f-x-center > div > div,
.c-hero.f-y-center.f-x-center > div > div {
  transform: translate(-50%, -50%);
}
.m-hero-item.f-y-center.f-x-center > picture img,
.c-hero.f-y-center.f-x-center > picture img {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m-hero-item.f-y-bottom > div > div,
.c-hero.f-y-bottom > div > div {
  bottom: 60px;
}
.m-hero-item.f-y-bottom > picture img,
.c-hero.f-y-bottom > picture img {
  bottom: 0;
}
.m-hero-item[class*=f-mask].theme-light > picture:after,
.c-hero[class*=f-mask].theme-light > picture:after {
  background: #FFF;
}
.m-hero-item[class*=f-mask].theme-light.f-x-left.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-left.f-y-top > picture:after {
  background: radial-gradient(circle at top left, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-left.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-left.f-y-center > picture:after {
  background: radial-gradient(circle at center left, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-left.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-left.f-y-bottom > picture:after {
  background: radial-gradient(circle at bottom left, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-center.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-center.f-y-top > picture:after {
  background: radial-gradient(circle at top center, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-center.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-center.f-y-center > picture:after {
  background: radial-gradient(circle at center center, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-center.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-center.f-y-bottom > picture:after {
  background: radial-gradient(circle at bottom center, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-right.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-right.f-y-top > picture:after {
  background: radial-gradient(circle at top right, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-right.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-right.f-y-center > picture:after {
  background: radial-gradient(circle at center right, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-right.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-right.f-y-bottom > picture:after {
  background: radial-gradient(circle at bottom right, #FFF, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark > picture:after,
.c-hero[class*=f-mask].theme-dark > picture:after {
  background: #000;
}
.m-hero-item[class*=f-mask].theme-dark.f-x-left.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-top > picture:after {
  background: radial-gradient(circle at top left, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-left.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-center > picture:after {
  background: radial-gradient(circle at center left, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-left.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-bottom > picture:after {
  background: radial-gradient(circle at bottom left, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-center.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-top > picture:after {
  background: radial-gradient(circle at top center, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-center.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-center > picture:after {
  background: radial-gradient(circle at center center, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-center.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-bottom > picture:after {
  background: radial-gradient(circle at bottom center, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-right.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-top > picture:after {
  background: radial-gradient(circle at top right, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-right.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-center > picture:after {
  background: radial-gradient(circle at center right, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-right.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-bottom > picture:after {
  background: radial-gradient(circle at bottom right, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item.f-mask-20 > picture:after,
.c-hero.f-mask-20 > picture:after {
  opacity: 0.2;
}
.m-hero-item.f-mask-40 > picture:after,
.c-hero.f-mask-40 > picture:after {
  opacity: 0.4;
}
.m-hero-item.f-mask-60 > picture:after,
.c-hero.f-mask-60 > picture:after {
  opacity: 0.6;
}
.m-hero-item.f-mask-80 > picture:after,
.c-hero.f-mask-80 > picture:after {
  opacity: 0.8;
}
.m-hero-item.f-mask-100 > picture:after,
.c-hero.f-mask-100 > picture:after {
  opacity: 1;
}
.m-hero-item .c-video,
.c-hero .c-video {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  left: 0;
}
.m-hero-item .c-video > h1,
.c-hero .c-video > h1 {
  display: none;
}
.m-hero-item .c-video video,
.c-hero .c-video video {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  z-index: -2;
  background-size: cover;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 1083px) {
  .m-hero-item,
  .c-hero {
    height: 500px;
  }
  .m-hero-item > div > div,
  .c-hero > div > div {
    width: 440px;
  }
  .m-hero-item .c-heading,
  .c-hero .c-heading {
    font-size: 24px;
    line-height: 28px;
    padding: 36px 0 4px;
    font-weight: 200;
    max-height: 56px;
    padding-top: 0;
  }
  .m-hero-item .c-subheading,
  .c-hero .c-subheading {
    font-size: 18px;
    line-height: 24px;
    padding: 9px 0 3px;
    font-weight: 200;
    max-height: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .m-hero-item,
  .c-hero {
    height: auto;
    padding: 0;
    text-align: center;
  }
  .m-hero-item[class*=f-x][class*=f-y] > picture img,
  .c-hero[class*=f-x][class*=f-y] > picture img {
    top: 0;
    left: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .m-hero-item[class*=f-x][class*=f-y] > picture:after,
  .c-hero[class*=f-x][class*=f-y] > picture:after {
    display: none;
  }
  .m-hero-item[class*=f-x][class*=f-y] > div > div,
  .c-hero[class*=f-x][class*=f-y] > div > div {
    position: relative;
    width: auto;
    left: 0;
    top: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .m-hero-item > picture,
  .c-hero > picture {
    position: relative;
    height: 400px;
  }
  .m-hero-item > div,
  .c-hero > div {
    padding: 12px;
    height: 280px;
  }
  .m-hero-item > div picture,
  .c-hero > div picture {
    display: none;
  }
  .m-hero-item .c-paragraph,
  .c-hero .c-paragraph {
    max-height: 40px;
  }
  .m-hero-item .c-heading, .m-hero-item.context-article .c-heading,
  .c-hero .c-heading,
  .c-hero.context-article .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 200;
    max-height: 120px;
  }
  .m-hero-item .c-heading, .m-hero-item.context-app .c-heading, .m-hero-item.context-article .c-heading,
  .c-hero .c-heading,
  .c-hero.context-app .c-heading,
  .c-hero.context-article .c-heading {
    padding-top: 0;
  }
  .m-hero-item > div > div > div,
  .c-hero > div > div > div {
    justify-content: center;
  }
  .m-hero-item .c-group > .c-call-to-action,
  .c-hero .c-group > .c-call-to-action {
    margin: 0;
  }
  .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
  .c-hero .c-group > .c-call-to-action + .c-call-to-action {
    margin: 0;
  }
  .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
  .c-hero.theme-light .c-group.f-accent > .c-call-to-action,
  .c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
    margin: 0;
  }
  .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
  .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
  .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
    margin: 0;
  }
  .m-hero-item .c-subheading,
  .c-hero .c-subheading {
    display: none;
  }
  .m-hero-item.context-game .c-rating,
  .c-hero.context-game .c-rating {
    margin-top: 12px;
  }
  .m-hero-item.context-music-album .c-product-title,
  .c-hero.context-music-album .c-product-title {
    margin-top: 0;
  }
}
@media only screen and (max-width: 539px) {
  .m-hero-item > picture,
  .c-hero > picture {
    height: 300px;
  }
  .m-hero-item .c-price,
  .m-hero-item .c-rating,
  .m-hero-item .c-paragraph,
  .c-hero .c-price,
  .c-hero .c-rating,
  .c-hero .c-paragraph {
    display: none;
  }
}

.m-additional-information .c-heading-4 + div {
  margin-top: 24px;
}
.m-additional-information [data-grid=col-6] > [data-grid=col-6] {
  margin-bottom: 24px;
  padding-right: 12px;
}
.m-additional-information .c-list.f-bare.f-lean {
  margin-bottom: 24px;
}
.m-additional-information .c-list.f-bare.f-lean:first-child {
  margin-top: 0;
}

/* .c-back-to-top has been depricated as of v.1.6
    TODO: Remove as of v.2.0*/
a.m-back-to-top,
a.c-back-to-top {
  visibility: hidden;
}
@media only screen and (min-width: 768px) {
  a.m-back-to-top,
  a.c-back-to-top {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    visibility: visible;
    float: right;
    padding: 12px;
    z-index: 500;
    opacity: 1;
    transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  a.m-back-to-top:hover, a.m-back-to-top:focus,
  a.c-back-to-top:hover,
  a.c-back-to-top:focus {
    background: rgba(0, 0, 0, 0.2);
  }
  a.m-back-to-top:focus,
  a.c-back-to-top:focus {
    outline: 1px dashed #000;
  }
  a.m-back-to-top:active,
  a.c-back-to-top:active {
    background: rgba(0, 0, 0, 0.3);
  }
  a.m-back-to-top .c-glyph.glyph-up,
  a.c-back-to-top .c-glyph.glyph-up {
    font-size: 24px;
  }
  a.m-back-to-top .c-glyph.glyph-up:before,
  a.c-back-to-top .c-glyph.glyph-up:before {
    width: 24px;
    height: 24px;
    content: "\e74a";
  }
  a.m-back-to-top[aria-disabled=true],
  a.c-back-to-top[aria-disabled=true] {
    visibility: hidden;
    opacity: 0;
    transition: visibility 601ms cubic-bezier(0.19, 1, 0.22, 1), opacity 600ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}

.m-banner {
  text-align: center;
}
.m-banner .c-heading-3 {
  overflow: hidden;
  box-sizing: content-box;
  max-height: 80px;
  padding-bottom: 3.1812px;
}
.m-banner .c-caption-1 {
  font-size: 18px;
  padding-top: 20px;
  color: rgba(0, 0, 0, 0.6);
}
.m-banner .c-image {
  margin: 0 auto;
  width: auto;
  max-height: 70px;
}
.m-banner .c-image + .c-heading-3 {
  padding-top: 10px;
}
.m-banner a.c-call-to-action {
  background: transparent;
  color: #0078D6;
  border-color: transparent;
  border-width: 2px;
  padding: 10px 44px 7px 24px;
  margin-left: -24px;
  margin-right: -24px;
}
.m-banner a.c-call-to-action:focus, .m-banner a.c-call-to-action:hover {
  background: transparent;
  border-color: transparent;
}
.m-banner a.c-call-to-action:active {
  background: transparent;
  text-decoration: none;
}
.m-banner a.c-call-to-action span:hover {
  text-decoration: underline;
}
.theme-light .m-banner a.c-call-to-action, .theme-dark .theme-light .m-banner a.c-call-to-action {
  color: #000;
  background: transparent;
  border-color: transparent;
}
.theme-light .m-banner a.c-call-to-action:active, .theme-dark .theme-light .m-banner a.c-call-to-action:active {
  color: rgba(0, 0, 0, 0.6);
}
.theme-light .m-banner a.c-call-to-action:focus, .theme-dark .theme-light .m-banner a.c-call-to-action:focus {
  outline-color: #000;
}
.theme-dark .m-banner a.c-call-to-action, .theme-light .theme-dark .m-banner a.c-call-to-action {
  color: #FFF;
  background: transparent;
  border-color: transparent;
}
.theme-dark .m-banner a.c-call-to-action:active, .theme-light .theme-dark .m-banner a.c-call-to-action:active {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .m-banner a.c-call-to-action:focus, .theme-light .theme-dark .m-banner a.c-call-to-action:focus {
  outline-color: #FFF;
}

/** .c-compare-chart class deprecated on v1.3.0 **/
.c-compare-chart,
.m-compare-chart {
  /** .c-product-placement deprecated on v1.6.0 **/
  /*  use .m-product-placement-item
      TODO: remove c- in v.2.0 */
}
.c-compare-chart .m-product-placement-item img,
.c-compare-chart .c-product-placement img,
.m-compare-chart .m-product-placement-item img,
.m-compare-chart .c-product-placement img {
  margin: 0;
}
.c-compare-chart .m-product-placement-item [aria-hidden=true],
.c-compare-chart .c-product-placement [aria-hidden=true],
.m-compare-chart .m-product-placement-item [aria-hidden=true],
.m-compare-chart .c-product-placement [aria-hidden=true] {
  visibility: visible;
}
.c-compare-chart .m-product-placement-item .c-heading-4,
.c-compare-chart .c-product-placement .c-heading-4,
.m-compare-chart .m-product-placement-item .c-heading-4,
.m-compare-chart .c-product-placement .c-heading-4 {
  padding: 4px 0 8px;
}
.c-compare-chart section .f-row,
.m-compare-chart section .f-row {
  display: inline-block;
  padding-right: 24px;
  margin: 10px 0 0;
}
.c-compare-chart section .f-icons,
.m-compare-chart section .f-icons {
  margin-bottom: 24px;
}
.c-compare-chart section img,
.m-compare-chart section img {
  margin: 5px;
  display: initial;
}
.c-compare-chart section button,
.m-compare-chart section button {
  color: #FFF;
  background-color: #0078D6;
  margin-bottom: 24px;
}
.c-compare-chart section button:hover, .c-compare-chart section button:focus,
.m-compare-chart section button:hover,
.m-compare-chart section button:focus {
  background-color: #006cc1;
  border-color: rgba(0, 0, 0, 0.4);
}
.c-compare-chart section button:active,
.m-compare-chart section button:active {
  background-color: #005496;
  border-color: transparent;
}
.c-compare-chart section button[disabled],
.m-compare-chart section button[disabled] {
  color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 120, 214, 0.2);
  border-color: transparent;
}
.theme-light .c-compare-chart section button, .theme-dark .theme-light .c-compare-chart section button,
.theme-light .m-compare-chart section button,
.theme-dark .theme-light .m-compare-chart section button {
  color: #FFF;
  background-color: #000;
  border-color: transparent;
}
.theme-light .c-compare-chart section button:focus, .theme-dark .theme-light .c-compare-chart section button:focus,
.theme-light .m-compare-chart section button:focus,
.theme-dark .theme-light .m-compare-chart section button:focus {
  outline-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.theme-light .c-compare-chart section button:hover, .theme-dark .theme-light .c-compare-chart section button:hover,
.theme-light .m-compare-chart section button:hover,
.theme-dark .theme-light .m-compare-chart section button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.theme-light .c-compare-chart section button:active, .theme-dark .theme-light .c-compare-chart section button:active,
.theme-light .m-compare-chart section button:active,
.theme-dark .theme-light .m-compare-chart section button:active {
  background-color: rgba(0, 0, 0, 0.6);
}
.theme-light .c-compare-chart section button[disabled], .theme-dark .theme-light .c-compare-chart section button[disabled],
.theme-light .m-compare-chart section button[disabled],
.theme-dark .theme-light .m-compare-chart section button[disabled] {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.2);
}
.theme-dark .c-compare-chart section button, .theme-light .theme-dark .c-compare-chart section button,
.theme-dark .m-compare-chart section button,
.theme-light .theme-dark .m-compare-chart section button {
  color: #000;
  background-color: #FFF;
  border-color: transparent;
}
.theme-dark .c-compare-chart section button:focus, .theme-light .theme-dark .c-compare-chart section button:focus,
.theme-dark .m-compare-chart section button:focus,
.theme-light .theme-dark .m-compare-chart section button:focus {
  outline-color: #FFF;
  background-color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-compare-chart section button:hover, .theme-light .theme-dark .c-compare-chart section button:hover,
.theme-dark .m-compare-chart section button:hover,
.theme-light .theme-dark .m-compare-chart section button:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-compare-chart section button:active, .theme-light .theme-dark .c-compare-chart section button:active,
.theme-dark .m-compare-chart section button:active,
.theme-light .theme-dark .m-compare-chart section button:active {
  background-color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-compare-chart section button[disabled], .theme-light .theme-dark .c-compare-chart section button[disabled],
.theme-dark .m-compare-chart section button[disabled],
.theme-light .theme-dark .m-compare-chart section button[disabled] {
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.2);
}
.c-compare-chart section ul,
.m-compare-chart section ul {
  margin-bottom: 24px;
}
.c-compare-chart section .c-call-to-action,
.m-compare-chart section .c-call-to-action {
  margin-top: 15px;
}
.c-compare-chart section .c-divider,
.m-compare-chart section .c-divider {
  box-sizing: border-box;
}
.c-compare-chart section p,
.m-compare-chart section p {
  margin-bottom: 24px;
  padding: 0;
  display: block;
}
.c-compare-chart section [aria-hidden=true],
.m-compare-chart section [aria-hidden=true] {
  visibility: hidden;
}
@media only screen and (max-width: 539px) {
  .c-compare-chart,
  .m-compare-chart {
    padding: 0 24px;
  }
  .c-compare-chart section .f-column .f-row img,
  .m-compare-chart section .f-column .f-row img {
    max-height: 112px;
    max-width: 100%;
    text-align: center;
  }
  .c-compare-chart h3[aria-hidden=true],
  .m-compare-chart h3[aria-hidden=true] {
    visibility: visible;
  }
}

.m-content-placement {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
@media only screen and (min-width: 540px) {
  .m-content-placement {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .m-content-placement {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 48px;
  }
  .m-content-placement .c-content-placement {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .m-content-placement {
    padding-left: 36px;
    padding-right: 36px;
  }
}

.m-feature {
  padding-top: 48px;
}
@media only screen and (min-width: 1083px) {
  .m-feature .c-feature.f-align-left > div {
    padding-left: 0;
  }
  .m-feature .c-feature.f-align-right > div {
    left: 50%;
    padding-right: 0;
  }
}
.m-feature + .m-feature {
  padding-top: 0;
}
.m-feature[data-grid~=container] {
  padding-left: 12px;
  padding-right: 12px;
  max-width: 100%;
  clear: both;
}
@media only screen and (min-width: 540px) {
  .m-feature[data-grid~=container] {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .m-feature[data-grid~=container] {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media only screen and (min-width: 1400px) {
  .m-feature[data-grid~=container] {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.m-group-call-to-action {
  padding-top: 34px;
}
.m-group-call-to-action strong {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .m-group-call-to-action strong {
    font-size: 16px;
    line-height: 20px;
  }
}
.m-group-call-to-action .c-group {
  height: initial;
  position: relative;
}
.m-group-call-to-action .c-group .c-call-to-action {
  font-size: 18px;
  line-height: 24px;
  border: 0;
  font-weight: 200;
}
@media (max-width: 767px) {
  .m-group-call-to-action .c-group .c-call-to-action {
    font-size: 16px;
    line-height: 20px;
  }
}
.m-group-call-to-action .c-group .c-call-to-action:after {
  content: "";
}

@media only screen and (max-width: 767px) {
  .m-group-call-to-action {
    padding-top: 24px;
  }
  .m-group-call-to-action strong {
    padding-bottom: 6px;
  }
  .m-group-call-to-action .c-call-to-action {
    padding: 6px 0;
  }
}
.m-hero {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
@media only screen and (max-width: 1083px) {
  .m-hero .m-hero-item,
  .m-hero .c-hero {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .m-hero .m-hero-item,
  .m-hero .c-hero {
    padding-left: 0;
    padding-right: 0;
  }
}

.m-in-page-navigation {
  padding-top: 0;
}

.m-link-navigation {
  padding-top: 0;
}

.m-media {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 4px;
  padding-top: 0;
}
.m-media:before, .m-media:after {
  content: " ";
  display: table;
}
.m-media:after {
  clear: both;
}
.m-media .c-image {
  float: left;
  margin-right: 12px;
}
.m-media [class*=c-heading],
.m-media [class*=c-paragraph],
.m-media [class*=c-subheading] {
  float: left;
  width: calc(100% - 60px);
  padding: 0 24px 0 0;
}
@media only screen and (min-width: 539px) {
  .m-media [class*=c-heading] {
    float: none;
    display: inline-block;
  }
}

.m-mosaic {
  padding-left: 0;
  padding-right: 0;
}

.m-multi-column > div,
.m-multi-column > ul {
  column-gap: 48px;
}
.m-multi-column > div > li,
.m-multi-column > ul > li {
  padding: 0;
}
.m-multi-column > div > li a.c-hyperlink,
.m-multi-column > ul > li a.c-hyperlink {
  padding: 8px 0;
  display: inline-block;
}
.m-multi-column.f-columns-1 > div,
.m-multi-column.f-columns-1 > ul {
  columns: 1;
}
.m-multi-column.f-columns-2 > div,
.m-multi-column.f-columns-2 > ul {
  columns: 2;
}
.m-multi-column.f-columns-3 > div,
.m-multi-column.f-columns-3 > ul {
  columns: 3;
}
.m-multi-column.f-columns-4 > div,
.m-multi-column.f-columns-4 > ul {
  columns: 4;
}
@media only screen and (max-width: 2048px) {
  .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    columns: 5;
  }
}
@media only screen and (max-width: 1778px) {
  .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    columns: 4;
  }
}
@media only screen and (max-width: 1399px) {
  .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    columns: 3;
  }
}
@media only screen and (max-width: 1083px) {
  .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    columns: 3;
  }
}
@media only screen and (max-width: 767px) {
  .m-multi-column.f-columns-3 > div,
  .m-multi-column.f-columns-3 > ul, .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    columns: 2;
  }
}
@media only screen and (max-width: 539px) {
  .m-multi-column.f-columns-2 > div,
  .m-multi-column.f-columns-2 > ul, .m-multi-column.f-columns-3 > div,
  .m-multi-column.f-columns-3 > ul, .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    columns: 1;
  }
}

.m-page-bar {
  position: relative;
  min-width: inherit;
  padding-top: 0;
  background: #FFF;
  border-bottom: 1px solid #E3E3E3;
}
.m-page-bar.f-hidden {
  display: none;
}
.m-page-bar.f-sticky {
  z-index: 500;
  visibility: hidden;
  position: fixed;
  top: -60px;
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-page-bar.f-sticky.f-show {
  visibility: visible;
  top: 0;
}
.m-page-bar > div {
  height: 60px;
  width: 30%;
  float: right;
}
.m-page-bar > div:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.m-page-bar > div:first-child {
  width: 70%;
  float: left;
}
.m-page-bar > div [class^=c-heading-] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0;
  margin-right: 24px;
}
.m-page-bar > div [class^=c-heading-] .c-hyperlink {
  float: none;
}
.m-page-bar > div .context-menu [class^=c-heading-] {
  float: left;
  padding-top: 5px;
}
.m-page-bar > div .context-menu [class^=c-heading-] + .c-list li:first-child {
  margin-left: 24px;
}
.m-page-bar > div .context-menu .c-list {
  margin: 0;
  white-space: nowrap;
}
.m-page-bar > div .context-menu .c-list li {
  display: inline-block;
  margin: 0 24px;
}
.m-page-bar > div .context-menu .c-list li.f-active .c-hyperlink {
  color: #000;
}
.m-page-bar > div .context-menu .c-list li .c-hyperlink {
  color: #5E5E5E;
}
.m-page-bar > div .context-menu .c-list li .c-hyperlink:hover {
  text-decoration: none;
}
.m-page-bar > div > div {
  width: 95%;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.m-page-bar > div > div > div {
  float: left;
  width: inherit;
}
.m-page-bar > div > div > div + div {
  display: block;
  width: 100%;
}
.m-page-bar > div > div > div > .c-hyperlink {
  display: block;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-page-bar > div > .c-price {
  width: initial;
  float: right;
  padding: 20px 0;
  margin: 0 12px;
}
.m-page-bar > div > .c-call-to-action {
  float: right;
  margin: 10px 0;
  margin-left: 12px;
  max-width: 90%;
}
@media only screen and (max-width: 1083px) {
  .m-page-bar > div {
    width: 40%;
  }
  .m-page-bar > div:first-child {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .m-page-bar {
    width: 100%;
  }
  .m-page-bar > div .context-menu [class^=c-heading-] {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 539px) {
  .m-page-bar > div {
    width: 50%;
  }
  .m-page-bar > div:first-child {
    width: 50%;
  }
  .m-page-bar > div > .c-price {
    display: none;
  }
}

.m-refinements > div[data-grid=col-3] {
  margin-top: 35px;
}
.m-refinements > div + div {
  margin-top: 36px;
  padding-left: 75px;
}
.m-refinements > div + div > h1 {
  padding-top: 12px;
  padding-bottom: 8px;
}
.m-refinements > div + div section {
  display: inline-block;
}

.m-rich-heading {
  display: block;
  height: 200px;
  position: relative;
  padding-top: 0;
}
.m-rich-heading.f-image {
  width: 100%;
  height: 200px;
  background: #000;
  color: #FFF;
}
.m-rich-heading > div {
  position: relative;
  width: 50%;
  float: left;
}
.m-rich-heading > picture.c-image img {
  height: 200px;
  width: 400px;
  position: absolute;
  right: 0;
}
.m-rich-heading > picture.c-image:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 285px;
  width: 115px;
  height: 200px;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #000 100%);
}
@media only screen and (max-width: 539px) {
  .m-rich-heading > picture.c-image:after {
    right: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #000 80%);
  }
  .m-rich-heading > picture.c-image:before {
    background: rgba(255, 255, 255, 0);
  }
}
.m-rich-heading .c-paragraph-3 {
  overflow: hidden;
  box-sizing: content-box;
  max-height: 40px;
}
.m-rich-heading .c-heading {
  overflow: hidden;
  box-sizing: content-box;
  max-height: 80px;
}
.m-rich-heading.theme-light.f-brand-neutral-10 {
  background: #E3E3E3;
}
.m-rich-heading.theme-light.f-brand-neutral-20 {
  background: #C8C8C8;
}
.m-rich-heading.theme-light.f-brand-neutral-30 {
  background: #ACACAC;
}
.m-rich-heading.theme-dark.f-accent {
  background: #0078D6;
}
.m-rich-heading.theme-dark.f-brand-neutral-45 {
  background: #919191;
}
.m-rich-heading.theme-dark.f-brand-neutral-55 {
  background: #767676;
}
.m-rich-heading.theme-dark.f-brand-neutral-65 {
  background: #5E5E5E;
}
.m-rich-heading.theme-dark.f-brand-neutral-75 {
  background: #464646;
}
.m-rich-heading.theme-dark.f-brand-neutral-80 {
  background: #2F2F2F;
}
.m-rich-heading.theme-dark.f-brand-neutral-90 {
  background: #171717;
}
.m-rich-heading.theme-dark.f-brand-neutral-100 {
  background: #000;
}
.m-rich-heading .c-logo {
  position: absolute;
  right: 48px;
  width: 200px;
  height: 130px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.m-rich-heading .c-logo > .c-image {
  width: 100%;
  max-width: 200px;
  max-height: 130px;
}
@media only screen and (max-width: 1083px) {
  .m-rich-heading .c-heading {
    font-size: 24px;
    line-height: 28px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px;
  }
  .m-rich-heading .c-logo {
    right: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .m-rich-heading > div {
    width: 100%;
    float: none;
  }
  .m-rich-heading .c-logo, .m-rich-heading .c-paragraph-3 {
    display: none;
  }
  .m-rich-heading .c-heading {
    padding: 8px;
  }
  .m-rich-heading.theme-dark, .m-rich-heading.theme-light {
    height: auto;
  }
  .m-rich-heading > picture.c-image {
    z-index: -1;
  }
  .m-rich-heading > picture.c-image + div {
    height: 200px;
  }
  .m-rich-heading > picture.c-image + div .c-heading {
    position: absolute;
    bottom: 40px;
    z-index: 1;
  }
  .m-rich-heading > picture.c-image:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
  }
}
@media only screen and (max-width: 539px) {
  .m-rich-heading > picture.c-image:after {
    right: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #000 80%);
  }
  .m-rich-heading > picture.c-image:before {
    background: rgba(255, 255, 255, 0);
  }
}

.m-product-detail-hero {
  padding-top: 0;
}
.m-product-detail-hero > div[data-grid=col-6]:first-child {
  padding-top: 0;
}
.m-product-detail-hero > div[data-grid=col-6]:first-child > div[data-grid=col-12] {
  padding-top: 36px;
}
.m-product-detail-hero > div[data-grid=col-6]:first-child > div[data-grid=col-12] .c-image {
  float: left;
  padding-right: 20px;
}
.m-product-detail-hero > div[data-grid=col-6]:first-child > div[data-grid=col-12] > div[data-grid=col-6] h2 {
  padding-top: 0;
}
.m-product-detail-hero > div[data-grid=col-6]:first-child > div[data-grid=col-12] > div[data-grid=col-6] h2 + p {
  padding-bottom: 4px;
}
.m-product-detail-hero .context-image-cover {
  height: 0;
  padding-top: 25%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-size: cover;
  background-position: center center;
}
.m-product-detail-hero .context-image-cover[data-treatment=blur] {
  overflow: hidden;
  filter: blur(15px);
}
.m-product-detail-hero .context-image-cover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 50%, #FFF 95%);
}
@media only screen and (max-width: 768px) {
  .m-product-detail-hero .context-image-cover {
    padding-top: 50%;
  }
}
.m-product-detail-hero .m-product-detail-hero-product-placement {
  padding-left: 76px;
  padding-top: 36px;
}
.m-product-detail-hero .m-product-detail-hero-product-placement picture {
  padding-top: 40px;
  padding-right: 16px;
  padding-bottom: 16px;
  float: left;
}
.m-product-detail-hero .m-product-detail-hero-product-placement picture img {
  max-width: 179px;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .context-product-placement-data {
  float: left;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-heading-1 {
  padding-top: 24px;
  padding-bottom: 8px;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-heading-1 + div[data-grid=col-12] {
  display: none;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-badge + .c-heading-1 {
  padding-top: 0;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-label {
  margin-top: 0;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-label + .c-group {
  margin-top: 0;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-rating {
  display: inline-block;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-meta-text {
  color: #000;
  position: relative;
  top: -2px;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-price {
  font-size: 24px;
  padding-top: 24px;
  font-weight: 200;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-price .c-label {
  font-size: 24px;
  line-height: inherit;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-price .context-sale-data {
  font-size: 24px;
  padding-left: 8px;
  font-weight: 200;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-price .context-sale-data .c-badge {
  position: relative;
  bottom: 2px;
  float: none;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .c-combo {
  margin: 0;
}
.m-product-detail-hero .m-product-detail-hero-product-placement .context-configuration-buttons > .c-group .c-select-button {
  font-size: 13px;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 32px;
  width: 250px;
  white-space: normal;
}
.m-product-detail-hero .m-product-detail-hero-product-placement button[type=submit] {
  margin-top: 24px;
}
.m-product-detail-hero .m-product-detail-hero-product-placement button[type=submit] + .c-caption-2 {
  padding-top: 8px;
}
.m-product-detail-hero .m-product-detail-hero-product-placement div[data-grid=col-12] {
  display: none;
}
.m-product-detail-hero .m-product-detail-hero-social {
  padding-top: 76px;
}
.m-product-detail-hero .m-product-detail-hero-social .m-social,
.m-product-detail-hero .m-product-detail-hero-social .c-social {
  margin-top: 12px;
}
.m-product-detail-hero .m-product-detail-hero-social .m-social > .c-hyperlink,
.m-product-detail-hero .m-product-detail-hero-social .c-social > .c-hyperlink {
  width: 60px;
  height: 60px;
  margin-right: 8px;
}
.m-product-detail-hero .m-product-detail-hero-social .m-social > .c-hyperlink:before,
.m-product-detail-hero .m-product-detail-hero-social .c-social > .c-hyperlink:before {
  border-radius: 50%;
}
.m-product-detail-hero .m-product-detail-hero-social .m-social .m-social,
.m-product-detail-hero .m-product-detail-hero-social .m-social .c-social,
.m-product-detail-hero .m-product-detail-hero-social .c-social .m-social,
.m-product-detail-hero .m-product-detail-hero-social .c-social .c-social {
  width: 60px;
  height: 60px;
}
.m-product-detail-hero .m-product-detail-hero-age-rating {
  padding-top: 20px;
}
.m-product-detail-hero .theme-light {
  background: none;
}
@media only screen and (min-width: 768px) {
  .m-product-detail-hero .m-product-detail-hero-social .m-social > .c-hyperlink,
  .m-product-detail-hero .m-product-detail-hero-social .m-social .c-image,
  .m-product-detail-hero .m-product-detail-hero-social .c-social > .c-hyperlink,
  .m-product-detail-hero .m-product-detail-hero-social .c-social .c-image {
    width: 52px;
    height: 52px;
  }
}
@media only screen and (max-width: 768px) {
  .m-product-detail-hero .m-product-detail-hero-social,
  .m-product-detail-hero .m-product-detail-hero-age-rating {
    padding-left: 76px;
  }
}
@media only screen and (max-width: 767px) {
  .m-product-detail-hero > div[data-grid=col-6]:first-child {
    display: none;
  }
  .m-product-detail-hero > div + div {
    padding-left: 0;
  }
  .m-product-detail-hero > div + div > h1 + div[data-grid=col-12] {
    display: block;
  }
  .m-product-detail-hero > div + div > h1 + div[data-grid=col-12] + .c-rating,
  .m-product-detail-hero > div + div > h1 + div[data-grid=col-12] + .c-rating + .c-meta-text {
    display: none;
  }
}
@media only screen and (max-width: 539px) {
  .m-product-detail-hero > div + div .context-configuration-buttons > .c-group .c-select-button {
    width: 100%;
    margin-right: 0;
  }
  .m-product-detail-hero .m-product-detail-hero-product-placement {
    padding-top: 12px;
    padding-left: 24px;
  }
  .m-product-detail-hero .m-product-detail-hero-social,
  .m-product-detail-hero .m-product-detail-hero-age-rating {
    padding-left: 24px;
  }
}
.m-product-detail-hero.m-digital-good-hero {
  min-height: 400px;
  position: relative;
}
.m-product-detail-hero.m-digital-good-hero .m-product-detail-hero-product-placement {
  padding-top: 24px;
}
.m-product-detail-hero.m-digital-good-hero > [data-grid*=col-] {
  position: relative;
}
.m-product-detail-hero.m-digital-good-hero .c-rating {
  padding-top: 12px;
}
.m-product-detail-hero.m-digital-good-hero .c-price {
  padding-top: 40px;
}
.m-product-detail-hero.m-digital-good-hero .c-caption-2 {
  padding-top: 8px;
  display: inline-block;
}
.m-product-detail-hero.m-digital-good-hero > div[data-grid=col-4] {
  min-height: 200px;
  position: relative;
}

.m-live-gold-badge {
  margin-top: 40px;
  margin-right: 40px;
  display: inline-block;
  position: relative;
  float: right;
}
.m-live-gold-badge > div {
  width: 100%;
  padding-top: 50px;
  position: absolute;
  top: 0;
  color: #fff;
  text-align: center;
}
.m-live-gold-badge > div * {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .m-live-gold-badge {
    margin-right: 0;
    margin-left: 75px;
    float: none;
  }
}
@media only screen and (max-width: 539px) {
  .m-live-gold-badge {
    margin-left: 25px;
  }
}

.m-product-placement {
  padding-top: 12px;
}
.m-product-placement .c-hyperlink[aria-hidden=true] {
  visibility: hidden;
}
.m-product-placement.f-artist a > div {
  height: inherit;
}
.m-product-placement .c-carousel .c-flipper {
  /*
  * Use .f-previous and .f-next
  * .f-left and f-right deprecated v1.3.0
  */
}
.m-product-placement .c-carousel .c-flipper.f-left, .m-product-placement .c-carousel .c-flipper.f-previous {
  left: -24px;
}
.m-product-placement .c-carousel .c-flipper.f-right, .m-product-placement .c-carousel .c-flipper.f-next {
  right: -24px;
}
@media only screen and (max-width: 767px) {
  .m-product-placement .c-carousel .c-flipper {
    /*
    * Use .f-previous and .f-next
    * .f-left and f-right deprecated v1.3.0
    */
  }
  .m-product-placement .c-carousel .c-flipper.f-left, .m-product-placement .c-carousel .c-flipper.f-previous {
    background-color: transparent;
  }
  .m-product-placement .c-carousel .c-flipper.f-right, .m-product-placement .c-carousel .c-flipper.f-next {
    background-color: transparent;
  }
}

.m-search-help .c-heading-5 {
  padding: 12px 0 24px;
}
.m-search-help ul li,
.m-search-help span {
  padding: 2px 0;
}
.m-search-help .f-column {
  padding-right: 24px;
}
.m-search-help .c-search {
  max-width: initial;
  margin: 46px 0 84px;
}

@media only screen and (max-width: 539px) {
  .m-search-help .c-heading-5 {
    padding: 12px 0 8px;
  }
}
.m-search-results > div:last-child {
  padding: 24px 0;
}
.m-search-results .c-hyperlink {
  display: block;
}
.m-search-results .f-result-item,
.m-search-results .f-result-item-details {
  padding-top: 24px;
}
.m-search-results .f-result-item-details {
  padding-left: 24px;
}
.m-search-results .f-hyperlink {
  font-weight: 400;
  line-height: 20px;
}
.m-search-results h3.f-hyperlink {
  font-size: 20px;
  line-height: 24px;
  padding-top: 0;
  font-weight: 200;
}
@media (max-width: 767px) {
  .m-search-results h3.f-hyperlink {
    font-size: 18px;
    line-height: 24px;
  }
}
.m-search-results span.f-hyperlink .c-hyperlink {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 24px;
  padding-bottom: 1.636px;
  color: #107C10;
}
.m-search-results p {
  color: rgba(0, 0, 0, 0.6);
  padding-top: 0;
}

@media only screen and (max-width: 539px) {
  .m-search-results .f-result-item-details {
    padding: 0;
  }
}
/** .c-social deprecated v.1.6.0 - use m-social **/
/** TODO: Remove c-social in v.2.0 **/
.m-social {
  padding: 0;
}

.m-social,
.c-social {
  display: block;
  margin-top: 48px;
}
.m-social.f-facebook > div, .m-social.f-pinterest > div, .m-social.f-twitter > div,
.c-social.f-facebook > div,
.c-social.f-pinterest > div,
.c-social.f-twitter > div {
  display: inline-block;
  margin-right: 24px;
}
.m-social > span,
.c-social > span {
  font-size: 11px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.6);
}
.m-social > a,
.c-social > a {
  position: relative;
  width: 32px;
  height: 32px;
}
.m-social > a:hover:before,
.c-social > a:hover:before {
  background: rgba(0, 0, 0, 0.1);
}
.m-social > a:focus,
.c-social > a:focus {
  outline: 1px dashed #000;
}
.m-social > a:before,
.c-social > a:before {
  background: none;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-social > a > img,
.c-social > a > img {
  width: 32px;
  height: 32px;
}
.m-social.f-share > a:hover:before, .m-social.f-follow > a:hover:before,
.c-social.f-share > a:hover:before,
.c-social.f-follow > a:hover:before {
  background: rgba(255, 255, 255, 0);
}
.m-social.f-share > a:active, .m-social.f-follow > a:active,
.c-social.f-share > a:active,
.c-social.f-follow > a:active {
  outline: none;
}
.m-social.f-share > a > img, .m-social.f-follow > a > img,
.c-social.f-share > a > img,
.c-social.f-follow > a > img {
  opacity: 0.6;
}
.m-social.f-share > a > img:hover, .m-social.f-share > a > img:focus, .m-social.f-follow > a > img:hover, .m-social.f-follow > a > img:focus,
.c-social.f-share > a > img:hover,
.c-social.f-share > a > img:focus,
.c-social.f-follow > a > img:hover,
.c-social.f-follow > a > img:focus {
  opacity: 0.8;
}
.m-social.f-share > a > img:active, .m-social.f-follow > a > img:active,
.c-social.f-share > a > img:active,
.c-social.f-follow > a > img:active {
  opacity: 1;
}
.m-social button,
.c-social button {
  width: 32px;
  height: 32px;
  border: 0;
  background-color: transparent;
  padding: 0;
  color: rgba(0, 0, 0, 0.6);
  vertical-align: middle;
}
.m-social button[aria-hidden=true],
.c-social button[aria-hidden=true] {
  display: none;
}
.m-social button:focus,
.c-social button:focus {
  outline: 1px dashed #000;
}
.m-social .f-hide,
.c-social .f-hide {
  display: none !important;
}
.m-social.f-horizontal > a,
.c-social.f-horizontal > a {
  display: inline-block;
  margin-right: 12px;
}
.m-social.f-horizontal button[aria-hidden=false],
.c-social.f-horizontal button[aria-hidden=false] {
  display: inline-block;
}
.m-social.f-horizontal button.c-glyph[aria-expanded=false]:after,
.c-social.f-horizontal button.c-glyph[aria-expanded=false]:after {
  content: "\e76c";
}
.m-social.f-horizontal button.c-glyph[aria-expanded=true]:after,
.c-social.f-horizontal button.c-glyph[aria-expanded=true]:after {
  content: "\e76b";
}
.m-social.f-vertical > a,
.c-social.f-vertical > a {
  display: block;
  margin-bottom: 12px;
  margin-right: 0;
}
.m-social.f-vertical button[aria-hidden=false],
.c-social.f-vertical button[aria-hidden=false] {
  display: block;
}
.m-social.f-vertical button.c-glyph[aria-expanded=false]:after,
.c-social.f-vertical button.c-glyph[aria-expanded=false]:after {
  font-family: "MWF-MDL2";
  content: "\e70d";
}
.m-social.f-vertical button.c-glyph[aria-expanded=true]:after,
.c-social.f-vertical button.c-glyph[aria-expanded=true]:after {
  font-family: "MWF-MDL2";
  content: "\e70e";
}
@media only screen and (max-width: 767px) {
  .m-social,
  .c-social {
    margin-top: 36px;
  }
}

.m-supplemental-nav {
  padding-top: 0;
}

.m-system-requirements .c-table tr:before {
  width: 0;
}
.m-system-requirements .c-table td {
  min-width: 120px;
  padding-left: 0;
  vertical-align: text-top;
}
.m-system-requirements .c-table td:first-child {
  font-weight: 700;
}

:root {
  --header-strip-height: 0px;
  --header-height: calc(40px + var(--header-strip-height));
  --side-menu-width: 49px;
  --side-sub-menu-width: 0px;
  --unknown-people-search-height: 75px;
}

@media screen and (max-width: 573px) {
  :root {
    --unknown-people-search-height: 120px;
  }
}
/* updates to tile header height should be reflected in tile.ts and dashboardVisualPluginService.ts */
/* updates to padding should be reflected in compositeTileModel.ts */
/* Useful for stopping elements from shifting when a visible border is added */
/* Note: Should add also fluent option to here. */
.base-style, fluent-radio-group, fluent-radio, fluent-checkbox {
  /* Accent related variables */
  --accent-fill-active: var(--primary);
  --accent-fill-focus: var(--primary);
  --accent-fill-hover: var(--primary-hover);
  --accent-fill-rest: var(--primary);
  /* Neutral fill variables */
  --neutral-fill-input-alt-active: var(--component-fill);
  --neutral-fill-input-alt-focus: var(--component-fill);
  --neutral-fill-input-alt-hover: var(--component-fill);
  --neutral-fill-input-alt-rest: var(--component-fill);
  /* Foreground and stroke variables */
  --neutral-foreground-rest: var(--type-primary);
  --neutral-stroke-strong-active: var(--type-primary);
  --neutral-stroke-strong-hover: var(--type-primary);
  --neutral-stroke-strong-rest: var(--type-primary);
  /* Focus variables */
  --focus-stroke-outer: var(--type-primary);
}

@font-face {
  font-family: "videoindexer";
  font-display: swap;
  src: url('videoindexer.eot?czsk25');
  src: url('videoindexer.eot?czsk25#iefix') format("embedded-opentype"), url('videoindexer.ttf?czsk25') format("truetype"), url('videoindexer.woff?czsk25') format("woff"), url('videoindexer.svg?czsk25#videoindexer') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=i-vi-],
[class*=" i-vi-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "videoindexer" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-vi-live-off:before {
  content: "\e92a";
}

.i-vi-live:before {
  content: "\e92b";
}

.i-vi-duplicate:before {
  content: "\e928";
}

.i-vi-history:before {
  content: "\e929";
}

.i-vi-pin:before {
  content: "\e92c";
}

.i-vi-unpin:before {
  content: "\e92d";
}

.i-vi-thumbs-down:before {
  content: "\e926";
}

.i-vi-thumbs-up:before {
  content: "\e927";
}

.i-vi-brain:before {
  content: "\e921";
}

.i-vi-camera-explorer:before {
  content: "\e922";
}

.i-vi-hide:before {
  content: "\e923";
}

.i-vi-new:before {
  content: "\e924";
}

.i-vi-show:before {
  content: "\e925";
}

.i-vi-ai-sparkle:before {
  content: "\e920";
}

.i-vi-merge:before {
  content: "\e91e";
}

.i-vi-sort:before {
  content: "\e91d";
}

.i-vi-tag:before {
  content: "\e91c";
}

.i-vi-duplicate:before {
  content: "\e928";
}

.i-vi-Bounding-box:before {
  content: "\e91b";
}

.i-vi-check-small:before {
  content: "\e91a";
}

.i-vi-train:before {
  content: "\e919";
}

.i-vi-person-box:before {
  content: "\e918";
}

.i-vi-account-settings:before {
  content: "\e913";
}

.i-vi-vol-mute:before {
  content: "\e90e";
}

.i-vi-vi-logo-big:before {
  content: "\e90b";
}

.i-vi-subselect:before {
  content: "\e90a";
}

.i-vi-editor:before {
  content: "\e908";
}

.i-vi-audio:before {
  content: "\e909";
}

.i-vi-customization:before {
  content: "\e905";
}

.i-vi-more:before {
  content: "\e900";
}

.i-vi-gripper:before {
  content: "\e907";
}

.i-vi-add:before {
  content: "\e906";
}

.i-vi-settings:before {
  content: "\e115";
}

.i-vi-mail:before {
  content: "\e119";
}

.i-vi-filter:before {
  content: "\e16e";
}

.i-vi-share:before {
  content: "\e72d";
}

.i-vi-layers:before {
  content: "\e81e";
}

.i-vi-link:before {
  content: "\e167";
}

.i-vi-back:before {
  content: "\e0a6";
}

.i-vi-privacy:before {
  content: "\e1f6";
}

.i-vi-user:before {
  content: "\e13d";
}

.i-vi-search:before {
  content: "\e094";
}

.i-vi-ok:before {
  content: "\e008";
}

.i-vi-trash:before {
  content: "\e107";
}

.i-vi-save:before {
  content: "\e105";
}

.i-vi-flag:before {
  content: "\e129";
}

.i-vi-file:before {
  content: "\e160";
}

.i-vi-null:before {
  content: "\e004";
}

.i-vi-previous:before {
  content: "\e100";
}

.i-vi-next:before {
  content: "\e101";
}

.i-vi-download:before {
  content: "{";
}

.i-vi-upload:before {
  content: "\e11c";
}

.i-vi-open:before {
  content: "\e2b4";
}

.i-vi-rename:before {
  content: "\e13e";
}

.i-vi-close-small:before {
  content: "z";
}

.i-vi-add-user:before {
  content: "\e1e2";
}

.i-vi-translate:before {
  content: "\e128";
}

.i-vi-select:before {
  content: "\e930";
}

.i-vi-info:before {
  content: "\e946";
}

.i-vi-arrow-up-small:before {
  content: "\e96d";
}

.i-vi-arrow-down-small:before {
  content: "\e228";
}

.i-vi-arrow-up:before {
  content: "\e971";
}

.i-vi-arrow-down:before {
  content: "\e972";
}

.i-vi-help:before {
  content: "\e9ce";
}

.i-vi-delete:before {
  content: "\ea39";
}

.i-vi-unselect:before {
  content: "\ea3a";
}

.i-vi-set-thumb:before {
  content: "\eb9f";
}

.i-vi-removefrom:before {
  content: "\ecc9";
}

.i-vi-addto:before {
  content: "\ecc8";
}

.i-vi-embed:before {
  content: "\ecce";
}

.i-vi-render:before {
  content: "\ef41";
}

.i-vi-filter-off:before {
  content: "\ef8f";
}

.i-vi-edit:before {
  content: "\ef9b";
}

.i-vi-insigtedit:before {
  content: "\f00f";
}

.i-vi-export:before {
  content: "\f0d4";
}

.i-vi-loading:before {
  content: "\f16a";
}

.i-vi-gotovid:before {
  content: "\f1c0";
}

.i-vi-quality-a:before {
  content: "\e90f";
}

.i-vi-quality-b:before {
  content: "\e910";
}

.i-vi-quality-c:before {
  content: "\e911";
}

.i-vi-quality-d:before {
  content: "\e912";
}

.i-vi-close-big:before {
  content: "\e10a";
}

.i-vi-fullscreen-off:before {
  content: "\e1d8";
}

.i-vi-fullscreen:before {
  content: "\e1d9";
}

.i-vi-block:before {
  content: "\e733";
}

.i-vi-play:before {
  content: "\e768";
}

.i-vi-index:before {
  content: "\e895";
}

.i-vi-grid-view:before {
  content: "\e8a9";
}

.i-vi-vid-speed:before {
  content: "\e916";
}

.i-vi-arrow-back-small:before {
  content: "\e973";
}

.i-vi-vol-low:before {
  content: "\e993";
}

.i-vi-vol-med:before {
  content: "\e994";
}

.i-vi-vol-high:before {
  content: "\e995";
}

.i-vi-list-view:before {
  content: "\ea37";
}

.i-vi-captions:before {
  content: "\ed1e";
}

.i-vi-sortup:before {
  content: "\ee68";
}

.i-vi-sortdown:before {
  content: "\ee69";
}

.i-vi-vid-pause:before {
  content: "\f6b0";
}

.i-vi-hamburger:before {
  content: "\e700";
}

.i-vi-add-big:before {
  content: "\e109";
}

.i-vi-forward:before {
  content: "\e0ab";
}

.i-vi-refresh:before {
  content: "\e149";
}

.i-vi-warning:before {
  content: "\e7ba";
}

.i-vi-copy:before {
  content: "\e7e9";
}

.i-vi-help-menu:before {
  content: "\e11b";
}

.i-vi-error:before {
  content: "\ea3b";
}

.i-vi-vi-accounts:before {
  content: "\ed0f";
}

.i-vi-content-hide:before {
  content: "컞";
}

.i-vi-vid-play:before {
  content: "\edb5";
}

.i-vi-text-file:before {
  content: "\f029";
}

.i-vi-grab:before {
  content: "\f792";
}

.i-vi-live-feed:before {
  content: "\e714";
}

.i-vi-roles:before {
  content: "\e125";
}

.i-vi-arrow-right-small:before {
  content: "\e26b";
}

.i-vi-arrow-right:before {
  content: "\e975";
}

.i-vi-properties:before {
  content: "\e9f5";
}

.i-vi-configure:before {
  content: "\f01e";
}

.i-vi-select-cell:before {
  content: "\f13e";
}

.i-vi-import:before {
  content: "\e150";
}

.i-vi-play-big:before {
  content: "\eecf";
}

.i-vi-notification:before {
  content: "\ea8f";
}

.i-vi-chev-left:before {
  content: "\ee98";
}

.i-vi-chev-right:before {
  content: "\ee99";
}

.i-vi-account-prefs:before {
  content: "\ef58";
}

.i-vi-view:before {
  content: "\f0a8";
}

.i-vi-cloudupload:before {
  content: "\ec8e";
}

.i-vi-document-sparkle:before {
  content: "\e91f";
}

.i-vi-no-access:before {
  content: "\e917";
}

.i-vi-illustration-error:before {
  content: "\e914";
}

.i-vi-illustration-no-results:before {
  content: "\e915";
}

.i-vi-azure:before {
  content: "\e782";
}

.i-vi-google:before {
  content: "\e90c";
}

.i-vi-account:before {
  content: "\e90d";
}

.i-vi-facebook:before {
  content: "\e901";
}

.i-vi-linkedin:before {
  content: "\e903";
}

.i-vi-gplus:before {
  content: "\e902";
}

.i-vi-twitter:before {
  content: "\e904";
}

.i-vi-menu:before {
  content: "\e10c";
}

@font-face {
  font-family: "Segoe UI";
  font-display: swap;
  src: url('segoeui.woff2') format("woff2"), url('segoeui.woff') format("woff"), url('segoeui.ttf') format("truetype"), url('segoeui.svg') format("svg"), url('segoeui.eot') format("eot"), local("Segoe UI");
  font-weight: 400;
}
@font-face {
  font-family: "Segoe UI";
  font-display: swap;
  src: url('segoeuil.woff2') format("woff2"), url('segoeuil.woff') format("woff"), url('segoeuil.ttf') format("truetype"), url('segoeuil.eot') format("eot"), url('segoeuil.svg') format("svg"), local("Segoe UI Light");
  font-weight: 100;
}
@font-face {
  font-family: "Segoe UI";
  font-display: swap;
  src: url('segoeuisl.woff2') format("woff2"), url('segoeuisl.woff') format("woff"), url('segoeuisl.ttf') format("truetype"), url('segoeuisl.eot') format("eot"), url('segoeuisl.svg') format("svg"), local("Segoe UI Semilight");
  font-weight: 200;
}
@font-face {
  font-family: "Segoe UI";
  font-display: swap;
  src: url('seguisb.woff2') format("woff2"), url('seguisb.woff') format("woff"), url('seguisb.ttf') format("truetype"), url('seguisb.eot') format("eot"), url('seguisb.svg') format("svg"), local("Segoe UI Semibold");
  font-weight: 600;
}
@font-face {
  font-family: "Segoe UI";
  font-display: swap;
  src: url('segoeuib.woff2') format("woff2"), url('segoeuib.woff') format("woff"), url('segoeuib.ttf') format("truetype"), url('segoeuib.eot') format("eot"), url('segoeuib.svg') format("svg"), local("Segoe UI Bold");
  font-weight: 700;
}
a.c-call-to-action.f-lightweight {
  border: 1px solid transparent;
  background: transparent;
}

a.c-call-to-action, button.c-call-to-action {
  letter-spacing: 0;
}

a.c-call-to-action:focus, a.c-call-to-action:hover {
  color: #12866e;
}

a.c-call-to-action:after, button.c-call-to-action:after {
  transition: all 200ms ease-in-out;
}

a.c-call-to-action:not(.glyph-play):after, button.c-call-to-action:not(.glyph-play):after {
  font-size: 11px;
  margin-top: 3px;
  margin-left: 3px;
  display: inline-block;
  position: relative;
  right: 0;
  content: "\e76c";
  vertical-align: top;
}

a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
  color: #12866e;
  background: white;
}
a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span, button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span {
  box-shadow: none;
}

a.c-call-to-action.f-lightweight:hover span, button.c-call-to-action.f-lightweight:hover span {
  text-decoration: underline;
}

a.c-hyperlink:not(.f-image) {
  border: 1px solid transparent;
}

a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus), a.c-hyperlink:not(.f-image):hover {
  color: #12866e;
  background: white;
}
a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) span, a.c-hyperlink:not(.f-image):hover span {
  box-shadow: none;
}

.c-glyph:before, .c-glyph:after, .c-glyph:hover:before, .c-glyph:hover:after {
  text-decoration: none;
}

/* Missing style in main mwf.scss */
input.c-text-field[type=password] {
  position: relative;
  outline: 2px solid transparent;
  border: 0;
  display: block;
  width: 296px;
  height: 36px;
  margin-top: 20px;
  padding: 7px 10px;
  border: 1px solid var(--component-stroke);
  background: var(--component-fill);
}

[class^=m-persona] {
  padding: 0;
  display: table;
}
[class^=m-persona] > div {
  float: left;
  padding-right: 12px;
}
[class^=m-persona] > div picture {
  position: relative;
  display: block;
  border-radius: 50%;
}
[class^=m-persona] > div picture .c-image {
  outline: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4081;
  --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff4081;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4081;
  --mdc-outlined-text-field-focus-outline-color: #ff4081;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff4081;
  --mdc-chip-elevated-selected-container-color: #ff4081;
  --mdc-chip-elevated-disabled-container-color: #ff4081;
  --mdc-chip-flat-disabled-selected-container-color: #ff4081;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.2);
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #3f51b5;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #3f51b5;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
  --mat-text-button-state-layer-color: #ff4081;
  --mat-text-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff4081;
  --mat-outlined-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
}

html {
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ff4081;
}

html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

.cdk-overlay-container {
  font-family: "Segoe UI", "Arial";
}
.cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.62);
}

@media screen and (max-width: 768px) {
  .cdk-overlay-pane {
    overflow-y: auto;
  }
  .cdk-overlay-pane.mobile-full-screen {
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
  }
  .cdk-overlay-pane.mobile-full-screen .mat-mdc-dialog-container {
    border-radius: 0px;
  }
}
@media screen and (-ms-high-contrast: white-on-black) {
  .cdk-overlay-pane {
    border: 2px solid;
    border-color: white;
  }
}
@media screen and (-ms-high-contrast: black-on-white) {
  .cdk-overlay-pane {
    border: 2px solid;
    border-color: black;
  }
}
.cdk-overlay-pane.dynamic-height .mat-mdc-dialog-container {
  height: auto;
  max-height: 100vh;
}
@media screen and (max-height: 790px) {
  .cdk-overlay-pane.dynamic-height.upload-dialog-container {
    min-height: auto !important;
    height: 740px !important;
  }
}
@media screen and (max-height: 790px) {
  .cdk-overlay-pane.dynamic-height.re-index-dialog-container {
    min-height: auto !important;
    height: 740px !important;
  }
}
.cdk-overlay-pane.dynamic-height.create-preset-dialog-container .dialog-container, .cdk-overlay-pane.dynamic-height.edit-preset-dialog-container .dialog-container {
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .cdk-global-overlay-wrapper {
    overflow-y: scroll;
  }
}
@media screen and (max-width: 768px) {
  .cdk-global-overlay-wrapper.mobile-full-screen {
    overflow-y: hidden;
  }
}
.cdk-global-overlay-wrapper.bg-background {
  margin-top: 40px;
  padding-bottom: 40px;
  background: var(--bg-tertiary);
}
@media screen and (max-width: 427px) {
  .cdk-global-overlay-wrapper.bg-background {
    margin-top: 30px;
    padding-bottom: 30px;
  }
}

.cdk-global-scrollblock {
  overflow: hidden;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-active-indicator-height: 4px;
}

.mat-mdc-dialog-container {
  overflow: hidden !important;
  max-height: 600px;
  box-shadow: 0px 24px 48px var(--shadow);
  background: var(--bg-primary);
  color: var(--type-primary);
  padding: 24px;
}
.mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0px;
}

.mat-mdc-dialog-container .mat-mdc-dialog-content[mat-dialog-content] {
  font-family: "Segoe UI", "Arial";
  color: var(--type-primary);
}

.mdc-data-table__header-cell,
.mdc-data-table__cell {
  font-family: "Segoe UI", "Arial";
  letter-spacing: normal;
}

.about-dialog-container .mat-mdc-dialog-container {
  padding: 0;
  overflow: hidden;
}

.preview-dialog-container {
  overflow-x: hidden;
  overflow-y: auto;
}

.mat-mdc-table {
  font-family: "Segoe UI", "Arial";
  padding-bottom: 45px;
  --mat-table-background-color: var(--bg-primary);
}

.mat-sort ::ng-deep .mat-sort-header-arrow[style] .mat-sort-header-stem {
  display: none;
}
.mat-sort ::ng-deep .mat-sort-header-arrow[style] .mat-sort-header-indicator {
  opacity: 1;
  color: black;
  font-weight: bold;
}
.mat-sort ::ng-deep .mat-sort-header-arrow[style] .mat-sort-header-indicator .mat-sort-header-pointer-left,
.mat-sort ::ng-deep .mat-sort-header-arrow[style] .mat-sort-header-indicator .mat-sort-header-pointer-right,
.mat-sort ::ng-deep .mat-sort-header-arrow[style] .mat-sort-header-indicator .mat-sort-header-pointer-middle {
  display: none;
}
.mat-sort [aria-sort=ascending] ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator {
  transform: none !important;
}
.mat-sort [aria-sort=ascending] ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator::before {
  font: normal normal normal 1.1rem/1 videoindexer;
  content: "\ee68";
  top: 1px;
  position: absolute;
  color: var(--type-primary);
  font-size: 12px;
}
.mat-sort [aria-sort=descending] ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator {
  transform: none !important;
}
.mat-sort [aria-sort=descending] ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator::before {
  font: normal normal normal 1.1rem/1 videoindexer;
  content: "\ee69";
  top: 1px;
  position: absolute;
  color: var(--type-primary);
  font-size: 12px;
}

:root.vi.default {
  --highlight: rgba(0, 120, 212, 0.2);
  --primary: rgba(0, 120, 212, 1);
  --primary-hover: rgba(16, 110, 190, 1);
  --primary-press: rgba(0, 90, 158, 1);
  --primary-disable: rgba(0, 0, 0, 0.05);
  --secondary-fill: rgba(255, 255, 255, 1);
  --secondary-fill-hover: rgba(0, 0, 0, 0.05);
  --secondary-fill-press: rgba(0, 0, 0, 0.08);
  --secondary-stroke: rgba(0, 0, 0, 0.48);
  --component-fill: rgba(255, 255, 255, 1);
  --component-stroke: rgba(0, 0, 0, 0.62);
  --component-stroke-alt: rgba(0, 0, 0, 0.8);
  --play-status: rgba(189, 224, 255, 0.4);
  --play-status-alt: rgba(189, 224, 255, 1);
  --editor-highlight: rgba(43, 136, 216, 0.2);
  --editor-highlight-alt: rgba(43, 136, 216, 0.1);
  --thumb-overlay: rgba(0, 0, 0, 0.32);
  --header-actions: rgba(255, 255, 255, 1);
  --header-hovers: rgba(255, 255, 255, 0.38);
  --header-hovers-alt: rgba(255, 255, 255, 0.76);
  --header-bg: rgba(28, 28, 28, 1);
  --bg-dialog: rgba(0, 0, 0, 0.62);
  --dividers: rgba(0, 0, 0, 0.05);
  --dividers-alt: rgba(0, 0, 0, 0.08);
  --dividers-panel: rgba(0, 0, 0, 0.08);
  --bg-primary: rgba(255, 255, 255, 1);
  --bg-secondary: rgba(255, 255, 255, 1);
  --bg-tertiary: rgba(249, 249, 249, 1);
  --bg-access: rgba(255, 255, 255, 0.76);
  --type-primary: rgba(0, 0, 0, 0.8);
  --type-secondary: rgba(0, 0, 0, 0.62);
  --type-disabled: rgba(0, 0, 0, 0.38);
  --type-disabled-alt: rgba(0, 0, 0, 0.22);
  --white-placeholder: rgba(255, 255, 255, 0.76);
  --emotion-joy: rgba(204, 78, 0, 1);
  --emotion-fear: rgba(134, 28, 173, 1);
  --emotion-sadness: rgba(33, 59, 209, 1);
  --emotion-anger: rgba(235, 0, 27, 1);
  --sentiment-positive: rgba(18, 134, 110, 1);
  --sentiment-negative: rgba(235, 0, 27, 1);
  --video-menu-bg: rgba(0, 0, 0, 0.8);
  --video-actions: rgba(255, 255, 255, 1);
  --video-action-hover: rgba(255, 255, 255, 0.12);
  --video-action-press: rgba(255, 255, 255, 0.22);
  --video-buffer: rgba(255, 255, 255, 0.76);
  --video-shade: rgba(255, 255, 255, 0.38);
  --video-alltime: rgba(102, 102, 102, 0.76);
  --error-type: rgba(168, 0, 0, 1);
  --error-area: rgba(208, 46, 0, 1);
  --error-area-tint: rgba(253, 231, 233, 1);
  --warning-area: rgba(255, 244, 206, 1);
  --shadow: rgba(0, 0, 0, 0.1);
}

:root.vi.legacy {
  --highlight: rgba(18, 134, 110, 0.2);
  --primary: rgba(18, 134, 110, 1);
  --primary-hover: rgba(15, 122, 100, 1);
  --primary-press: rgba(12, 110, 89, 1);
  --primary-disable: rgba(0, 0, 0, 0.05);
  --secondary-fill: rgba(255, 255, 255, 1);
  --secondary-fill-hover: rgba(0, 0, 0, 0.05);
  --secondary-fill-press: rgba(0, 0, 0, 0.08);
  --secondary-stroke: rgba(0, 0, 0, 0.48);
  --component-fill: rgba(255, 255, 255, 1);
  --component-stroke: rgba(0, 0, 0, 0.62);
  --component-stroke-alt: rgba(0, 0, 0, 0.8);
  --play-status: rgba(189, 224, 255, 0.4);
  --play-status-alt: rgba(189, 224, 255, 1);
  --editor-highlight: rgba(26, 188, 156, 0.2);
  --editor-highlight-alt: rgba(26, 188, 156, 0.1);
  --thumb-overlay: rgba(0, 0, 0, 0.32);
  --header-actions: rgba(255, 255, 255, 1);
  --header-hovers: rgba(255, 255, 255, 0.38);
  --header-hovers-alt: rgba(255, 255, 255, 0.76);
  --header-bg: rgba(28, 28, 28, 1);
  --bg-dialog: rgba(0, 0, 0, 0.62);
  --dividers: rgba(0, 0, 0, 0.05);
  --dividers-alt: rgba(0, 0, 0, 0.08);
  --dividers-panel: rgba(0, 0, 0, 0.08);
  --bg-primary: rgba(255, 255, 255, 1);
  --bg-secondary: rgba(255, 255, 255, 1);
  --bg-tertiary: rgba(249, 249, 249, 1);
  --bg-access: rgba(255, 255, 255, 0.76);
  --type-primary: rgba(0, 0, 0, 0.8);
  --type-secondary: rgba(0, 0, 0, 0.62);
  --type-disabled: rgba(0, 0, 0, 0.38);
  --type-disabled-alt: rgba(0, 0, 0, 0.22);
  --white-placeholder: rgba(255, 255, 255, 0.76);
  --emotion-joy: rgba(204, 78, 0, 1);
  --emotion-fear: rgba(134, 28, 173, 1);
  --emotion-sadness: rgba(33, 59, 209, 1);
  --emotion-anger: rgba(235, 0, 27, 1);
  --sentiment-positive: rgba(18, 134, 110, 1);
  --sentiment-negative: rgba(235, 0, 27, 1);
  --video-menu-bg: rgba(0, 0, 0, 0.8);
  --video-actions: rgba(255, 255, 255, 1);
  --video-action-hover: rgba(255, 255, 255, 0.12);
  --video-action-press: rgba(255, 255, 255, 0.22);
  --video-buffer: rgba(255, 255, 255, 0.76);
  --video-shade: rgba(255, 255, 255, 0.38);
  --video-alltime: rgba(102, 102, 102, 0.76);
  --error-type: rgba(168, 0, 0, 1);
  --error-area: rgba(208, 46, 0, 1);
  --error-area-tint: rgba(253, 231, 233, 1);
  --warning-area: rgba(255, 244, 206, 1);
  --shadow: rgba(0, 0, 0, 0.1);
}

:root.vi.dark {
  --highlight: rgba(40, 153, 245, 0.2);
  --primary: rgba(40, 153, 245, 1);
  --primary-hover: rgba(58, 160, 243, 1);
  --primary-press: rgba(108, 184, 246, 1);
  --primary-disable: rgba(255, 255, 255, 0.12);
  --secondary-fill: rgba(26, 26, 26, 1);
  --secondary-fill-hover: rgba(255, 255, 255, 0.08);
  --secondary-fill-press: rgba(255, 255, 255, 0.12);
  --secondary-stroke: rgba(255, 255, 255, 0.54);
  --component-fill: rgba(36, 36, 36, 1);
  --component-stroke: rgba(255, 255, 255, 0.62);
  --component-stroke-alt: rgba(255, 255, 255, 0.76);
  --play-status: rgba(119, 189, 242, 0.4);
  --play-status-alt: rgba(119, 189, 242, 1);
  --editor-highlight: rgba(108, 184, 246, 0.2);
  --editor-highlight-alt: rgba(108, 184, 246, 0.1);
  --thumb-overlay: rgba(0, 0, 0, 0.32);
  --header-actions: rgba(255, 255, 255, 1);
  --header-hovers: rgba(255, 255, 255, 0.38);
  --header-hovers-alt: rgba(255, 255, 255, 0.76);
  --header-bg: rgba(51, 51, 51, 1);
  --bg-dialog: rgba(0, 0, 0, 0.62);
  --dividers: rgba(255, 255, 255, 0.08);
  --dividers-alt: rgba(255, 255, 255, 0.12);
  --dividers-panel: rgba(18, 18, 18, 1);
  --bg-primary: rgba(26, 26, 26, 1);
  --bg-secondary: rgba(36, 36, 36, 1);
  --bg-tertiary: rgba(18, 18, 18, 1);
  --bg-access: rgba(0, 0, 0, 0.76);
  --type-primary: rgba(255, 255, 255, 0.8);
  --type-secondary: rgba(255, 255, 255, 0.62);
  --type-disabled: rgba(255, 255, 255, 0.38);
  --type-disabled-alt: rgba(255, 255, 255, 0.22);
  --white-placeholder: rgba(255, 255, 255, 0.76);
  --emotion-joy: rgba(242, 124, 74, 1);
  --emotion-fear: rgba(192, 125, 255, 1);
  --emotion-sadness: rgba(77, 157, 255, 1);
  --emotion-anger: rgba(255, 107, 107, 1);
  --sentiment-positive: rgba(12, 183, 144, 1);
  --sentiment-negative: rgba(255, 107, 107, 1);
  --video-menu-bg: rgba(0, 0, 0, 0.8);
  --video-actions: rgba(255, 255, 255, 1);
  --video-action-hover: rgba(255, 255, 255, 0.12);
  --video-action-press: rgba(255, 255, 255, 0.22);
  --video-buffer: rgba(255, 255, 255, 0.76);
  --video-shade: rgba(255, 255, 255, 0.38);
  --video-alltime: rgba(102, 102, 102, 0.76);
  --error-type: rgba(241, 112, 123, 1);
  --error-area: rgba(208, 46, 0, 1);
  --error-area-tint: rgba(62, 29, 34, 1);
  --warning-area: rgba(62, 59, 29, 1);
  --shadow: rgba(0, 0, 0, 0.2);
}

:root.vi.darkLegacy {
  --highlight: rgba(26, 188, 156, 0.2);
  --primary: rgba(26, 188, 156, 1);
  --primary-hover: rgba(34, 222, 185, 1);
  --primary-press: rgba(26, 188, 156, 1);
  --primary-disable: rgba(255, 255, 255, 0.12);
  --secondary-fill: rgba(26, 26, 26, 1);
  --secondary-fill-hover: rgba(255, 255, 255, 0.08);
  --secondary-fill-press: rgba(255, 255, 255, 0.12);
  --secondary-stroke: rgba(255, 255, 255, 0.54);
  --component-fill: rgba(36, 36, 36, 1);
  --component-stroke: rgba(255, 255, 255, 0.62);
  --component-stroke-alt: rgba(255, 255, 255, 0.76);
  --play-status: rgba(119, 189, 242, 0.4);
  --play-status-alt: rgba(119, 189, 242, 1);
  --editor-highlight: rgba(26, 188, 156, 0.2);
  --editor-highlight-alt: rgba(26, 188, 156, 0.1);
  --thumb-overlay: rgba(0, 0, 0, 0.32);
  --header-actions: rgba(255, 255, 255, 1);
  --header-hovers: rgba(255, 255, 255, 0.38);
  --header-hovers-alt: rgba(255, 255, 255, 0.76);
  --header-bg: rgba(51, 51, 51, 1);
  --bg-dialog: rgba(0, 0, 0, 0.62);
  --dividers: rgba(255, 255, 255, 0.08);
  --dividers-alt: rgba(255, 255, 255, 0.12);
  --dividers-panel: rgba(18, 18, 18, 1);
  --bg-primary: rgba(26, 26, 26, 1);
  --bg-secondary: rgba(36, 36, 36, 1);
  --bg-tertiary: rgba(18, 18, 18, 1);
  --bg-access: rgba(0, 0, 0, 0.76);
  --type-primary: rgba(255, 255, 255, 1);
  --type-secondary: rgba(255, 255, 255, 0.76);
  --type-disabled: rgba(255, 255, 255, 0.38);
  --type-disabled-alt: rgba(255, 255, 255, 0.22);
  --white-placeholder: rgba(255, 255, 255, 0.76);
  --emotion-joy: rgba(242, 124, 74, 1);
  --emotion-fear: rgba(192, 125, 255, 1);
  --emotion-sadness: rgba(77, 157, 255, 1);
  --emotion-anger: rgba(255, 107, 107, 1);
  --sentiment-positive: rgba(12, 183, 144, 1);
  --sentiment-negative: rgba(255, 107, 107, 1);
  --video-menu-bg: rgba(0, 0, 0, 0.8);
  --video-actions: rgba(255, 255, 255, 1);
  --video-action-hover: rgba(255, 255, 255, 0.12);
  --video-action-press: rgba(255, 255, 255, 0.22);
  --video-buffer: rgba(255, 255, 255, 0.76);
  --video-shade: rgba(255, 255, 255, 0.38);
  --video-alltime: rgba(102, 102, 102, 0.76);
  --error-type: rgba(241, 112, 123, 1);
  --error-area: rgba(208, 46, 0, 1);
  --error-area-tint: rgba(62, 29, 34, 1);
  --warning-area: rgba(62, 59, 29, 1);
  --shadow: rgba(0, 0, 0, 0.2);
}

/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
.truncate {
  width: 100%;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

svg {
  font-family: "Segoe UI", "Arial";
  font-display: swap;
  font-size: 12px;
  -webkit-user-select: none;
  opacity: 0;
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
}

.tooltip {
  opacity: 0;
  fill: var(--dividers-alt);
}
.tooltip:hover {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.tooltip text {
  font-size: 0.85em;
  fill: var(--type-primary);
}
@media screen and (-ms-high-contrast: white-on-black) {
  .tooltip {
    stroke-width: 1px;
    stroke: white;
  }
}

rect {
  cursor: pointer;
}
rect.selected {
  fill: var(--primary);
}
rect:focus {
  fill: var(--type-disabled) !important;
  outline: none;
}

.buffer-progress {
  transition: transform 0.1s;
  -moz-transition: transform 0.1s;
  -o-transition: transform 0.1s;
  -webkit-transition: transform 0.1s;
  opacity: 0;
}
.buffer-progress:hover {
  opacity: 1;
}

.bar {
  fill: var(--secondary-fill-hover);
}
@media screen and (-ms-high-contrast: white-on-black) {
  .bar {
    stroke-width: 1px;
    stroke: white;
  }
}

.buffer {
  opacity: 0;
  fill: var(--type-disabled-alt);
}

.show {
  opacity: 1;
}

.progress {
  fill: var(--play-status-alt);
  display: none;
  width: 100%;
}

.progress-container {
  fill: var(--component-fill);
}

.transition {
  transform-origin: left;
  transition: transform 0.2s, opacity 0.2s, x 0.2s, width 0.2s;
  -moz-transition: transform 0.2s, opacity 0.2s, x 0.2s, width 0.2s;
  -o-transition: transform 0.2s, opacity 0.2s, x 0.2s, width 0.2s;
  -webkit-transition: transform 0.2s, opacity 0.2s, x 0.2s, width 0.2s;
}

svg .positive {
  fill: var(--sentiment-positive);
}
svg .positive text {
  fill: var(--bg-secondary);
}
svg .joy {
  fill: var(--emotion-joy);
}
svg .joy text {
  fill: var(--bg-secondary);
}
svg .joy text:after {
  content: "hello";
}
svg .fear {
  fill: var(--emotion-fear);
}
svg .fear text {
  fill: var(--bg-secondary);
}
svg .sad {
  fill: var(--emotion-sadness);
}
svg .sad text {
  fill: var(--bg-secondary);
}
svg .anger {
  fill: var(--emotion-anger);
}
svg .anger text {
  fill: var(--bg-secondary);
}
svg .negative {
  fill: var(--sentiment-negative);
}
svg .negative text {
  fill: var(--bg-secondary);
}
svg .default {
  fill: var(--type-primary);
}
svg .default text {
  fill: var(--bg-secondary);
}
@media screen and (-ms-high-contrast: white-on-black) {
  svg .default {
    fill: var(--bg-secondary);
  }
  svg .default text {
    stroke: var(--type-primary);
  }
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.vi-tooltip {
  position: absolute;
  background: #646464;
  padding: 6px 6px;
  font-family: arial;
  font-size: 12px;
  opacity: 1;
  color: white;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  min-width: 90px;
  line-height: 16px;
  z-index: 999;
}
.vi-tooltip.right-side {
  left: auto;
}
.vi-tooltip.left-side {
  left: 0;
  transform: none;
}

.toast-error {
  background-image: none;
  background-color: var(--error-area-tint);
}
.toast-error.toast {
  color: var(--bg-primary) !important;
}
.toast-error i.i-vi-close-big:focus {
  outline: 1px solid var(--error-type);
  outline-offset: 4px;
}

.toast-bottom-full-width {
  color: var(--bg-primary);
  width: 100%;
}

.toast-container .toast-success {
  background-image: none;
  background-color: var(--bg-primary);
  color: var(--type-primary);
}
.toast-container .ngx-toastr {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  font-style: normal;
  border-radius: 2px;
  padding: 12px;
  color: var(--type-primary);
  box-shadow: 0px 8px 10px var(--shadow) !important;
}
.toast-container .ngx-toastr.toast-error {
  color: var(--error-type) !important;
}
.toast-container .ngx-toastr i.i-vi-close-big {
  border: none;
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}
.toast-container.toast-bottom-full-width .ngx-toastr {
  margin: 0;
  color: var(--bg-primary);
  width: 100%;
  border-radius: 0;
}
.toast-container.toast-bottom-right {
  bottom: 20px;
}

.vi-message {
  display: flex;
}
.vi-message i {
  align-self: start;
}
.vi-message .vi-text {
  width: 100%;
  padding-left: 8px;
  padding-right: 18px;
}

.vi-notification-card {
  display: grid;
  gap: 8px;
}
.vi-notification-card i {
  font-size: 16px;
  padding-top: 2px;
}
.vi-notification-card i.i-vi-close-big {
  top: 12px !important;
  right: 12px !important;
}
.vi-notification-card .i-vi-info {
  color: var(--primary);
}
.vi-notification-card .i-vi-select {
  color: var(--sentiment-positive);
}
.vi-notification-card .i-vi-warning {
  color: var(--emotion-joy);
}
.vi-notification-card .i-vi-error {
  color: var(--error-type);
}
.vi-notification-card .notification-title {
  width: calc(100% - 18px);
  display: grid;
  grid-template-columns: 16px auto;
  column-gap: 8px;
}
.vi-notification-card .notification-title.no-icon {
  grid-template-columns: auto;
}
.vi-notification-card .notification-title .vi-text {
  line-height: 18px;
  font-size: 14px;
  font-weight: 600;
  color: var(--type-primary);
  overflow: hidden;
}
.vi-notification-card .notification-title.hide {
  display: none;
}
.vi-notification-card .notification-message {
  display: grid;
}
.vi-notification-card .notification-message.show-icon {
  padding-right: 16px;
}
.vi-notification-card .notification-message.show-icon i {
  display: block;
}
.vi-notification-card .notification-message i {
  display: none;
}
.vi-notification-card .notification-message .vi-text {
  font-size: 13px;
  padding: 0;
  color: var(--type-secondary);
  overflow: hidden;
}
.vi-notification-card .notification-message .vi-text.no-text {
  display: none;
}
.vi-notification-card .notification-message .link-break {
  display: block;
  padding-top: 8px;
}
.vi-notification-card .notification-link {
  font-size: 14px;
  color: var(--primary);
}

body {
  margin: 0;
  overflow-x: hidden;
  min-width: 319px;
  font-family: "Segoe UI", "Arial";
}

::-webkit-scrollbar {
  width: 0.3em;
  height: 0.3em;
}

::-webkit-scrollbar-thumb {
  background: var(--type-disabled);
}

::-webkit-scrollbar-track {
  background: transparent;
}

body {
  scrollbar-face-color: var(--type-disabled);
  scrollbar-track-color: transparent;
}

.loading-bg {
  background: linear-gradient(270deg, rgb(255, 255, 255), rgba(0, 0, 0, 0.26)) !important;
  background-size: 400% 400% !important;
  animation: AnimationName 2s ease infinite;
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.rotating {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

i.joy {
  color: #cc4e00;
}
i.sad {
  color: var(--emotion-sadness);
}
i.fear {
  color: #861cad;
}
i.anger {
  color: #eb001b;
}

.fallback-msg {
  display: none;
  color: var(--type-secondary);
}
.fallback-msg.show {
  display: block;
}

span.highlight {
  background-color: var(--highlight);
  padding: 1px 2px;
  color: var(--type-primary);
}

.cdk-live-announcer-element {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  width: 1px !important;
  height: 1px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.truncate {
  width: 100%;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*# sourceMappingURL=styles.css.map*/