/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./kitsune/sumo/static/sumo/scss/screen.scss ***!
  \******************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  src: url(Inter-Regular.f80c55a7aedf3861.woff2) format("woff2"), url(Inter-Regular.0be946bd9dff2d19.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  src: url(Inter-Bold.3717db0be15085ac.woff2) format("woff2"), url(Inter-Bold.225dac4c8f3394d7.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: normal;
  src: url(Inter-Italic.421558e4e052d9ac.woff2) format("woff2"), url(Inter-Italic.34c121ca9aad020e.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: bold;
  src: url(Inter-BoldItalic.7d24031da834a74e.woff2) format("woff2"), url(Inter-BoldItalic.847a23b88d2f1e60.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Metropolis;
  font-style: normal;
  font-weight: normal;
  src: url(Metropolis-Medium.18ae8bf26261b98b.woff2) format("woff2"), url(Metropolis-Medium.f2f41ec19d4e3e77.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Metropolis;
  font-style: normal;
  font-weight: bold;
  src: url(Metropolis-Bold.e118a19885cddd9f.woff2) format("woff2"), url(Metropolis-Bold.10e89223f69c4d54.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Zilla Slab";
  font-style: normal;
  font-weight: normal;
  src: url(ZillaSlab-Regular.ee580aac80730cc1.woff2) format("woff2"), url(ZillaSlab-Regular.b2c7f3e25ff353ef.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Zilla Slab";
  font-style: normal;
  font-weight: bold;
  src: url(ZillaSlab-Bold.74c7cb1df1177b29.woff2) format("woff2"), url(ZillaSlab-Bold.6f0dbf90d6ae9f22.woff) format("woff");
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
video,
canvas {
  display: inline-block;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre,
blockquote,
figure,
figcaption,
table,
ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

iframe,
a img {
  border: 0;
}

img,
video,
object,
embed {
  -ms-interpolation-mode: bicubic;
  height: auto;
  max-width: 100%;
}

[hidden] {
  display: none;
}

p,
ul,
ol,
dl,
table {
  margin: 0 0 1.25em;
}

code {
  font-size: inherit;
}

hr {
  border: 0 solid #ededf0;
  border-top-width: 4px;
  margin: 48px 0;
}
@media (min-width: 1024px) {
  hr {
    margin: 64px 0;
  }
}

.mzp-l-content {
  zoom: 1;
  margin: 0 auto;
  max-width: 1440px;
  min-width: 256px;
  padding: 48px 24px;
  position: relative;
}
.mzp-l-content::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.mzp-l-content.mzp-t-content-sm {
  max-width: 432px;
}
.mzp-l-content.mzp-t-content-md {
  max-width: 688px;
}
.mzp-l-content.mzp-t-content-lg {
  max-width: 928px;
}
.mzp-l-content.mzp-t-content-xl {
  max-width: 1152px;
}
.mzp-l-content.mzp-t-content-nospace {
  padding-top: 0;
  padding-bottom: 0;
}
.mzp-l-content > :last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .mzp-l-content {
    padding: 48px 64px;
  }
}
@media (min-width: 1312px) {
  .mzp-l-content {
    padding: 96px 80px;
  }
}

.mzp-c-details .is-summary button,
details .is-summary button {
  color: inherit;
  cursor: pointer;
  background: transparent;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-align: inherit;
  border: 0;
  width: 100%;
  position: relative;
}
.mzp-c-details .is-closed[aria-hidden=true],
details .is-closed[aria-hidden=true] {
  display: none;
}

summary,
details .is-summary button,
.mzp-c-details .is-summary button {
  position: relative;
}
summary,
details .is-summary button,
.mzp-c-details .is-summary button {
  padding-right: 48px;
}
[dir=rtl] summary,
[dir=rtl] details .is-summary button,
[dir=rtl] .mzp-c-details .is-summary button {
  padding-right: 0;
  padding-left: 48px;
}
summary::before,
details .is-summary button::before,
.mzp-c-details .is-summary button::before {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.515v16.97M3.515%2012h16.97%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") top left no-repeat;
  background-size: 20px, 20px;
  transition: transform 100ms ease-in-out;
  content: "";
  height: 20px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 20px;
}
summary::before,
details .is-summary button::before,
.mzp-c-details .is-summary button::before {
  right: 8px;
}
[dir=rtl] summary::before,
[dir=rtl] details .is-summary button::before,
[dir=rtl] .mzp-c-details .is-summary button::before {
  right: auto;
  left: 8px;
}

summary.is-summary {
  padding-right: 0;
}
[dir=rtl] summary.is-summary {
  padding-right: 0;
  padding-left: 0;
}
summary.is-summary::before {
  display: none;
}

details[open] summary::before,
details .is-summary button[aria-expanded=true]::before,
.mzp-c-details .is-summary button[aria-expanded=true]::before {
  transform: rotate(45deg);
}

summary::-webkit-details-marker {
  display: none;
}

html {
  font-size: 100%;
  background: #ffffff;
}

body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  background: #ffffff;
  color: #000000;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  line-height: 1.5;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.hidden {
  display: none;
}

:link {
  color: #0060df;
  text-decoration: underline;
}
:link:hover, :link:focus, :link:active {
  color: #0250bb;
  text-decoration: none;
}
:link:active {
  background-color: rgba(0, 0, 0, 0.05);
}

:visited {
  color: #b833e1;
}
:visited:hover, :visited:focus, :visited:active {
  color: #0250bb;
}

.mzp-t-dark a:link {
  color: #80ebff;
}
.mzp-t-dark a:visited {
  color: #d9bfff;
}
.mzp-t-dark a:hover,
.mzp-t-dark a:focus,
.mzp-t-dark a:active {
  color: #aaf2ff;
}
.mzp-t-dark a:visited:hover,
.mzp-t-dark a:visited:focus,
.mzp-t-dark a:visited:active {
  color: #e7dfff;
}

.mzp-c-cta-link {
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-weight: bold;
}

ul,
ol {
  list-style: none;
}

ul.mzp-u-list-styled {
  list-style: disc;
}
ul.mzp-u-list-styled {
  margin-left: 32px;
}
[dir=rtl] ul.mzp-u-list-styled {
  margin-left: 0;
  margin-right: 32px;
}
ul.mzp-u-list-styled li {
  margin-bottom: 0.25em;
}
ul.mzp-u-list-styled ul {
  list-style: circle;
  margin-bottom: 0;
}
ul.mzp-u-list-styled ul {
  margin-left: 24px;
}
[dir=rtl] ul.mzp-u-list-styled ul {
  margin-left: 0;
  margin-right: 24px;
}
ul.mzp-u-list-styled ol {
  list-style: decimal;
  margin-bottom: 0;
}
ul.mzp-u-list-styled ol {
  margin-left: 24px;
}
[dir=rtl] ul.mzp-u-list-styled ol {
  margin-left: 0;
  margin-right: 24px;
}

ol.mzp-u-list-styled {
  list-style: decimal;
}
ol.mzp-u-list-styled {
  margin-left: 32px;
}
[dir=rtl] ol.mzp-u-list-styled {
  margin-left: 0;
  margin-right: 32px;
}
ol.mzp-u-list-styled li {
  margin-bottom: 0.25em;
}
ol.mzp-u-list-styled ol {
  list-style: lower-alpha;
  margin-bottom: 0;
}
ol.mzp-u-list-styled ol {
  margin-left: 24px;
}
[dir=rtl] ol.mzp-u-list-styled ol {
  margin-left: 0;
  margin-right: 24px;
}
ol.mzp-u-list-styled ul {
  list-style: disc;
  margin-bottom: 0;
}
ol.mzp-u-list-styled ul {
  margin-left: 24px;
}
[dir=rtl] ol.mzp-u-list-styled ul {
  margin-left: 0;
  margin-right: 24px;
}

dl.mzp-u-list-styled dt {
  font-weight: bold;
  margin-bottom: 0;
}
dl.mzp-u-list-styled dd {
  margin-bottom: 0.25em;
}
dl.mzp-u-list-styled dd {
  margin-left: 24px;
}
[dir=rtl] dl.mzp-u-list-styled dd {
  margin-left: 0;
  margin-right: 24px;
}
dl.mzp-u-list-styled ul,
dl.mzp-u-list-styled ol {
  margin-bottom: 0;
}
dl.mzp-u-list-styled ul,
dl.mzp-u-list-styled ol {
  margin-left: 24px;
}
[dir=rtl] dl.mzp-u-list-styled ul,
[dir=rtl] dl.mzp-u-list-styled ol {
  margin-left: 0;
  margin-right: 24px;
}
dl.mzp-u-list-styled ul {
  list-style: circle;
}

/* !important required to trump specificity and print stylesheet overrides */
.mzp-u-list-unstyled {
  list-style: none !important; /* stylelint-disable-line declaration-no-important */
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.mzp-u-list-unstyled ul,
.mzp-u-list-unstyled ol {
  list-style: none !important; /* stylelint-disable-line declaration-no-important */
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}

blockquote {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.07;
  border-color: #ededf0;
  border-style: solid;
  color: #000000;
  font-family: "Zilla Slab", Inter, X-LocaleSpecific, sans-serif;
  font-weight: bold;
  margin: 24px auto;
  padding: 8px 24px;
}
blockquote {
  border-width: 0 0 0 5px;
}
[dir=rtl] blockquote {
  border-width: 0 5px 0 0;
}
@media (min-width: 768px) {
  blockquote {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.05;
  }
}
blockquote cite {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.08;
  color: #15141a;
}
@media (min-width: 768px) {
  blockquote cite {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.07;
  }
}
blockquote cite::before {
  content: "— ";
}
blockquote > :last-child {
  margin-bottom: 0;
}

.mzp-u-data-table {
  border-collapse: collapse;
  border-spacing: 0;
}
.mzp-u-data-table caption {
  margin-bottom: 0.25em;
  width: 100%;
}
.mzp-u-data-table caption {
  text-align: left;
}
[dir=rtl] .mzp-u-data-table caption {
  text-align: right;
}
.mzp-u-data-table th,
.mzp-u-data-table td {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.5em 10px;
  text-align: left;
}
.mzp-u-data-table th,
.mzp-u-data-table td {
  text-align: left;
}
[dir=rtl] .mzp-u-data-table th,
[dir=rtl] .mzp-u-data-table td {
  text-align: right;
}
.mzp-u-data-table thead th,
.mzp-u-data-table thead td {
  border-top: 0;
  padding-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Zilla Slab", Inter, X-LocaleSpecific, sans-serif;
  color: #000000;
  font-weight: bold;
  margin: 0 0 0.5em;
}
.mzp-t-dark h1,
.mzp-t-dark h2,
.mzp-t-dark h3,
.mzp-t-dark h4,
.mzp-t-dark h5,
.mzp-t-dark h6 {
  color: #ffffff;
}

h1 {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
}
@media (min-width: 768px) {
  h1 {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1;
  }
}

h2 {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.05;
}
@media (min-width: 768px) {
  h2 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
  }
}

h3 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.07;
}
@media (min-width: 768px) {
  h3 {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.05;
  }
}

h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.08;
}
@media (min-width: 768px) {
  h4 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.07;
  }
}

h5 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.11;
}
@media (min-width: 768px) {
  h5 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.08;
  }
}

h6 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.11;
}

@keyframes mzp-a-fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes mzp-a-fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes mzp-a-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes mzp-a-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes mzp-a-slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes mzp-a-slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes mzp-a-slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes mzp-a-slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.mzp-c-card {
  box-sizing: border-box;
  background: #ffffff;
  margin-bottom: 24px;
}
.mzp-c-card.mzp-has-aspect-1-1 .mzp-c-card-media-wrapper {
  padding-bottom: 100%;
  position: relative;
}
.mzp-c-card.mzp-has-aspect-1-1 .mzp-c-card-media-wrapper img,
.mzp-c-card.mzp-has-aspect-1-1 .mzp-c-card-media-wrapper video,
.mzp-c-card.mzp-has-aspect-1-1 .mzp-c-card-media-wrapper iframe,
.mzp-c-card.mzp-has-aspect-1-1 .mzp-c-card-media-wrapper object,
.mzp-c-card.mzp-has-aspect-1-1 .mzp-c-card-media-wrapper embed {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mzp-c-card.mzp-has-aspect-16-9 .mzp-c-card-media-wrapper {
  padding-bottom: 56.25%;
  position: relative;
}
.mzp-c-card.mzp-has-aspect-16-9 .mzp-c-card-media-wrapper img,
.mzp-c-card.mzp-has-aspect-16-9 .mzp-c-card-media-wrapper video,
.mzp-c-card.mzp-has-aspect-16-9 .mzp-c-card-media-wrapper iframe,
.mzp-c-card.mzp-has-aspect-16-9 .mzp-c-card-media-wrapper object,
.mzp-c-card.mzp-has-aspect-16-9 .mzp-c-card-media-wrapper embed {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mzp-c-card.mzp-has-aspect-3-2 .mzp-c-card-media-wrapper {
  padding-bottom: 66.6666666667%;
  position: relative;
}
.mzp-c-card.mzp-has-aspect-3-2 .mzp-c-card-media-wrapper img,
.mzp-c-card.mzp-has-aspect-3-2 .mzp-c-card-media-wrapper video,
.mzp-c-card.mzp-has-aspect-3-2 .mzp-c-card-media-wrapper iframe,
.mzp-c-card.mzp-has-aspect-3-2 .mzp-c-card-media-wrapper object,
.mzp-c-card.mzp-has-aspect-3-2 .mzp-c-card-media-wrapper embed {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mzp-c-card .mzp-c-card-media-wrapper {
  background-color: #ededf0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.mzp-c-card .mzp-c-card-image,
.mzp-c-card .mzp-c-card-video {
  display: block;
  max-width: none;
  width: 100%;
}
.mzp-c-card .mzp-c-card-content {
  box-sizing: border-box;
  padding: 8px;
}
.mzp-c-card .mzp-c-card-tag {
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #42425a;
  font-weight: normal;
  margin-bottom: 4px;
}
.mzp-c-card.mzp-has-video .mzp-c-card-tag, .mzp-c-card.mzp-has-audio .mzp-c-card-tag {
  background-repeat: no-repeat;
  line-height: 1.8;
  min-height: 25px;
}
.mzp-c-card.mzp-has-video .mzp-c-card-tag, .mzp-c-card.mzp-has-audio .mzp-c-card-tag {
  background-position: center left;
  padding-left: 32px;
}
[dir=rtl] .mzp-c-card.mzp-has-video .mzp-c-card-tag, [dir=rtl] .mzp-c-card.mzp-has-audio .mzp-c-card-tag {
  background-position: center right;
  padding-left: 0;
  padding-right: 32px;
}
.mzp-c-card.mzp-has-video .mzp-c-card-tag {
  background-image: url(video-card.1f86c02ec4028542.svg);
}
.mzp-c-card.mzp-has-audio .mzp-c-card-tag {
  background-image: url(audio-card.a2b4d49b99f0412b.svg);
}
.mzp-c-card .mzp-c-card-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.08;
  display: inline;
}
@media (min-width: 768px) {
  .mzp-c-card .mzp-c-card-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.07;
  }
}
.mzp-c-card .mzp-c-card-title,
.mzp-c-card .mzp-c-card-cta-text {
  border-bottom: 2px solid transparent;
}
.mzp-c-card .mzp-c-card-desc {
  margin: 4px 0 0;
}
.mzp-c-card .mzp-c-card-cta {
  font-weight: bold;
  margin: 4px 0 0;
}
.mzp-c-card .mzp-c-card-block-link {
  border-radius: 2px;
  display: block;
}
.mzp-c-card .mzp-c-card-block-link:link, .mzp-c-card .mzp-c-card-block-link:visited {
  color: #000000;
  text-decoration: none;
}
.mzp-c-card .mzp-c-card-block-link:link .mzp-c-card-cta-text, .mzp-c-card .mzp-c-card-block-link:visited .mzp-c-card-cta-text {
  color: #0060df;
}
.mzp-c-card .mzp-c-card-block-link:hover, .mzp-c-card .mzp-c-card-block-link:active, .mzp-c-card .mzp-c-card-block-link:focus {
  transition: box-shadow 0.1s ease-in-out;
  box-shadow: 0 0 0 4px #ededf0;
}
.mzp-c-card .mzp-c-card-block-link:hover .mzp-c-card-title,
.mzp-c-card .mzp-c-card-block-link:hover .mzp-c-card-cta-text, .mzp-c-card .mzp-c-card-block-link:active .mzp-c-card-title,
.mzp-c-card .mzp-c-card-block-link:active .mzp-c-card-cta-text, .mzp-c-card .mzp-c-card-block-link:focus .mzp-c-card-title,
.mzp-c-card .mzp-c-card-block-link:focus .mzp-c-card-cta-text {
  transition: border-bottom-color 100ms ease-in-out;
  border-bottom: 2px solid;
}
.mzp-c-card .mzp-c-card-meta {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #42425a;
  margin: 24px 0 0;
}
@media (min-width: 480px) {
  .mzp-c-card {
    max-width: 432px;
  }
}
@media (min-width: 768px) {
  .mzp-c-card {
    margin-bottom: 32px;
  }
}

.mzp-c-card.mzp-t-dark,
.mzp-t-dark .mzp-c-card {
  background-color: #000000;
  color: #ffffff;
}
.mzp-c-card.mzp-t-dark .mzp-c-card-tag,
.mzp-c-card.mzp-t-dark .mzp-c-card-meta,
.mzp-t-dark .mzp-c-card .mzp-c-card-tag,
.mzp-t-dark .mzp-c-card .mzp-c-card-meta {
  color: #ffffff;
}
.mzp-c-card.mzp-t-dark .mzp-c-card-block-link:hover, .mzp-c-card.mzp-t-dark .mzp-c-card-block-link:active, .mzp-c-card.mzp-t-dark .mzp-c-card-block-link:focus,
.mzp-t-dark .mzp-c-card .mzp-c-card-block-link:hover,
.mzp-t-dark .mzp-c-card .mzp-c-card-block-link:active,
.mzp-t-dark .mzp-c-card .mzp-c-card-block-link:focus {
  box-shadow: 0 0 0 4px #42425a;
}
.mzp-c-card.mzp-t-dark .mzp-c-card-block-link:link, .mzp-c-card.mzp-t-dark .mzp-c-card-block-link:visited,
.mzp-t-dark .mzp-c-card .mzp-c-card-block-link:link,
.mzp-t-dark .mzp-c-card .mzp-c-card-block-link:visited {
  color: #ffffff;
}
.mzp-c-card.mzp-t-dark .mzp-c-card-block-link:link .mzp-c-card-cta-text, .mzp-c-card.mzp-t-dark .mzp-c-card-block-link:visited .mzp-c-card-cta-text,
.mzp-t-dark .mzp-c-card .mzp-c-card-block-link:link .mzp-c-card-cta-text,
.mzp-t-dark .mzp-c-card .mzp-c-card-block-link:visited .mzp-c-card-cta-text {
  color: #ffffff;
}

@media (min-width: 480px) {
  .mzp-c-card.mzp-c-card-medium {
    max-width: 688px;
  }
}

.mzp-c-card.mzp-c-card-large .mzp-c-card-title {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.05;
}
@media (min-width: 768px) {
  .mzp-c-card.mzp-c-card-large .mzp-c-card-title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
  }
}
.mzp-c-card.mzp-c-card-large .mzp-c-card-desc {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media (min-width: 480px) {
  .mzp-c-card.mzp-c-card-large {
    max-width: 928px;
  }
}

.mzp-c-card.mzp-c-card-extra-small .mzp-c-card-tag,
.mzp-c-card.mzp-c-card-extra-small .mzp-c-card-cta {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.mzp-c-card.mzp-c-card-extra-small .mzp-c-card-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.11;
}
@media (min-width: 768px) {
  .mzp-c-card.mzp-c-card-extra-small .mzp-c-card-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.08;
  }
}
.mzp-c-card.mzp-c-card-extra-small .mzp-c-card-desc {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.mzp-c-card.mzp-c-card-extra-small .mzp-c-card-block-link {
  border-radius: 2px;
  height: 100%;
}
@media (min-width: 1024px) {
  .mzp-c-card.mzp-c-card-extra-small {
    max-width: 304px;
  }
}

.mzp-c-footer {
  font-family: Inter, X-LocaleSpecific, sans-serif;
  background: #000000;
  clear: both;
  color: #ffffff;
  margin: 0;
  padding-top: 24px;
  width: 100%;
}
.mzp-c-footer a:link,
.mzp-c-footer a:visited {
  color: #ffffff;
}
.mzp-c-footer a:link:hover, .mzp-c-footer a:link:focus, .mzp-c-footer a:link:active,
.mzp-c-footer a:visited:hover,
.mzp-c-footer a:visited:focus,
.mzp-c-footer a:visited:active {
  color: #ffffff;
}
.mzp-c-footer a:link,
.mzp-c-footer a:visited {
  font-weight: normal;
  text-decoration: underline;
}
.mzp-c-footer a:link:hover, .mzp-c-footer a:link:focus, .mzp-c-footer a:link:active,
.mzp-c-footer a:visited:hover,
.mzp-c-footer a:visited:focus,
.mzp-c-footer a:visited:active {
  text-decoration: none;
}

.mzp-c-footer-primary {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box;
  zoom: 1;
  margin: 0 auto 48px;
}
.mzp-c-footer-primary::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
@media (min-width: 1024px) {
  .mzp-c-footer-primary {
    margin-bottom: 32px;
  }
}

.mzp-c-footer-primary-logo {
  margin-bottom: 32px;
}
.mzp-c-footer-primary-logo a {
  background: url(logo-word-hor-white.55cfd2a92e3d54bf.svg) no-repeat;
  background-size: 100px, 32px;
  direction: ltr;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  display: inline-block;
  height: 32px;
  width: 100px;
}

.mzp-c-footer-sections {
  zoom: 1;
}
.mzp-c-footer-sections::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .mzp-c-footer-sections {
    border-bottom: 1px solid #42425a;
    padding-bottom: 64px;
  }
}
@media (min-width: 1024px) {
  .mzp-c-footer-sections {
    padding-bottom: 48px;
  }
}

.mzp-c-footer-section {
  zoom: 1;
  margin-bottom: 8px;
}
.mzp-c-footer-section::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.mzp-c-footer-section a:link,
.mzp-c-footer-section a:visited {
  text-decoration: none;
}
.mzp-c-footer-section a:link:hover, .mzp-c-footer-section a:link:focus, .mzp-c-footer-section a:link:active,
.mzp-c-footer-section a:visited:hover,
.mzp-c-footer-section a:visited:focus,
.mzp-c-footer-section a:visited:active {
  text-decoration: underline;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .mzp-c-footer-section {
    box-sizing: border-box;
    width: 50%;
  }
  .mzp-c-footer-section {
    float: left;
  }
  [dir=rtl] .mzp-c-footer-section {
    float: right;
  }
  .mzp-c-footer-section:nth-child(odd) {
    clear: left;
  }
  [dir=rtl] .mzp-c-footer-section:nth-child(odd) {
    clear: right;
  }
  .mzp-c-footer-section:nth-child(odd) {
    padding: 0 24px 0 0;
  }
  [dir=rtl] .mzp-c-footer-section:nth-child(odd) {
    padding: 0 0 0 24px;
  }
  .mzp-c-footer-section:nth-child(even) {
    padding: 0 0 0 24px;
  }
  [dir=rtl] .mzp-c-footer-section:nth-child(even) {
    padding: 0 24px 0 0;
  }
}

@media (min-width: 1024px) {
  .mzp-c-footer-section {
    padding: 0 24px;
  }
  .mzp-c-footer-section {
    float: left;
  }
  [dir=rtl] .mzp-c-footer-section {
    float: right;
  }
  .mzp-c-footer-section:first-child {
    padding: 0 24px 0 0;
  }
  [dir=rtl] .mzp-c-footer-section:first-child {
    padding: 0 0 0 24px;
  }
  .mzp-c-footer-section:last-child {
    padding: 0 0 0 24px;
  }
  [dir=rtl] .mzp-c-footer-section:last-child {
    padding: 0 24px 0 0;
  }
  .mzp-c-footer-section:first-child:nth-last-child(n+2),
  .mzp-c-footer-section:first-child:nth-last-child(n+2) ~ .mzp-c-footer-section:nth-child(1n-1) {
    width: calc(50% - 24px);
  }
  .mzp-c-footer-section:first-child:nth-last-child(n+3),
  .mzp-c-footer-section:first-child:nth-last-child(n+3) ~ .mzp-c-footer-section:nth-child(1n-1) {
    width: calc(33.3333333333% - 32px);
  }
  .mzp-c-footer-section:first-child:nth-last-child(n+4),
  .mzp-c-footer-section:first-child:nth-last-child(n+4) ~ .mzp-c-footer-section:nth-child(1n-1) {
    width: calc(25% - 36px);
  }
  .mzp-c-footer-section:first-child:nth-last-child(n+5),
  .mzp-c-footer-section:first-child:nth-last-child(n+5) ~ .mzp-c-footer-section:nth-child(1n-1) {
    width: calc(20% - 38.4px);
  }
  .mzp-c-footer-section:first-child:nth-last-child(n+6),
  .mzp-c-footer-section:first-child:nth-last-child(n+6) ~ .mzp-c-footer-section:nth-child(1n-1) {
    width: calc(16.6666666667% - 40px);
  }
}
.mzp-c-footer-heading, .mzp-c-footer-heading button {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  background-color: transparent;
  border-bottom: 1px solid #42425a;
  border: 0;
  color: inherit;
  margin-bottom: 0;
  padding: 16px 0;
  position: relative;
  width: 100%;
}
.mzp-c-footer-heading, .mzp-c-footer-heading button {
  text-align: left;
}
[dir=rtl] .mzp-c-footer-heading, [dir=rtl] .mzp-c-footer-heading button {
  text-align: right;
}
.mzp-c-footer-heading.is-summary {
  padding: 0;
  border-bottom: 0;
}
.mzp-c-footer-heading.is-summary button:focus {
  outline: 1px dotted #fff;
}
.mzp-c-footer-heading.is-summary button::before {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20stroke%3D%27%23FFF%27%20stroke-width%3D%272%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.515v16.97M3.515%2012h16.97%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") top left no-repeat;
  background-size: 24px, 24px;
  transition: transform 100ms ease-in-out;
  content: "";
  height: 24px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}
.mzp-c-footer-heading.is-summary button::before {
  right: 8px;
}
[dir=rtl] .mzp-c-footer-heading.is-summary button::before {
  right: auto;
  left: 8px;
}
.mzp-c-footer-heading.is-summary button[aria-expanded=true]::before {
  transform: rotate(45deg);
}
.mzp-c-footer-heading a:link,
.mzp-c-footer-heading a:visited {
  font-weight: bold;
}
@media (min-width: 768px) {
  .mzp-c-footer-heading {
    border-bottom: 0;
    padding: 8px 0;
  }
}

.mzp-c-footer-list {
  margin-bottom: 32px;
}
.mzp-c-footer-list li {
  list-style-type: none;
  padding: 4px 0;
}
.mzp-c-footer-list li:first-child {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .mzp-c-footer-list li:first-child {
    margin-top: 0;
  }
}
.mzp-c-footer-list.is-closed[aria-hidden=true] {
  display: none;
}

.mzp-c-footer-secondary {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  position: relative;
}

.mzp-c-footer-language {
  zoom: 1;
  margin-bottom: 24px;
}
.mzp-c-footer-language::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .mzp-c-footer-language {
    float: right;
  }
  [dir=rtl] .mzp-c-footer-language {
    float: left;
  }
}

.mzp-c-footer-links-social {
  margin-bottom: 48px;
}
.mzp-c-footer-links-social li {
  display: inline-block;
  vertical-align: bottom;
}
.mzp-c-footer-links-social li {
  margin: 0 16px 0 0;
}
[dir=rtl] .mzp-c-footer-links-social li {
  margin: 0 0 0 16px;
}
.mzp-c-footer-links-social li a {
  direction: ltr;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  background-repeat: no-repeat;
  border-bottom: 1px solid transparent;
  display: block;
  height: 16px;
  width: 16px;
}
.mzp-c-footer-links-social li a.twitter {
  background-image: url(white.4db90ce0451891a7.svg);
}
.mzp-c-footer-links-social li a.instagram {
  background-image: url(white.a076514138961947.svg);
}
.mzp-c-footer-links-social li a.youtube {
  background-image: url(white.aa8816d6bb61690b.svg);
}
.mzp-c-footer-links-social li a:hover, .mzp-c-footer-links-social li a:focus {
  border-bottom-color: #ffffff;
}
@media (min-width: 768px) {
  .mzp-c-footer-links-social {
    bottom: 0;
    margin-bottom: 0;
    max-width: 33%;
    position: absolute;
  }
  .mzp-c-footer-links-social {
    right: 0;
  }
  [dir=rtl] .mzp-c-footer-links-social {
    right: auto;
    left: 0;
  }
  .mzp-c-footer-links-social {
    text-align: right;
  }
  [dir=rtl] .mzp-c-footer-links-social {
    text-align: left;
  }
  .mzp-c-footer-links-social li {
    padding: 0 0 16px 24px;
    margin: 0;
  }
  [dir=rtl] .mzp-c-footer-links-social li {
    padding: 0 24px 16px 0;
    margin: 0;
  }
}

.mzp-c-footer-legal li {
  display: inline-block;
}
.mzp-c-footer-legal li {
  padding: 0 24px 16px 0;
}
[dir=rtl] .mzp-c-footer-legal li {
  padding: 0 0 16px 24px;
}
.mzp-c-footer-legal li:last-child {
  padding-right: 0;
}
[dir=rtl] .mzp-c-footer-legal li:last-child {
  padding-right: 0;
  padding-left: 0;
}

.mzp-c-footer-license {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .mzp-c-footer-license {
    max-width: 66%;
  }
}

@media (min-width: 768px) {
  .mzp-c-footer-terms {
    max-width: 66%;
  }
}

.mzp-c-language-switcher {
  color: inherit;
  font-weight: bold;
}
.mzp-c-language-switcher label,
.mzp-c-language-switcher .mzp-c-language-switcher-link {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  display: inline-block;
}
.mzp-c-language-switcher label,
.mzp-c-language-switcher .mzp-c-language-switcher-link {
  margin: 0 24px 8px 0;
}
[dir=rtl] .mzp-c-language-switcher label,
[dir=rtl] .mzp-c-language-switcher .mzp-c-language-switcher-link {
  margin: 0 0 8px 24px;
}
.mzp-c-language-switcher .mzp-c-language-switcher-link + label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  /* !important required to ensure element is hidden when mixin is applied */
  position: absolute !important; /* stylelint-disable-line declaration-no-important */
  width: 1px;
}
.mzp-c-language-switcher select {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  min-width: 0;
}
.mzp-c-language-switcher button {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 8px;
}
.js .mzp-c-language-switcher button {
  display: none;
}

.mzp-c-menu h1,
.mzp-c-menu h2,
.mzp-c-menu h3,
.mzp-c-menu h4,
.mzp-c-menu h5,
.mzp-c-menu h6 {
  font-family: Inter, X-LocaleSpecific, sans-serif;
}
@media (min-width: 768px) {
  .mzp-c-menu {
    z-index: 0;
  }
}

.mzp-c-menu-category-list {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .mzp-c-menu-category-list {
    zoom: 1;
    margin-bottom: 0;
    padding-top: 24px;
  }
  .mzp-c-menu-category-list::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
}

.mzp-c-menu-category .mzp-c-menu-title {
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  border-bottom: 1px solid #cdcdd4;
  color: #000000;
  display: block;
  font-weight: bold;
  margin-bottom: 0;
  min-height: 40px;
  padding: 8px 0;
  position: relative;
  text-decoration: none;
}
.mzp-c-menu-category .mzp-c-menu-title:hover, .mzp-c-menu-category .mzp-c-menu-title:active, .mzp-c-menu-category .mzp-c-menu-title:focus {
  color: inherit;
  text-decoration: underline;
}
.mzp-c-menu-category .mzp-c-menu-title:link:active {
  background: none;
}
.mzp-c-menu-category.mzp-has-drop-down .mzp-c-menu-title {
  text-decoration: none;
}
.mzp-c-menu-category.mzp-has-drop-down .mzp-c-menu-title::before {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.515v16.97M3.515%2012h16.97%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") top left no-repeat;
  background-size: 20px, 20px;
  transition: transform 100ms ease-in-out;
  content: "";
  height: 20px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 20px;
}
.mzp-c-menu-category.mzp-has-drop-down .mzp-c-menu-title::before {
  right: 8px;
}
[dir=rtl] .mzp-c-menu-category.mzp-has-drop-down .mzp-c-menu-title::before {
  right: auto;
  left: 8px;
}
@supports (display: flex) {
  .mzp-c-menu-category .mzp-c-menu-title {
    align-items: center;
    display: flex;
  }
}
@media (min-width: 768px) {
  .mzp-c-menu-category {
    display: inline-block;
  }
  .mzp-c-menu-category {
    float: left;
  }
  [dir=rtl] .mzp-c-menu-category {
    float: right;
  }
  .mzp-c-menu-category .mzp-c-menu-title {
    border-bottom: none;
    padding: 0 8px 24px;
  }
  .mzp-c-menu-category .mzp-c-menu-title.mzp-has-drop-down {
    cursor: default;
  }
  .mzp-c-menu-category.mzp-has-drop-down .mzp-c-menu-title::before {
    display: none;
  }
}
@media (min-width: 1024px) {
  .mzp-c-menu-category .mzp-c-menu-title {
    padding: 0 16px 24px;
  }
}
@media (min-width: 1312px) {
  .mzp-c-menu-category .mzp-c-menu-title {
    padding: 0 24px 24px;
  }
}

.mzp-c-menu.mzp-is-basic .mzp-c-menu-category .mzp-c-menu-title::before {
  display: none;
}
@media (min-width: 768px) {
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-category .mzp-c-menu-title::before {
    display: none;
  }
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:hover .mzp-c-menu-title, .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:focus .mzp-c-menu-title {
    z-index: 1001;
  }
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:hover .mzp-c-menu-title::after, .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:focus .mzp-c-menu-title::after {
    background: #000000;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:hover .mzp-c-menu-panel, .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:focus .mzp-c-menu-panel {
    display: block;
    z-index: 1000;
  }
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:focus-within .mzp-c-menu-title {
    z-index: 1001;
  }
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:focus-within .mzp-c-menu-title::after {
    background: #000000;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-category.mzp-has-drop-down:focus-within .mzp-c-menu-panel {
    display: block;
    z-index: 1000;
  }
}

.mzp-c-menu.mzp-is-enhanced .mzp-c-menu-category.mzp-is-selected .mzp-c-menu-title::before {
  transform: rotate(45deg);
}
.mzp-c-menu.mzp-is-enhanced .mzp-c-menu-category.mzp-is-selected .mzp-c-menu-panel {
  display: block;
  overflow: hidden;
}
@media (min-width: 768px) {
  .mzp-c-menu.mzp-is-enhanced .mzp-c-menu-category.mzp-is-animated .mzp-c-menu-panel,
  .mzp-c-menu.mzp-is-enhanced .mzp-c-menu-category.mzp-is-animated .mzp-c-menu-title::after {
    animation: mzp-a-fade-in 80ms ease-in 0ms 1 normal both;
  }
  .mzp-c-menu.mzp-is-enhanced .mzp-c-menu-category.mzp-is-selected .mzp-c-menu-title {
    z-index: 101;
  }
  .mzp-c-menu.mzp-is-enhanced .mzp-c-menu-category.mzp-is-selected .mzp-c-menu-title::after {
    background: #000000;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .mzp-c-menu.mzp-is-enhanced .mzp-c-menu-category.mzp-is-selected .mzp-c-menu-panel {
    display: block;
    overflow: visible;
    z-index: 100;
  }
}

.mzp-c-menu-panel {
  box-sizing: border-box;
  background: #ffffff;
  display: none;
  padding-top: 24px;
  width: 100%;
}
.mzp-c-menu-panel .mzp-c-menu-button-close {
  direction: ltr;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  transition: transform 100ms ease-in-out;
  background: transparent url(close.5d98c7f0a49b9f91.svg) center center no-repeat;
  border: none;
  cursor: pointer;
  display: none;
  height: 16px;
  padding: 0;
  position: absolute;
  right: 0;
  top: -8px;
  width: 16px;
}
.mzp-c-menu-panel .mzp-c-menu-button-close:hover, .mzp-c-menu-panel .mzp-c-menu-button-close:focus {
  transform: scale(1.2);
}
@media (min-width: 768px) {
  .mzp-c-menu-panel .mzp-c-menu-button-close {
    right: 64px;
  }
  [dir=rtl] .mzp-c-menu-panel .mzp-c-menu-button-close {
    right: auto;
    left: 64px;
  }
}
@media (min-width: 1024px) {
  .mzp-c-menu-panel .mzp-c-menu-button-close {
    right: 96px;
  }
  [dir=rtl] .mzp-c-menu-panel .mzp-c-menu-button-close {
    right: auto;
    left: 96px;
  }
}
.mzp-c-menu-panel.mzp-has-card .mzp-c-menu-panel-card {
  display: none;
  width: 300px;
}
.mzp-c-menu-panel.mzp-has-card .mzp-c-menu-panel-card .mzp-c-card {
  margin-bottom: 0;
}
.mzp-c-menu-panel .mzp-c-menu-panel-container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0;
  position: relative;
}
@media (min-width: 768px) {
  .mzp-c-menu-panel .mzp-c-menu-panel-container {
    padding: 16px 64px 0;
  }
}
@media (min-width: 1024px) {
  .mzp-c-menu-panel .mzp-c-menu-panel-container {
    padding: 16px 96px 0;
  }
}
@media (min-width: 768px) {
  .mzp-c-menu-panel {
    border-top: 1px solid #ededf0;
    box-shadow: 0 16px 16px -16px rgba(0, 0, 0, 0.3);
    left: 0;
    padding: 32px 4px;
    position: absolute;
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-container {
    zoom: 1;
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-container::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-c-menu-panel .mzp-c-menu-button-close {
    display: block;
    top: -16px;
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-content {
    zoom: 1;
    position: relative;
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-content::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-content > ul {
    margin-bottom: 0;
    width: calc(50% - (24px * 0.5));
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-content > ul {
    float: left;
  }
  [dir=rtl] .mzp-c-menu-panel .mzp-c-menu-panel-content > ul {
    float: right;
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-content > ul:first-child {
    margin-right: 12px;
  }
  [dir=rtl] .mzp-c-menu-panel .mzp-c-menu-panel-content > ul:first-child {
    margin-right: 0;
    margin-left: 12px;
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-content > ul:last-child {
    margin-left: 12px;
  }
  [dir=rtl] .mzp-c-menu-panel .mzp-c-menu-panel-content > ul:last-child {
    margin-left: 0;
    margin-right: 12px;
  }
  .mzp-c-menu-panel .mzp-c-menu-panel-content > ul > li:last-child .mzp-c-menu-item {
    margin-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .mzp-c-menu-panel.mzp-has-card .mzp-c-menu-panel-content {
    width: calc(100% - (300px + 24px));
  }
  .mzp-c-menu-panel.mzp-has-card .mzp-c-menu-panel-content {
    float: left;
  }
  [dir=rtl] .mzp-c-menu-panel.mzp-has-card .mzp-c-menu-panel-content {
    float: right;
  }
  .mzp-c-menu-panel.mzp-has-card .mzp-c-menu-panel-card {
    display: block;
  }
  .mzp-c-menu-panel.mzp-has-card .mzp-c-menu-panel-card {
    float: right;
  }
  [dir=rtl] .mzp-c-menu-panel.mzp-has-card .mzp-c-menu-panel-card {
    float: left;
  }
}

.mzp-c-menu.mzp-is-basic .mzp-c-menu-panel {
  display: block;
}
@media (min-width: 768px) {
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-panel {
    display: none;
  }
  .mzp-c-menu.mzp-is-basic .mzp-c-menu-panel .mzp-c-menu-button-close {
    display: none;
  }
}

.mzp-c-menu-item {
  border-radius: 2px;
  margin-bottom: 24px;
}
.mzp-c-menu-item .mzp-c-menu-item-link {
  display: block;
}
.mzp-c-menu-item .mzp-c-menu-item-link:link, .mzp-c-menu-item .mzp-c-menu-item-link:visited {
  color: #000000;
  text-decoration: none;
}
.mzp-c-menu-item .mzp-c-menu-item-link:link .mzp-c-menu-item-title, .mzp-c-menu-item .mzp-c-menu-item-link:visited .mzp-c-menu-item-title {
  border-bottom: 2px solid transparent;
}
.mzp-c-menu-item .mzp-c-menu-item-link:hover .mzp-c-menu-item-title, .mzp-c-menu-item .mzp-c-menu-item-link:active .mzp-c-menu-item-title, .mzp-c-menu-item .mzp-c-menu-item-link:focus .mzp-c-menu-item-title {
  transition: border-bottom-color 100ms ease-in-out;
  border-bottom: 2px solid #000000;
  color: #000000;
}
.mzp-c-menu-item .mzp-c-menu-item-head {
  display: block;
}
.mzp-c-menu-item .mzp-c-menu-item-head .mzp-c-menu-item-title {
  border-bottom: 2px solid transparent;
}
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-head,
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-link {
  position: relative;
}
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-head,
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-link {
  padding-left: 48px;
}
[dir=rtl] .mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-head,
[dir=rtl] .mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-link {
  padding-left: 0;
  padding-right: 48px;
}
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-head .mzp-c-menu-item-icon,
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-link .mzp-c-menu-item-icon {
  height: 24px;
  margin: 0;
  position: absolute;
  top: 8px;
  width: 24px;
}
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-head .mzp-c-menu-item-icon,
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-link .mzp-c-menu-item-icon {
  left: 8px;
}
[dir=rtl] .mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-head .mzp-c-menu-item-icon,
[dir=rtl] .mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-link .mzp-c-menu-item-icon {
  left: auto;
  right: 8px;
}
.mzp-c-menu-item .mzp-c-menu-item-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.11;
  display: inline;
}
@media (min-width: 768px) {
  .mzp-c-menu-item .mzp-c-menu-item-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.08;
  }
}
.mzp-c-menu-item .mzp-c-menu-item-desc {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 8px 0 0;
}
.mzp-c-menu-item .mzp-c-menu-item-list {
  zoom: 1;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 16px 0 0;
  position: relative;
}
.mzp-c-menu-item .mzp-c-menu-item-list::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.mzp-c-menu-item .mzp-c-menu-item-list li {
  margin-bottom: 16px;
  word-wrap: break-word;
}
.mzp-c-menu-item .mzp-c-menu-item-list a:link,
.mzp-c-menu-item .mzp-c-menu-item-list a:visited {
  color: #000000;
  text-decoration: none;
}
.mzp-c-menu-item .mzp-c-menu-item-list a:hover,
.mzp-c-menu-item .mzp-c-menu-item-list a:active,
.mzp-c-menu-item .mzp-c-menu-item-list a:focus {
  color: #000000;
  text-decoration: underline;
}
@media (min-width: 480px) {
  .mzp-c-menu-item .mzp-c-menu-item-list li {
    width: calc(50% - 8px);
  }
  .mzp-c-menu-item .mzp-c-menu-item-list li {
    float: left;
  }
  [dir=rtl] .mzp-c-menu-item .mzp-c-menu-item-list li {
    float: right;
  }
  .mzp-c-menu-item .mzp-c-menu-item-list li:nth-child(odd) {
    clear: left;
    padding-right: 8px;
  }
  [dir=rtl] .mzp-c-menu-item .mzp-c-menu-item-list li:nth-child(odd) {
    clear: right;
    padding-right: 0;
    padding-left: 8px;
  }
  .mzp-c-menu-item .mzp-c-menu-item-list li:nth-child(even) {
    padding-left: 8px;
  }
  [dir=rtl] .mzp-c-menu-item .mzp-c-menu-item-list li:nth-child(even) {
    padding-left: 0;
    padding-right: 8px;
  }
}
.mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-list {
  margin-left: 48px;
}
[dir=rtl] .mzp-c-menu-item.mzp-has-icon .mzp-c-menu-item-list {
  margin-left: 0;
  margin-right: 48px;
}
@media (min-width: 768px) {
  .mzp-c-menu-item:hover {
    transition: box-shadow 0.1s ease-in-out;
    box-shadow: 0 0 0 4px #ededf0;
  }
  .mzp-c-menu-item .mzp-c-menu-item-link,
  .mzp-c-menu-item .mzp-c-menu-item-head {
    padding: 8px;
  }
  .mzp-c-menu-item .mzp-c-menu-item-list {
    margin: 16px 0 0 8px;
  }
  [dir=rtl] .mzp-c-menu-item .mzp-c-menu-item-list {
    margin: 16px 8px 0 0;
  }
}

.mzp-c-navigation {
  background: #ffffff;
  color: #000000;
}
.mzp-c-navigation .mzp-c-navigation-l-content {
  zoom: 1;
  padding: 24px;
  position: relative;
}
.mzp-c-navigation .mzp-c-navigation-l-content::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .mzp-c-navigation .mzp-c-navigation-l-content {
    padding: 0 64px;
  }
}
@media (min-width: 1024px) {
  .mzp-c-navigation .mzp-c-navigation-l-content {
    padding: 0 96px;
  }
}
.mzp-c-navigation .mzp-c-navigation-container {
  zoom: 1;
  margin: 0 auto;
  max-width: 1440px;
}
.mzp-c-navigation .mzp-c-navigation-container::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.mzp-c-navigation-items {
  clear: both;
  padding-top: 8px;
}
@media (min-width: 768px) {
  .mzp-c-navigation-items {
    clear: none;
    padding-top: 0;
  }
}

@supports (position: sticky) {
  html.mzp-has-sticky-navigation .mzp-c-navigation.mzp-is-sticky {
    transition: transform 300ms ease-in-out;
    left: 0;
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  html.mzp-has-sticky-navigation .mzp-c-navigation.mzp-is-sticky.mzp-is-scrolling {
    box-shadow: 0 0 6px 1px rgba(29, 17, 51, 0.04), 0 0 8px 2px rgba(9, 32, 77, 0.12), 0 0 5px -3px rgba(29, 17, 51, 0.12);
  }
  html.mzp-has-sticky-navigation .mzp-c-navigation.mzp-is-sticky.mzp-is-hidden {
    transform: translate(0, -110%);
  }
  html.mzp-has-sticky-navigation .mzp-is-anchor-link {
    scroll-margin-top: 120px; /* stylelint-disable-line property-no-unknown */
  }
}
.mzp-c-navigation-logo {
  float: left;
}
[dir=rtl] .mzp-c-navigation-logo {
  float: right;
}
.mzp-c-navigation-logo a {
  background-size: 84px, 24px;
  direction: ltr;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  background-image: url(logo-word-hor.79a7e9b87b102711.svg);
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  margin: 0 auto;
  width: 84px;
}
@media (min-width: 768px) {
  .mzp-c-navigation-logo {
    margin: 24px 16px 24px 0;
  }
  [dir=rtl] .mzp-c-navigation-logo {
    margin: 24px 0 24px 16px;
  }
  .mzp-c-navigation-logo a {
    margin-top: 8px;
  }
}
@media (min-width: 1024px) {
  .mzp-c-navigation-logo {
    margin: 24px 32px 24px 0;
  }
  [dir=rtl] .mzp-c-navigation-logo {
    margin: 24px 0 24px 32px;
  }
  .mzp-c-navigation-logo a {
    background-size: 112px, 32px;
    height: 32px;
    margin-top: 4px;
    width: 112px;
  }
}
@media (min-width: 1312px) {
  .mzp-c-navigation-logo {
    margin: 24px 48px 24px 0;
  }
  [dir=rtl] .mzp-c-navigation-logo {
    margin: 24px 0 24px 48px;
  }
}
.mzp-t-firefox .mzp-c-navigation-logo a {
  background-size: 81px, 27px;
  background-image: url(logo-word-hor.d5aaae1891a630de.svg);
  height: 27px;
  width: 81px;
}
@media (min-width: 768px) {
  .mzp-t-firefox .mzp-c-navigation-logo a {
    margin-top: 7px;
  }
}
@media (min-width: 1024px) {
  .mzp-t-firefox .mzp-c-navigation-logo a {
    background-image: url(logo-word-hor.d5aaae1891a630de.svg);
    height: 36px;
    margin-top: 1px;
    width: 109px;
  }
}

.mzp-c-navigation-menu {
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .mzp-c-navigation-menu {
    display: inline-block;
    width: auto;
  }
  .mzp-c-navigation-menu {
    margin-left: -8px;
  }
  [dir=rtl] .mzp-c-navigation-menu {
    margin-left: 0;
    margin-right: -8px;
  }
}
@media (min-width: 1024px) {
  .mzp-c-navigation-menu {
    margin-left: -16px;
  }
  [dir=rtl] .mzp-c-navigation-menu {
    margin-left: 0;
    margin-right: -16px;
  }
}
@media (min-width: 1312px) {
  .mzp-c-navigation-menu {
    margin-left: -24px;
  }
  [dir=rtl] .mzp-c-navigation-menu {
    margin-left: 0;
    margin-right: -24px;
  }
}

.mzp-c-navigation-download {
  margin: 32px 0 24px;
  text-align: center;
}
.mzp-c-navigation-download .mzp-c-button-download-container {
  margin-bottom: 0;
}
.mzp-c-navigation-download .mzp-c-button-download-container .mzp-c-button-download-privacy-link {
  display: none;
}
@media (min-width: 768px) {
  .mzp-c-navigation-download {
    display: block;
    margin: 24px 0;
  }
  .mzp-c-navigation-download {
    float: right;
    margin: 24px 0 24px 8px;
  }
  [dir=rtl] .mzp-c-navigation-download {
    float: left;
    margin: 24px 8px 24px 0;
  }
}
@media (min-width: 1024px) {
  .mzp-c-navigation-download {
    margin: 24px 0 24px 16px;
  }
  [dir=rtl] .mzp-c-navigation-download {
    margin: 24px 16px 24px 0;
  }
}
@media (min-width: 1312px) {
  .mzp-c-navigation-download {
    margin: 24px 0 24px 24px;
  }
  [dir=rtl] .mzp-c-navigation-download {
    margin: 24px 24px 24px 0;
  }
}

.mzp-c-navigation-menu-button {
  background-color: transparent;
  background-image: url(menu.0691c03c6ae33a68.svg);
  background-repeat: no-repeat;
  border-radius: 4px;
  border: none;
  display: none;
  height: 32px;
}
.mzp-c-navigation-menu-button {
  background-position: right 6px center;
}
[dir=rtl] .mzp-c-navigation-menu-button {
  background-position: left 6px center;
}
.mzp-c-navigation-menu-button {
  float: right;
}
[dir=rtl] .mzp-c-navigation-menu-button {
  float: left;
}
.mzp-c-navigation-menu-button {
  padding: 0 32px 0 6px;
}
[dir=rtl] .mzp-c-navigation-menu-button {
  padding: 0 6px 0 32px;
}
.mzp-c-navigation-menu-button:hover, .mzp-c-navigation-menu-button:active, .mzp-c-navigation-menu-button:focus, .mzp-c-navigation-menu-button.mzp-is-active {
  background-color: #ededf0;
}

.mzp-c-navigation-menu-button:not(.has-label) {
  direction: ltr;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  cursor: pointer;
  width: 32px;
}
.mzp-c-navigation-menu-button:not(.has-label) {
  background-position: center center;
}
[dir=rtl] .mzp-c-navigation-menu-button:not(.has-label) {
  background-position: center center;
}
.mzp-c-navigation-menu-button:not(.has-label) {
  padding: 0;
}
[dir=rtl] .mzp-c-navigation-menu-button:not(.has-label) {
  padding: 0;
}

.js .mzp-c-navigation-menu-button {
  display: block;
  margin: -4px 0;
}
@media (min-width: 768px) {
  .js .mzp-c-navigation-menu-button {
    display: none;
  }
}

.js .mzp-c-navigation-l-content .mzp-c-navigation-items {
  display: none;
}
.js .mzp-c-navigation-l-content .mzp-c-navigation-items.mzp-is-open {
  display: block;
}
@media (min-width: 768px) {
  .js .mzp-c-navigation-l-content .mzp-c-navigation-items {
    display: block;
  }
}

.mzp-c-article {
  width: 688px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .mzp-l-sidebar-left .mzp-l-main .mzp-c-article {
    float: left;
  }
  [dir=rtl] .mzp-l-sidebar-left .mzp-l-main .mzp-c-article {
    float: right;
  }
  .mzp-l-sidebar-right .mzp-l-main .mzp-c-article {
    float: right;
  }
  [dir=rtl] .mzp-l-sidebar-right .mzp-l-main .mzp-c-article {
    float: left;
  }
}

.mzp-c-article-title {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .mzp-c-article-title {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1;
  }
}

.mzp-c-article-intro {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}

.mzp-c-billboard {
  background: #ededf0;
  margin: 192px 0 32px;
  position: relative;
}
.mzp-c-billboard .mzp-c-billboard-content {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 346px;
  text-align: center;
}
.mzp-c-billboard .mzp-c-billboard-content-container {
  padding: 24px 8px;
  min-height: 220px;
}
.mzp-c-billboard .mzp-c-billboard-content-inner {
  width: 100%;
}
.mzp-c-billboard .mzp-c-billboard-title {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.05;
}
@media (min-width: 768px) {
  .mzp-c-billboard .mzp-c-billboard-title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
  }
}
.mzp-c-billboard .mzp-c-billboard-image-container {
  display: block;
  text-align: center;
}
.mzp-c-billboard .mzp-c-billboard-image {
  margin-top: -125px;
  max-width: 250px;
}
@media (min-width: 768px) {
  .mzp-c-billboard {
    zoom: 1;
    margin: 32px 0;
  }
  .mzp-c-billboard::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-c-billboard .mzp-c-billboard-content {
    max-width: 300px;
  }
  .mzp-c-billboard .mzp-c-billboard-content-container {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .mzp-c-billboard .mzp-c-billboard-image-container {
    margin: 24px 0;
    max-width: 300px;
  }
  .mzp-c-billboard .mzp-c-billboard-image {
    margin-top: 0;
  }
  .mzp-c-billboard.mzp-l-billboard-left .mzp-c-billboard-content {
    left: 0;
    margin-left: calc(50% - 308px);
    width: 50%;
  }
  .mzp-c-billboard.mzp-l-billboard-left .mzp-c-billboard-image-container {
    float: right;
    margin-right: calc(50% - 308px);
    width: 50%;
  }
  .mzp-c-billboard.mzp-l-billboard-right .mzp-c-billboard-content {
    right: 0;
    margin-right: calc(50% - 308px);
    width: 50%;
  }
  .mzp-c-billboard.mzp-l-billboard-right .mzp-c-billboard-image-container {
    float: left;
    margin-left: calc(50% - 308px);
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .mzp-c-billboard {
    margin: 96px 0;
  }
  .mzp-c-billboard .mzp-c-billboard-content {
    box-sizing: border-box;
    max-width: 374px;
  }
  .mzp-c-billboard .mzp-c-billboard-image-container {
    margin: -42px 0;
    max-width: 374px;
  }
  .mzp-c-billboard .mzp-c-billboard-image {
    max-width: none;
  }
  .mzp-c-billboard.mzp-l-billboard-left .mzp-c-billboard-content {
    margin-left: calc(50% - 390px);
  }
  .mzp-c-billboard.mzp-l-billboard-left .mzp-c-billboard-image-container {
    margin-right: calc(50% - 390px);
  }
  .mzp-c-billboard.mzp-l-billboard-right .mzp-c-billboard-content {
    margin-right: calc(50% - 390px);
  }
  .mzp-c-billboard.mzp-l-billboard-right .mzp-c-billboard-image-container {
    margin-left: calc(50% - 390px);
  }
}

.mzp-c-call-out {
  background-color: #f9f9fb;
  text-align: center;
}
.mzp-c-call-out.mzp-t-dark {
  background-color: #2b2a33;
  color: #ffffff;
}
.mzp-c-call-out.mzp-t-dark .mzp-c-call-out-desc {
  color: #ffffff;
}
.mzp-c-call-out .mzp-c-call-out-title {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.05;
}
@media (min-width: 768px) {
  .mzp-c-call-out .mzp-c-call-out-title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
  }
}
.mzp-c-call-out .mzp-c-call-out-desc {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.mzp-c-call-out .mzp-c-button-download-container {
  margin: 24px 0 0;
}
.mzp-c-call-out[class*=mzp-t-product-] .mzp-c-call-out-title {
  background-size: 64px 64px;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 88px 0 0 0;
}
.mzp-c-call-out.mzp-t-product-family .mzp-c-call-out-title {
  background-image: url(logo.c44317730fac4cb5.svg);
}
.mzp-c-call-out.mzp-t-product-firefox .mzp-c-call-out-title {
  background-image: url(logo.9c8a567664abc95c.svg);
}
.mzp-c-call-out.mzp-t-product-beta .mzp-c-call-out-title {
  background-image: url(logo.fd50abaabec1ffc2.svg);
}
.mzp-c-call-out.mzp-t-product-developer .mzp-c-call-out-title {
  background-image: url(logo.0151f94080dba331.svg);
}
.mzp-c-call-out.mzp-t-product-nightly .mzp-c-call-out-title {
  background-image: url(logo.604a98c924db7b1f.svg);
}
.mzp-c-call-out.mzp-t-product-focus .mzp-c-call-out-title {
  background-image: url(logo.ebc7934ddb3b9881.svg);
}
.mzp-c-call-out.mzp-t-product-mozilla .mzp-c-call-out-title {
  background-image: url(logo.7f337dedcd335493.svg);
}
.mzp-c-call-out.mzp-t-product-vpn .mzp-c-call-out-title {
  background-image: url(logo.187c0382894f3210.svg);
}
.mzp-c-call-out.mzp-t-product-vpn.mzp-t-dark .mzp-c-call-out-content {
  background-image: url(logo-flat-white.f629462fb8f369d4.svg);
}
.mzp-c-call-out.mzp-t-product-pocket .mzp-c-call-out-title {
  background-image: url(logo.a56921ebbd8908da.svg);
}
@media (min-width: 768px) {
  .mzp-c-call-out .mzp-l-content {
    margin: 0 auto;
    max-width: 800px;
    padding-bottom: 48px;
    padding-top: 48px;
  }
}

.mzp-c-call-out-compact {
  background-color: #f9f9fb;
}
.mzp-c-call-out-compact.mzp-t-dark {
  background-color: #2b2a33;
  color: #ffffff;
}
.mzp-c-call-out-compact.mzp-t-dark .mzp-c-call-out-desc {
  color: #ffffff;
}
.mzp-c-call-out-compact .mzp-c-call-out-title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.07;
}
@media (min-width: 768px) {
  .mzp-c-call-out-compact .mzp-c-call-out-title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.05;
  }
}
.mzp-c-call-out-compact .mzp-c-call-out-desc {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
.mzp-c-call-out-compact .mzp-c-call-out-cta {
  margin: 8px 0 0;
}
.mzp-c-call-out-compact .mzp-c-button-download-container {
  display: inline-block;
  margin-bottom: 0;
}
.mzp-c-call-out-compact[class*=mzp-t-product-] .mzp-c-call-out-content {
  box-sizing: border-box;
  background-size: 64px 64px;
  background-repeat: no-repeat;
  padding: 88px 0 0 0;
}
.mzp-c-call-out-compact[class*=mzp-t-product-] .mzp-c-call-out-content {
  background-position: left top;
}
[dir=rtl] .mzp-c-call-out-compact[class*=mzp-t-product-] .mzp-c-call-out-content {
  background-position: right top;
}
.mzp-c-call-out-compact.mzp-t-product-family .mzp-c-call-out-content {
  background-image: url(logo.c44317730fac4cb5.svg);
}
.mzp-c-call-out-compact.mzp-t-product-firefox .mzp-c-call-out-content {
  background-image: url(logo.9c8a567664abc95c.svg);
}
.mzp-c-call-out-compact.mzp-t-product-beta .mzp-c-call-out-content {
  background-image: url(logo.fd50abaabec1ffc2.svg);
}
.mzp-c-call-out-compact.mzp-t-product-developer .mzp-c-call-out-content {
  background-image: url(logo.0151f94080dba331.svg);
}
.mzp-c-call-out-compact.mzp-t-product-nightly .mzp-c-call-out-content {
  background-image: url(logo.604a98c924db7b1f.svg);
}
.mzp-c-call-out-compact.mzp-t-product-focus .mzp-c-call-out-content {
  background-image: url(logo.ebc7934ddb3b9881.svg);
}
.mzp-c-call-out-compact.mzp-t-product-mozilla .mzp-c-call-out-content {
  background-image: url(logo.7f337dedcd335493.svg);
}
.mzp-c-call-out-compact.mzp-t-product-vpn .mzp-c-call-out-content {
  background-image: url(logo.187c0382894f3210.svg);
}
.mzp-c-call-out-compact.mzp-t-product-vpn.mzp-t-dark .mzp-c-call-out-content {
  background-image: url(logo-flat-white.f629462fb8f369d4.svg);
}
.mzp-c-call-out-compact.mzp-t-product-pocket .mzp-c-call-out-content {
  background-image: url(logo.a56921ebbd8908da.svg);
}
@media (min-width: 768px) {
  .mzp-c-call-out-compact {
    zoom: 1;
  }
  .mzp-c-call-out-compact::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-c-call-out-compact .mzp-l-content {
    margin: 0 auto;
    max-width: 1056px;
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .mzp-c-call-out-compact[class*=mzp-t-product-] .mzp-c-call-out-content {
    min-height: 112px;
  }
  .mzp-c-call-out-compact[class*=mzp-t-product-] .mzp-c-call-out-content {
    background-position: left center;
    padding: 0 0 0 96px;
  }
  [dir=rtl] .mzp-c-call-out-compact[class*=mzp-t-product-] .mzp-c-call-out-content {
    background-position: right center;
    padding: 0 96px 0 0;
  }
  .mzp-c-call-out-compact .mzp-c-call-out-title,
  .mzp-c-call-out-compact .mzp-c-call-out-desc {
    margin-bottom: 0;
  }
  .mzp-c-call-out-compact .mzp-c-call-out-title + .mzp-c-call-out-desc {
    margin-top: 8px;
  }
  .mzp-c-call-out-compact .mzp-c-call-out-content {
    max-width: 624px;
    width: calc(66.6% - 24px);
  }
  .mzp-c-call-out-compact .mzp-c-call-out-content {
    float: left;
  }
  [dir=rtl] .mzp-c-call-out-compact .mzp-c-call-out-content {
    float: right;
  }
  .mzp-c-call-out-compact .mzp-c-call-out-cta {
    margin: 0;
    position: relative;
    width: calc(33.3% - 24px);
  }
  .mzp-c-call-out-compact .mzp-c-call-out-cta {
    float: right;
  }
  [dir=rtl] .mzp-c-call-out-compact .mzp-c-call-out-cta {
    float: left;
  }
  .mzp-c-call-out-compact .mzp-c-button-download-container {
    float: right;
  }
  [dir=rtl] .mzp-c-call-out-compact .mzp-c-button-download-container {
    float: left;
  }
}
@supports (display: grid) {
  @media (min-width: 768px) {
    .mzp-c-call-out-compact .mzp-l-content {
      grid-column-gap: 32px;
      -moz-column-gap: 32px;
           column-gap: 32px;
      display: grid;
      grid-template-columns: 2fr 1fr;
    }
    .mzp-c-call-out-compact .mzp-c-call-out-content {
      display: flex;
      width: auto;
      align-items: center;
    }
    .mzp-c-call-out-compact .mzp-c-call-out-cta {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: auto;
    }
  }
}

.mzp-c-emphasis-box {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 12px 1px rgba(29, 17, 51, 0.04), 0 3px 16px 2px rgba(9, 32, 77, 0.12), 0 5px 10px -3px rgba(29, 17, 51, 0.12);
  margin: 16px;
  padding: 32px;
}
.mzp-c-emphasis-box.mzp-t-dark {
  background-color: #000000;
  color: #ffffff;
}

.mzp-c-card-feature {
  margin: 0 auto 32px;
  text-align: center;
}
.mzp-l-content > .mzp-c-card-feature:last-child {
  margin-bottom: 0;
}
.mzp-c-card-feature.mzp-has-aspect-16-9 .mzp-c-card-feature-media {
  padding-bottom: 56.25%;
  position: relative;
}
.mzp-c-card-feature.mzp-has-aspect-16-9 .mzp-c-card-feature-media img,
.mzp-c-card-feature.mzp-has-aspect-16-9 .mzp-c-card-feature-media video,
.mzp-c-card-feature.mzp-has-aspect-16-9 .mzp-c-card-feature-media iframe,
.mzp-c-card-feature.mzp-has-aspect-16-9 .mzp-c-card-feature-media object,
.mzp-c-card-feature.mzp-has-aspect-16-9 .mzp-c-card-feature-media embed {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mzp-c-card-feature.mzp-has-aspect-3-2 .mzp-c-card-feature-media {
  padding-bottom: 66.6666666667%;
  position: relative;
}
.mzp-c-card-feature.mzp-has-aspect-3-2 .mzp-c-card-feature-media img,
.mzp-c-card-feature.mzp-has-aspect-3-2 .mzp-c-card-feature-media video,
.mzp-c-card-feature.mzp-has-aspect-3-2 .mzp-c-card-feature-media iframe,
.mzp-c-card-feature.mzp-has-aspect-3-2 .mzp-c-card-feature-media object,
.mzp-c-card-feature.mzp-has-aspect-3-2 .mzp-c-card-feature-media embed {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mzp-c-card-feature .mzp-c-card-feature-media {
  overflow: hidden;
  position: relative;
}
.mzp-c-card-feature .mzp-c-card-feature-media { /* stylelint-disable-line no-duplicate-selectors */ }
.mzp-c-card-feature .mzp-c-card-feature-media img,
.mzp-c-card-feature .mzp-c-card-feature-media video {
  height: auto;
  width: 100%;
}
.mzp-c-card-feature .mzp-c-card-feature-content {
  margin-top: 16px;
}
.mzp-c-card-feature .mzp-c-card-feature-content {
  text-align: left;
}
[dir=rtl] .mzp-c-card-feature .mzp-c-card-feature-content {
  text-align: right;
}
.mzp-c-card-feature .mzp-c-card-feature-title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.07;
}
@media (min-width: 768px) {
  .mzp-c-card-feature .mzp-c-card-feature-title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.05;
  }
}
.mzp-c-card-feature .mzp-c-card-feature-desc {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #1f2033;
  margin: 4px 0;
}
.mzp-c-card-feature .mzp-c-card-feature-list li {
  margin-bottom: 32px;
}
.mzp-c-card-feature .mzp-c-card-feature-list li:last-child {
  margin-bottom: 0;
}
.mzp-t-dark .mzp-c-card-feature {
  color: #ffffff;
}
.mzp-t-dark .mzp-c-card-feature .mzp-c-card-feature-desc {
  color: #e0e0e6;
}
@media (min-width: 768px) {
  .mzp-c-card-feature {
    margin-bottom: 192px;
    max-width: 688px;
  }
  .mzp-c-card-feature .mzp-c-card-feature-list li {
    margin-bottom: 48px;
  }
  .mzp-c-card-feature.mzp-l-card-feature-left-half, .mzp-c-card-feature.mzp-l-card-feature-right-half, .mzp-c-card-feature.mzp-l-card-feature-left-third, .mzp-c-card-feature.mzp-l-card-feature-right-third {
    zoom: 1;
    margin-bottom: 96px;
    max-width: none;
    position: relative;
  }
  .mzp-c-card-feature.mzp-l-card-feature-left-half::after, .mzp-c-card-feature.mzp-l-card-feature-right-half::after, .mzp-c-card-feature.mzp-l-card-feature-left-third::after, .mzp-c-card-feature.mzp-l-card-feature-right-third::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-content,
  .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-content,
  .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-content,
  .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-content,
  .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-media-wrapper {
    margin-top: 0;
  }
  .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-content,
  .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-content,
  .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-media-wrapper {
    width: calc(50% - (32px * 0.5));
  }
  .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-content, .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-content {
    width: calc(41% - 48px);
  }
  .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-media-wrapper {
    width: 59%;
  }
  .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-content, .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-content {
    float: left;
    left: 0;
  }
  [dir=rtl] .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-content, [dir=rtl] .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-content {
    float: right;
    left: auto;
    right: 0;
  }
  .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-media-wrapper {
    float: right;
  }
  [dir=rtl] .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-media-wrapper, [dir=rtl] .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-media-wrapper {
    float: left;
  }
  .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-content, .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-content {
    float: right;
    right: 0;
  }
  [dir=rtl] .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-content, [dir=rtl] .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-content {
    float: left;
    right: auto;
    left: 0;
  }
  .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-media-wrapper {
    float: left;
  }
  [dir=rtl] .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-media-wrapper, [dir=rtl] .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-media-wrapper {
    float: right;
  }
}
@supports (display: grid) {
  @media (min-width: 768px) {
    .mzp-c-card-feature.mzp-l-card-feature-left-half, .mzp-c-card-feature.mzp-l-card-feature-right-half, .mzp-c-card-feature.mzp-l-card-feature-left-third, .mzp-c-card-feature.mzp-l-card-feature-right-third {
      grid-column-gap: 32px;
      -moz-column-gap: 32px;
           column-gap: 32px;
      display: grid;
    }
    .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-content, .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-content, .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-content, .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-content {
      display: flex;
      align-items: center;
    }
    .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-content, .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-content {
      grid-column: 1;
      grid-row: 1;
      width: auto;
    }
    .mzp-c-card-feature.mzp-l-card-feature-left-half .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-left-third .mzp-c-card-feature-media-wrapper {
      grid-column: 2;
      grid-row: 1;
      width: auto;
    }
    .mzp-c-card-feature.mzp-l-card-feature-left-half {
      grid-template-columns: 1fr 1fr;
    }
    .mzp-c-card-feature.mzp-l-card-feature-left-third {
      grid-template-columns: 1fr 2fr;
    }
    .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-content, .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-content {
      grid-column: 2;
      grid-row: 1;
      width: auto;
    }
    .mzp-c-card-feature.mzp-l-card-feature-right-half .mzp-c-card-feature-media-wrapper, .mzp-c-card-feature.mzp-l-card-feature-right-third .mzp-c-card-feature-media-wrapper {
      grid-column: 1;
      grid-row: 1;
      width: auto;
    }
    .mzp-c-card-feature.mzp-l-card-feature-right-half {
      grid-template-columns: 1fr 1fr;
    }
    .mzp-c-card-feature.mzp-l-card-feature-right-third {
      grid-template-columns: 2fr 1fr;
    }
  }
  @media (min-width: 1024px) {
    .mzp-c-card-feature.mzp-l-card-feature-left-half, .mzp-c-card-feature.mzp-l-card-feature-right-half, .mzp-c-card-feature.mzp-l-card-feature-left-third, .mzp-c-card-feature.mzp-l-card-feature-right-third {
      grid-column-gap: 48px;
      -moz-column-gap: 48px;
           column-gap: 48px;
    }
  }
}

.mzp-c-split {
  overflow-x: hidden;
  position: relative;
  padding: 48px 0;
}
@media (min-width: 768px) {
  .mzp-c-split {
    padding: 48px 0;
  }
  .mzp-c-split.mzp-t-split-nospace {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 1312px) {
  .mzp-c-split {
    padding: 96px 0;
  }
}

.mzp-c-split-container {
  zoom: 1;
  margin: 0 auto;
  max-width: 1440px;
  min-width: 304px;
  padding: 0 24px;
}
.mzp-c-split-container::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .mzp-c-split-container {
    padding: 0 64px;
  }
}
@media (min-width: 1312px) {
  .mzp-c-split-container {
    padding: 0 80px;
  }
}
.mzp-t-content-md .mzp-c-split-container {
  max-width: 688px;
}
.mzp-t-content-lg .mzp-c-split-container {
  max-width: 928px;
}
.mzp-t-content-xl .mzp-c-split-container {
  max-width: 1152px;
}

.mzp-c-split-body {
  position: relative;
}
.mzp-c-split-body > :last-child {
  margin-bottom: 0;
}
.mzp-c-split-body > :last-child > :last-child {
  margin-bottom: 0;
}

.mzp-c-split-media {
  position: relative;
}

.mzp-c-split-media-asset {
  display: block;
  max-width: 100%;
}

.mzp-c-split-bg {
  padding: 48px 0;
}
@media (min-width: 768px) {
  .mzp-c-split-bg {
    padding: 48px 0;
  }
}
@media (min-width: 1312px) {
  .mzp-c-split-bg {
    padding: 96px 0;
  }
}

@media all and (max-width: 767px) {
  .mzp-c-split-body + .mzp-c-split-media,
  .mzp-c-split-media + .mzp-c-split-body {
    margin-top: 48px;
  }
  .mzp-l-split-center-on-sm-md .mzp-c-split-body,
  .mzp-l-split-center-on-sm-md .mzp-c-split-media,
  .mzp-l-split-center-on-sm-md .mzp-c-split-media-asset {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .mzp-l-split-hide-media-on-sm-md .mzp-c-split-body {
    margin-top: 0;
  }
  .mzp-l-split-hide-media-on-sm-md .mzp-c-split-media {
    display: none;
  }
}
@media (min-width: 768px) {
  .mzp-c-split-body {
    box-sizing: border-box;
    padding: 0 32px;
    width: 50%;
  }
  .mzp-c-split-body {
    float: left;
  }
  [dir=rtl] .mzp-c-split-body {
    float: right;
  }
  .mzp-l-split-reversed .mzp-c-split-body {
    float: right;
  }
  [dir=rtl] .mzp-l-split-reversed .mzp-c-split-body {
    float: left;
  }
  .mzp-c-split-media {
    box-sizing: border-box;
    padding: 0 32px;
    width: 50%;
  }
  .mzp-c-split-media {
    float: right;
  }
  [dir=rtl] .mzp-c-split-media {
    float: left;
  }
  .mzp-l-split-reversed .mzp-c-split-media {
    float: left;
  }
  [dir=rtl] .mzp-l-split-reversed .mzp-c-split-media {
    float: right;
  }
}
@media (min-width: 1024px) {
  .mzp-l-split-body-narrow .mzp-c-split-body {
    width: 33.33%;
  }
  .mzp-l-split-body-wide .mzp-c-split-body {
    width: 66.66%;
  }
  .mzp-l-split-body-narrow .mzp-c-split-media {
    width: 66.66%;
  }
  .mzp-l-split-body-wide .mzp-c-split-media {
    width: 33.33%;
  }
}
@media (min-width: 1312px) {
  .mzp-c-split-body,
  .mzp-c-split-media {
    padding: 0 40px;
  }
}
@supports (display: grid) {
  @media (min-width: 768px) {
    .mzp-c-split-container {
      align-items: center;
      display: grid;
      grid-column-gap: 64px;
      grid-template-areas: "body media";
      grid-template-columns: 1fr 1fr;
    }
    .mzp-l-split-reversed .mzp-c-split-container {
      grid-template-areas: "media body";
    }
    .mzp-c-split-container .mzp-c-split-body,
    .mzp-c-split-container .mzp-c-split-media {
      float: none;
      min-width: 0;
      padding: 0;
      width: 100%;
    }
    .mzp-c-split-body {
      grid-area: body;
    }
    .mzp-c-split-media {
      align-self: center;
      grid-area: media;
      justify-self: start;
    }
    .mzp-c-split-media .mzp-c-split-media-asset {
      display: block;
    }
    .mzp-l-split-reversed .mzp-c-split-media {
      justify-self: end;
    }
  }
  @media (min-width: 1024px) {
    .mzp-l-split-body-narrow .mzp-c-split-container {
      grid-template-columns: 1fr 2fr;
    }
    .mzp-l-split-body-wide .mzp-c-split-container {
      grid-template-columns: 2fr 1fr;
    }
    .mzp-l-split-body-narrow.mzp-l-split-reversed .mzp-c-split-container {
      grid-template-columns: 2fr 1fr;
    }
    .mzp-l-split-body-wide.mzp-l-split-reversed .mzp-c-split-container {
      grid-template-columns: 1fr 2fr;
    }
  }
  @media (min-width: 1312px) {
    .mzp-c-split-container {
      grid-column-gap: 80px;
    }
  }
}
@supports (display: grid) {
  @media (min-width: 768px) {
    .mzp-c-split-media.mzp-l-split-media-overflow .mzp-c-split-media-asset {
      max-width: none;
    }
    .mzp-l-split-reversed .mzp-c-split-media.mzp-l-split-media-overflow .mzp-c-split-media-asset {
      float: right;
    }
    [dir=rtl] .mzp-l-split-reversed .mzp-c-split-media.mzp-l-split-media-overflow .mzp-c-split-media-asset {
      float: left;
    }
    .mzp-c-split-media.mzp-l-split-media-constrain-height {
      height: 100%;
      justify-self: auto !important; /* stylelint-disable-line declaration-no-important */
    }
    .mzp-c-split-media.mzp-l-split-media-constrain-height .mzp-c-split-media-asset {
      bottom: 0;
      max-height: 100%;
      max-width: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: auto;
    }
    .mzp-c-split-media.mzp-l-split-media-constrain-height .mzp-c-split-media-asset {
      left: 0;
    }
    [dir=rtl] .mzp-c-split-media.mzp-l-split-media-constrain-height .mzp-c-split-media-asset {
      left: auto;
      right: 0;
    }
    .mzp-l-split-reversed .mzp-c-split-media.mzp-l-split-media-constrain-height .mzp-c-split-media-asset {
      left: auto;
      right: 0;
    }
    [dir=rtl] .mzp-l-split-reversed .mzp-c-split-media.mzp-l-split-media-constrain-height .mzp-c-split-media-asset {
      left: 0;
      right: auto;
      right: auto;
      left: 0;
    }
  }
}
@supports (display: grid) {
  @media (min-width: 768px) {
    .mzp-l-split-pop-top.mzp-c-split,
    .mzp-l-split-pop.mzp-c-split {
      padding-top: 96px;
    }
    .mzp-l-split-pop-top .mzp-c-split-media,
    .mzp-l-split-pop .mzp-c-split-media {
      margin-top: -48px;
    }
    .mzp-c-split-bg .mzp-l-split-pop-top .mzp-c-split-media,
    .mzp-c-split-bg .mzp-l-split-pop .mzp-c-split-media {
      margin-top: -96px;
    }
    .mzp-l-split-pop-bottom.mzp-c-split,
    .mzp-l-split-pop.mzp-c-split {
      padding-bottom: 96px;
    }
    .mzp-l-split-pop-bottom .mzp-c-split-media,
    .mzp-l-split-pop .mzp-c-split-media {
      margin-bottom: -48px;
    }
    .mzp-c-split-bg .mzp-l-split-pop-bottom .mzp-c-split-media,
    .mzp-c-split-bg .mzp-l-split-pop .mzp-c-split-media {
      margin-bottom: -96px;
    }
    .mzp-l-split-pop-top .mzp-l-split-media-constrain-height, .mzp-l-split-pop-bottom .mzp-l-split-media-constrain-height {
      height: calc(100% + 48px);
    }
    .mzp-l-split-pop .mzp-l-split-media-constrain-height {
      height: calc(100% + 96px);
    }
    .mzp-l-split-pop-top .mzp-c-split-bg .mzp-l-split-media-constrain-height, .mzp-l-split-pop-bottom .mzp-c-split-bg .mzp-l-split-media-constrain-height {
      height: calc(100% + 96px);
    }
    .mzp-l-split-pop .mzp-c-split-bg .mzp-l-split-media-constrain-height {
      height: calc(100% + 192px);
    }
  }
  @media (min-width: 1312px) {
    .mzp-l-split-pop-top.mzp-c-split,
    .mzp-l-split-pop.mzp-c-split {
      padding-top: 192px;
    }
    .mzp-l-split-pop-top .mzp-c-split-media,
    .mzp-l-split-pop .mzp-c-split-media {
      margin-top: -96px;
    }
    .mzp-l-split-pop-top .mzp-c-split-bg .mzp-c-split-media,
    .mzp-l-split-pop .mzp-c-split-bg .mzp-c-split-media {
      margin-top: -192px;
    }
    .mzp-l-split-pop-bottom.mzp-c-split,
    .mzp-l-split-pop.mzp-c-split {
      padding-bottom: 192px;
    }
    .mzp-l-split-pop-bottom .mzp-c-split-media,
    .mzp-l-split-pop .mzp-c-split-media {
      margin-bottom: -96px;
    }
    .mzp-l-split-pop-bottom .mzp-c-split-bg .mzp-c-split-media,
    .mzp-l-split-pop .mzp-c-split-bg .mzp-c-split-media {
      margin-bottom: -192px;
    }
    .mzp-l-split-pop-top .mzp-l-split-media-constrain-height, .mzp-l-split-pop-bottom .mzp-l-split-media-constrain-height {
      height: calc(100% + 96px);
    }
    .mzp-l-split-pop .mzp-l-split-media-constrain-height {
      height: calc(100% + 192px);
    }
    .mzp-l-split-pop-top .mzp-c-split-bg .mzp-l-split-media-constrain-height, .mzp-l-split-pop-bottom .mzp-c-split-bg .mzp-l-split-media-constrain-height {
      height: calc(100% + 192px);
    }
    .mzp-l-split-pop .mzp-c-split-bg .mzp-l-split-media-constrain-height {
      height: calc(100% + 384px);
    }
  }
}
@media (min-width: 768px) {
  .mzp-c-split .mzp-l-split-h-start {
    justify-self: start;
  }
  .mzp-c-split .mzp-l-split-h-start {
    text-align: left;
  }
  [dir=rtl] .mzp-c-split .mzp-l-split-h-start {
    text-align: right;
  }
  .mzp-c-split .mzp-l-split-h-center:not([class*=mzp-l-split-media-]) {
    justify-self: center;
    text-align: center;
  }
  .mzp-c-split .mzp-l-split-h-center:not([class*=mzp-l-split-media-]) .mzp-c-split-media-asset {
    margin: 0 auto;
  }
  .mzp-c-split .mzp-l-split-h-end:not([class*=mzp-l-split-media-]) {
    justify-self: end;
  }
  .mzp-c-split .mzp-l-split-h-end:not([class*=mzp-l-split-media-]) {
    text-align: right;
  }
  [dir=rtl] .mzp-c-split .mzp-l-split-h-end:not([class*=mzp-l-split-media-]) {
    text-align: left;
  }
  .mzp-c-split .mzp-l-split-h-end:not([class*=mzp-l-split-media-]) .mzp-c-split-media-asset {
    margin-left: auto;
    margin-right: 0;
  }
  [dir=rtl] .mzp-c-split .mzp-l-split-h-end:not([class*=mzp-l-split-media-]) .mzp-c-split-media-asset {
    margin-left: 0;
    margin-right: auto;
    margin-right: 0;
    margin-left: 0;
  }
  .mzp-c-split .mzp-l-split-v-start {
    align-self: start;
  }
  .mzp-c-split .mzp-l-split-v-start.mzp-l-split-media-constrain-height .mzp-c-split-media-asset {
    bottom: 0;
    top: 0;
    transform: none;
  }
  .mzp-c-split .mzp-l-split-v-center {
    align-self: center;
  }
  .mzp-c-split .mzp-l-split-v-end {
    align-self: end;
  }
  .mzp-c-split .mzp-l-split-v-end.mzp-l-split-media-constrain-height .mzp-c-split-media-asset {
    top: auto;
    transform: none;
  }
}
.mzp-c-inline-list {
  margin: 48px 0 0 -48px;
}
.mzp-c-inline-list li {
  display: inline-block;
  margin-bottom: 24px;
  margin-left: 48px;
  white-space: nowrap;
}
.mzp-c-inline-list li:last-child {
  margin-bottom: 48px;
}

html.mzp-is-noscroll {
  overflow: hidden;
  height: 100%;
}
html.mzp-is-noscroll body {
  height: 100%;
  overflow: hidden;
}
html.mzp-is-noscroll .mzp-c-modal {
  position: absolute;
}
@media (min-width: 768px) {
  html.mzp-is-noscroll {
    height: auto;
  }
  html.mzp-is-noscroll body {
    height: auto;
  }
  html.mzp-is-noscroll .mzp-c-modal {
    position: fixed;
  }
}

.mzp-c-modal {
  animation: mzp-a-fade-in 300ms ease-in 0ms 1 normal both;
  background: #000000;
  background: rgba(0, 0, 0, 0.85);
  bottom: 0;
  height: 101%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

.mzp-c-modal-window {
  padding: 24px;
}

.mzp-c-modal-inner {
  zoom: 1;
  background: rgba(0, 0, 0, 0.9);
  max-width: 1200px;
  padding: 32px;
  position: relative;
}
.mzp-c-modal-inner::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.mzp-c-modal-inner > header {
  padding-right: 64px;
}
[dir=rtl] .mzp-c-modal-inner > header {
  padding-right: 0;
  padding-left: 64px;
}
.mzp-c-modal-inner > header h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.08;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  color: #fff;
}
@media (min-width: 768px) {
  .mzp-c-modal-inner > header h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.07;
  }
}
@media (min-width: 1024px) {
  .mzp-c-modal-inner {
    margin: 24px auto 64px;
  }
}

.mzp-c-modal-close {
  cursor: pointer;
  position: absolute;
  top: 9px;
  z-index: 99;
}
.mzp-c-modal-close {
  right: 8px;
}
[dir=rtl] .mzp-c-modal-close {
  right: auto;
  left: 8px;
}
.mzp-c-modal-close .mzp-c-modal-button-close {
  direction: ltr;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  background: transparent url(close-white.b28895459704928a.svg) center center no-repeat;
  background-size: 20px 20px;
  border: none;
  height: 42px;
  min-width: 0;
  padding: 0;
  width: 42px;
}
.mzp-c-modal-close .mzp-c-modal-button-close:hover, .mzp-c-modal-close .mzp-c-modal-button-close:focus {
  transition: transform 0.1s ease-in-out;
  transform: scale(1.1);
}
.mzp-c-modal-close .mzp-c-modal-button-close:focus {
  outline: 1px dotted #ffffff;
}

.mzp-c-modal-overlay-contents {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  background: transparent;
  margin: 0 auto;
  padding-top: 24px;
  color: #ffffff;
}
.mzp-c-modal-overlay-contents a:link {
  color: #80ebff;
}
.mzp-c-modal-overlay-contents a:visited {
  color: #d9bfff;
}
.mzp-c-modal-overlay-contents a:hover,
.mzp-c-modal-overlay-contents a:focus,
.mzp-c-modal-overlay-contents a:active {
  color: #aaf2ff;
}
.mzp-c-modal-overlay-contents a:visited:hover,
.mzp-c-modal-overlay-contents a:visited:focus,
.mzp-c-modal-overlay-contents a:visited:active {
  color: #e7dfff;
}

.mzp-has-media .mzp-c-modal-overlay-contents img,
.mzp-has-media .mzp-c-modal-overlay-contents video {
  display: block;
  width: 100%;
  margin-bottom: 32px;
}

.js .mzp-u-modal-content {
  display: none;
}

.js .mzp-c-modal-inner .mzp-u-modal-content {
  display: block;
}

.mzp-c-menu-list {
  display: inline-block;
}

.mzp-c-menu-list-title {
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-size: inherit;
  font-weight: bold;
}

.mzp-c-menu-list-list {
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.mzp-c-menu-list-item {
  display: inline-block;
}
.mzp-c-menu-list-item a {
  color: #0060df;
  display: inline-block;
  padding: 8px;
  position: relative;
  text-decoration: none;
}
.mzp-t-download .mzp-c-menu-list-item a {
  padding-right: 30px;
}
[dir=rtl] .mzp-t-download .mzp-c-menu-list-item a {
  padding-right: 8px;
  padding-left: 30px;
}
.mzp-t-download .mzp-c-menu-list-item a::after {
  background-size: 20px, 20px;
  bottom: 8px;
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  width: 14px;
}
.mzp-t-download .mzp-c-menu-list-item a::after {
  right: 8px;
}
[dir=rtl] .mzp-t-download .mzp-c-menu-list-item a::after {
  right: auto;
  left: 8px;
}
.mzp-c-menu-list-item a:hover, .mzp-c-menu-list-item a:focus {
  background: #ededf0;
  color: #0250bb;
}
.mzp-c-menu-list-item a:hover::after, .mzp-c-menu-list-item a:focus::after {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2724px%27%20height%3D%2724px%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%3E%3Cg%20transform%3D%27translate%286.000000%2C%203.000000%29%27%20stroke%3D%27%230250bb%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M0%2C18%20L12%2C18%27%3E%3C%2Fpath%3E%3Cpolyline%20stroke-linejoin%3D%27round%27%20points%3D%270%208%206%2014%2012%208%27%3E%3C%2Fpolyline%3E%3Cpath%20d%3D%27M6%2C0%20L6%2C14%27%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
}

.is-details.mzp-c-menu-list {
  position: relative;
}
.is-details .mzp-c-menu-list-title button {
  background: transparent;
  border: 0;
  color: #0060df;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  text-align: inherit;
  text-decoration: underline;
  width: 100%;
}
.is-details .mzp-c-menu-list-title button {
  padding: 0 24px 0 0;
}
[dir=rtl] .is-details .mzp-c-menu-list-title button {
  padding: 0 0 0 24px;
}
.is-details .mzp-c-menu-list-title button::after {
  background-size: 20px, 20px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2724px%27%20height%3D%2724px%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20stroke%3D%27%230060df%27%20stroke-width%3D%272%27%20points%3D%275%209%2012%2016%2019%209%27%3E%3C%2Fpolyline%3E%3C%2Fg%3E%3C%2Fsvg%3E") center bottom no-repeat;
  bottom: 1px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 16px;
  transition: transform 200ms ease-in-out;
}
.is-details .mzp-c-menu-list-title button::after {
  right: 0;
}
[dir=rtl] .is-details .mzp-c-menu-list-title button::after {
  right: auto;
  left: 0;
}
.is-details .mzp-c-menu-list-title button[aria-expanded=true]::after {
  transform: scaleY(-1);
}
.is-details .mzp-c-menu-list-title button:hover, .is-details .mzp-c-menu-list-title button:focus {
  color: #0250bb;
  text-decoration: none;
}
.is-details .mzp-c-menu-list-title button:hover::after, .is-details .mzp-c-menu-list-title button:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2724px%27%20height%3D%2724px%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20stroke%3D%27%230250bb%27%20stroke-width%3D%272%27%20points%3D%275%209%2012%2016%2019%209%27%3E%3C%2Fpolyline%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.is-details .mzp-c-menu-list-list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  padding: 4px 0;
  min-width: 150px;
}
.is-details .mzp-c-menu-list-list.is-closed {
  display: none;
}
.is-details .mzp-c-menu-list-item {
  display: block;
}
.is-details .mzp-c-menu-list-item a {
  display: block;
}

.mzp-c-newsletter-form input[type=email],
.mzp-c-newsletter-form select {
  width: 100%;
}
.mzp-c-newsletter-form .mzp-c-form-submit {
  text-align: center;
}
.mzp-c-newsletter-form .mzp-c-button {
  margin-bottom: 8px;
  width: 100%;
}
.mzp-c-newsletter-form .mzp-c-form-errors {
  display: none;
}

.mzp-c-newsletter-title {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.05;
  margin-bottom: 0.25em;
}
@media (min-width: 768px) {
  .mzp-c-newsletter-title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
  }
}

.mzp-c-newsletter-image {
  margin-bottom: 24px;
  text-align: center;
}

.mzp-c-newsletter-thanks {
  display: none;
}

.js .mzp-c-newsletter-details {
  display: none;
}

.mzp-c-newsletter {
  margin: 0 auto;
  max-width: 432px;
  padding: 24px 0;
}
.mzp-l-content > .mzp-c-newsletter:first-child {
  padding-top: 0;
}
.mzp-l-content > .mzp-c-newsletter:last-child {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .mzp-c-newsletter {
    zoom: 1;
    padding: 64px 48px;
    max-width: none;
  }
  .mzp-c-newsletter::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-c-newsletter .mzp-c-newsletter-image {
    box-sizing: border-box;
    width: 50%;
    float: left;
  }
  .mzp-c-newsletter .mzp-c-newsletter-form,
  .mzp-c-newsletter .mzp-c-newsletter-thanks {
    box-sizing: border-box;
    width: 50%;
    float: right;
    padding-top: 48px;
  }
  @supports (display: grid) {
    .mzp-c-newsletter {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .mzp-c-newsletter::after {
      display: none;
    }
    .mzp-c-newsletter .mzp-c-newsletter-image,
    .mzp-c-newsletter .mzp-c-newsletter-form,
    .mzp-c-newsletter .mzp-c-newsletter-thanks {
      width: auto;
      float: none;
    }
    .mzp-c-newsletter .mzp-c-newsletter-image {
      grid-column: 1;
    }
    .mzp-c-newsletter .mzp-c-newsletter-form,
    .mzp-c-newsletter .mzp-c-newsletter-thanks {
      grid-column: 2;
    }
  }
}
@media (min-width: 1024px) {
  .mzp-c-newsletter {
    padding: 64px 192px;
  }
  .mzp-c-newsletter .mzp-c-newsletter-form,
  .mzp-c-newsletter .mzp-c-newsletter-thanks {
    padding-top: 64px;
  }
}
@media (min-width: 1312px) {
  .mzp-c-newsletter {
    padding: 80px 192px;
  }
}

.mzp-c-notification-bar {
  box-sizing: border-box;
  zoom: 1;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  background-color: #ededf0;
  border-radius: 4px;
  border: 1px;
  box-shadow: 0 16px 24px 2px rgba(29, 17, 51, 0.04), 0 6px 32px 4px rgba(9, 32, 77, 0.12), 0 8px 12px -5px rgba(29, 17, 51, 0.12);
  color: #20123a;
  font-weight: normal;
  margin: 24px 16px 0;
  padding: 16px 48px;
  position: relative;
  text-align: center;
}
.mzp-c-notification-bar::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
@media (min-width: 480px) {
  .mzp-c-notification-bar {
    margin: 24px auto 0;
    max-width: 688px;
  }
}
.mzp-c-notification-bar p {
  display: inline-block;
  margin: 0 auto;
}
.mzp-c-notification-bar a:link,
.mzp-c-notification-bar a:visited {
  color: inherit;
  display: inline-block;
  font-size: inherit;
  font-weight: 700;
  margin: 0 8px;
}
.mzp-c-notification-bar a:link:hover, .mzp-c-notification-bar a:link:active, .mzp-c-notification-bar a:link:focus,
.mzp-c-notification-bar a:visited:hover,
.mzp-c-notification-bar a:visited:active,
.mzp-c-notification-bar a:visited:focus {
  color: inherit;
  text-decoration: none;
}
.mzp-c-notification-bar.mzp-is-sticky {
  left: 16px;
  margin: 16px 0;
  position: fixed;
  right: 16px;
  z-index: 2;
}
@media (min-width: 480px) {
  .mzp-c-notification-bar.mzp-is-sticky {
    margin: 16px auto;
  }
}
.mzp-c-notification-bar .mzp-c-notification-bar-button {
  direction: ltr;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  background: url(close.5d98c7f0a49b9f91.svg) center center/20px 20px no-repeat;
  border: 0;
  height: 20px;
  margin: 8px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.mzp-c-notification-bar .mzp-c-notification-bar-button {
  right: 0;
  left: auto;
}
[dir=rtl] .mzp-c-notification-bar .mzp-c-notification-bar-button {
  right: auto;
  left: 0;
}
.mzp-c-notification-bar .mzp-c-notification-bar-button:hover {
  cursor: pointer;
}
.mzp-c-notification-bar .mzp-c-notification-bar-button:focus {
  border: 1px solid;
}
@media (min-width: 480px) {
  .mzp-c-notification-bar .mzp-c-notification-bar-button {
    background-color: #b1b1bc;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 40px;
    float: right;
  }
  .mzp-c-notification-bar .mzp-c-notification-bar-button {
    float: right;
    border-radius: 0 4px 4px 0;
  }
  [dir=rtl] .mzp-c-notification-bar .mzp-c-notification-bar-button {
    float: left;
    border-radius: 4px 0 0 4px;
  }
  .mzp-c-notification-bar .mzp-c-notification-bar-button:hover, .mzp-c-notification-bar .mzp-c-notification-bar-button:focus {
    background-color: #9595a2;
    border: 0;
  }
}
.mzp-c-notification-bar.mzp-t-success {
  background-color: #88ffd1;
}
@media (min-width: 480px) {
  .mzp-c-notification-bar.mzp-t-success .mzp-c-notification-bar-button {
    background-color: #2ac3a2;
  }
  .mzp-c-notification-bar.mzp-t-success .mzp-c-notification-bar-button:hover, .mzp-c-notification-bar.mzp-t-success .mzp-c-notification-bar-button:focus {
    background-color: #008787;
  }
}
.mzp-c-notification-bar.mzp-t-error {
  background-color: #ff6a75;
}
@media (min-width: 480px) {
  .mzp-c-notification-bar.mzp-t-error .mzp-c-notification-bar-button {
    background-color: #e22850;
  }
  .mzp-c-notification-bar.mzp-t-error .mzp-c-notification-bar-button:hover, .mzp-c-notification-bar.mzp-t-error .mzp-c-notification-bar-button:focus {
    background-color: #c50042;
  }
}
.mzp-c-notification-bar.mzp-t-warning {
  background-color: #ffea80;
}
@media (min-width: 480px) {
  .mzp-c-notification-bar.mzp-t-warning .mzp-c-notification-bar-button {
    background-color: #ffbd4f;
  }
  .mzp-c-notification-bar.mzp-t-warning .mzp-c-notification-bar-button:hover, .mzp-c-notification-bar.mzp-t-warning .mzp-c-notification-bar-button:focus {
    background-color: #ffa436;
  }
}
.mzp-c-notification-bar.mzp-t-click {
  background-color: #0060df;
  color: #ffffff;
  font-weight: 600;
}
.mzp-c-notification-bar.mzp-t-click .mzp-c-notification-bar-button {
  background-image: url(close-white.b28895459704928a.svg);
}
@media (min-width: 480px) {
  .mzp-c-notification-bar.mzp-t-click .mzp-c-notification-bar-button {
    background-color: #054096;
  }
  .mzp-c-notification-bar.mzp-t-click .mzp-c-notification-bar-button:hover, .mzp-c-notification-bar.mzp-t-click .mzp-c-notification-bar-button:focus {
    background-color: #073072;
  }
}

.mzp-c-picto {
  box-sizing: border-box;
  margin: 0 auto 48px;
  max-width: 688px;
}

.mzp-c-picto-heading {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.08;
}
@media (min-width: 768px) {
  .mzp-c-picto-heading {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.07;
  }
}

.mzp-c-picto-image {
  margin-bottom: 24px;
}

.mzp-t-picto-center .mzp-c-picto {
  text-align: center;
}
.mzp-t-picto-center .mzp-c-picto-image {
  margin: 0 auto 24px;
}

@media (min-width: 480px) {
  .mzp-t-picto-side .mzp-c-picto {
    position: relative;
  }
  .mzp-t-picto-side .mzp-c-picto {
    padding-left: 96px;
    padding-right: 0;
  }
  [dir=rtl] .mzp-t-picto-side .mzp-c-picto {
    padding-left: 0;
    padding-right: 96px;
  }
  .mzp-t-picto-side .mzp-c-picto-image {
    display: block;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 64px;
  }
  .mzp-t-picto-side .mzp-c-picto-image {
    left: 0;
    right: auto;
  }
  [dir=rtl] .mzp-t-picto-side .mzp-c-picto-image {
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  .mzp-l-columns .mzp-c-picto {
    margin-bottom: 0;
    width: 100%;
  }
}
.mzp-t-content-lg .mzp-l-columns.mzp-t-columns-four.mzp-t-picto-side .mzp-c-picto,
.mzp-t-content-lg .mzp-l-columns.mzp-t-columns-four .mzp-t-picto-side .mzp-c-picto,
.mzp-t-content-lg.mzp-l-columns.mzp-t-columns-four.mzp-t-picto-side .mzp-c-picto,
.mzp-t-content-lg.mzp-l-columns.mzp-t-columns-four .mzp-t-picto-side .mzp-c-picto {
  padding: 0;
}
.mzp-t-content-lg .mzp-l-columns.mzp-t-columns-four.mzp-t-picto-side .mzp-c-picto-image,
.mzp-t-content-lg .mzp-l-columns.mzp-t-columns-four .mzp-t-picto-side .mzp-c-picto-image,
.mzp-t-content-lg.mzp-l-columns.mzp-t-columns-four.mzp-t-picto-side .mzp-c-picto-image,
.mzp-t-content-lg.mzp-l-columns.mzp-t-columns-four .mzp-t-picto-side .mzp-c-picto-image {
  margin-bottom: 24px;
  position: static;
  text-align: inherit;
  width: auto;
}

@media (min-width: 1024px) {
  .mzp-t-columns-four.mzp-t-picto-side .mzp-c-picto,
  .mzp-t-columns-four .mzp-t-picto-side .mzp-c-picto {
    padding: 0;
  }
  .mzp-t-columns-four.mzp-t-picto-side .mzp-c-picto-image,
  .mzp-t-columns-four .mzp-t-picto-side .mzp-c-picto-image {
    margin-bottom: 24px;
    position: static;
    text-align: inherit;
    width: auto;
  }
}
.mzp-c-sidemenu {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #ededf0;
  padding: 8px 24px;
  margin: 0 -24px 32px;
}

.mzp-c-sidemenu-summary {
  display: none;
}
.mzp-c-sidemenu-summary ul {
  margin: 0;
}
.mzp-c-sidemenu-summary li {
  color: #42425a;
  display: inline-block;
}
.mzp-c-sidemenu-summary li {
  margin-right: 4px;
}
[dir=rtl] .mzp-c-sidemenu-summary li {
  margin-right: 0;
  margin-left: 4px;
}
.mzp-c-sidemenu-summary li::after {
  content: "▸";
  display: inline-block;
}
.mzp-c-sidemenu-summary li::after {
  margin-left: 4px;
  transform: none;
}
[dir=rtl] .mzp-c-sidemenu-summary li::after {
  margin-left: 0;
  margin-right: 4px;
  transform: translateY(3px) rotate(180deg);
}
.mzp-c-sidemenu-summary li:last-child::after {
  content: "";
  margin: 0;
}
.mzp-c-sidemenu-summary li.mzp-is-current {
  color: #000000;
}

.mzp-c-sidemenu-main ul {
  margin: 0;
}
.mzp-c-sidemenu-main li {
  margin-bottom: 0.25em;
}
.mzp-c-sidemenu-main a {
  border-radius: 2px;
  display: block;
  padding: 0.35em 24px;
  text-decoration: none;
  transition: background-color 100ms ease-in;
}
.mzp-c-sidemenu-main a:hover, .mzp-c-sidemenu-main a:focus, .mzp-c-sidemenu-main a:active {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: underline;
}
.mzp-c-sidemenu-main .mzp-is-current a {
  font-weight: bold;
  background-color: #ededf0;
}

.mzp-c-sidemenu-label {
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  position: relative;
}
.mzp-c-sidemenu-label {
  padding-right: 24px;
}
[dir=rtl] .mzp-c-sidemenu-label {
  padding-right: 0;
  padding-left: 24px;
}
.mzp-c-sidemenu-label::after {
  transform: rotate(90deg);
  color: #42425a;
  content: none;
  font-size: 1.5em;
  position: absolute;
  top: 0;
}
.mzp-c-sidemenu-label::after {
  right: 0;
}
[dir=rtl] .mzp-c-sidemenu-label::after {
  right: auto;
  left: 0;
}

.mzp-c-sidemenu-title {
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  line-height: 1.5;
  margin-bottom: 0.25em;
}
.mzp-c-sidemenu-title a {
  padding: 0.35em 16px;
}

.js .mzp-c-sidemenu-summary {
  display: block;
  padding: 8px 24px;
  margin: -8px -24px;
}
.js .mzp-c-sidemenu-main {
  display: none;
}
.js .mzp-c-sidemenu-label::after {
  content: "▸";
}
.js .mzp-is-active .mzp-c-sidemenu-label::after {
  transform: rotate(-90deg);
}
.js .mzp-is-active .mzp-c-sidemenu-main {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  margin: 16px -16px 0;
}

@media (min-width: 768px) {
  .js .mzp-c-sidemenu-summary {
    display: none;
  }
  .js .mzp-c-sidemenu-main {
    display: block;
  }
  .js .mzp-is-active .mzp-c-sidemenu-main {
    margin: 0;
  }
  .js .mzp-c-sidemenu {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    background-color: transparent;
    padding: 0;
    margin: 0;
  }
}
[class*=mzp-has-zap] strong {
  position: relative;
}
[class*=mzp-has-zap] strong::after {
  background-image: url(zap-01.73b667e2037b15d7.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 0.3em;
  left: -0.2em;
  position: absolute;
  top: calc(100% - 0.15em);
  width: calc(100% + 0.4em);
}

.mzp-has-zap-2 strong::after {
  background-image: url(zap-02.5928529f2c1a083d.svg);
}

.mzp-has-zap-3 strong::after {
  background-image: url(zap-03.e4a5ad3cd3a83c2a.svg);
}

.mzp-has-zap-4 strong::after {
  background-image: url(zap-04.3cbeea72eb701455.svg);
}

.mzp-has-zap-5 strong::after {
  background-image: url(zap-05.20b3fd0aae9c6bdb.svg);
}

.mzp-has-zap-6 strong::after {
  background-image: url(zap-06.00bb157cbcb8382b.svg);
}

.mzp-has-zap-7 strong::after {
  background-image: url(zap-07.1ebab586a07ea1a5.svg);
}

.mzp-has-zap-8 strong::after {
  background-image: url(zap-08.e9a3d96b466972e9.svg);
}

.mzp-has-zap-9 strong::after {
  background-image: url(zap-09.46e7d484f8539bad.svg);
}

.mzp-has-zap-10 strong::after {
  background-image: url(zap-10.509acd3adfbed635.svg);
}

.mzp-has-zap-11 strong::after {
  background-image: url(zap-11.481f601119bcb7bf.svg);
}

.mzp-has-zap-12 strong::after {
  background-image: url(zap-12.6e765789b89313a2.svg);
}

.mzp-has-zap-13 strong::after {
  background-image: url(zap-13.91b4718d470a681d.svg);
}

.mzp-has-zap-14 strong::after {
  background-image: url(zap-14.e9b577d6c9265dec.svg);
}

.mzp-has-zap-15 strong::after {
  background-image: url(zap-15.072f08819a3ad0a5.svg);
}

.mzp-has-zap-16 strong::after {
  background-image: url(zap-16.a917e56b3157be47.svg);
}

.mzp-has-zap-17 strong::after {
  background-image: url(zap-17.c5a9e39d3ce8697d.svg);
}

.mzp-has-zap-18 strong::after {
  background-image: url(zap-18.0715206af62427ff.svg);
}

@media (min-width: 480px) {
  .mzp-l-card-hero {
    zoom: 1;
  }
  .mzp-l-card-hero::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-l-card-hero .mzp-c-card {
    width: calc(50% - (32px * 0.5));
  }
  .mzp-l-card-hero .mzp-c-card {
    float: left;
    margin-left: 0;
    margin-right: 32px;
  }
  [dir=rtl] .mzp-l-card-hero .mzp-c-card {
    float: right;
    margin-left: 32px;
    margin-right: 0;
  }
  .mzp-l-card-hero .mzp-c-card.mzp-c-card-extra-small, .mzp-l-card-hero .mzp-c-card, .mzp-l-card-hero .mzp-c-card.mzp-c-card-medium, .mzp-l-card-hero .mzp-c-card.mzp-c-card-large {
    max-width: 100%;
  }
  .mzp-l-card-hero .mzp-c-card:nth-child(odd) {
    margin-left: 0;
    margin-right: 0;
  }
  .mzp-l-card-hero .mzp-c-card.mzp-c-card-large {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .mzp-l-card-hero .mzp-c-card {
    width: calc(33.3% - (32px - (32px * 0.33)));
  }
  .mzp-l-card-hero .mzp-c-card:nth-child(odd) {
    margin-left: 0;
    margin-right: 32px;
  }
  [dir=rtl] .mzp-l-card-hero .mzp-c-card:nth-child(odd) {
    margin-left: 32px;
    margin-right: 0;
  }
  .mzp-l-card-hero .mzp-c-card:nth-child(2), .mzp-l-card-hero .mzp-c-card:last-child {
    margin-right: 0;
  }
  [dir=rtl] .mzp-l-card-hero .mzp-c-card:nth-child(2), [dir=rtl] .mzp-l-card-hero .mzp-c-card:last-child {
    margin-right: 0;
    margin-left: 0;
  }
  .mzp-l-card-hero .mzp-c-card:nth-child(3n) {
    clear: left;
  }
  [dir=rtl] .mzp-l-card-hero .mzp-c-card:nth-child(3n) {
    clear: right;
  }
  .mzp-l-card-hero .mzp-c-card.mzp-c-card-large {
    width: calc(66.6% - (32px * 0.33));
  }
}

@media (min-width: 480px) {
  .mzp-l-card-quarter {
    zoom: 1;
  }
  .mzp-l-card-quarter::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-l-card-quarter .mzp-c-card {
    width: calc(50% - (32px * 0.5));
  }
  .mzp-l-card-quarter .mzp-c-card {
    float: left;
    margin-left: 0;
    margin-right: 32px;
  }
  [dir=rtl] .mzp-l-card-quarter .mzp-c-card {
    float: right;
    margin-left: 32px;
    margin-right: 0;
  }
  .mzp-l-card-quarter .mzp-c-card.mzp-c-card-extra-small, .mzp-l-card-quarter .mzp-c-card, .mzp-l-card-quarter .mzp-c-card.mzp-c-card-medium, .mzp-l-card-quarter .mzp-c-card.mzp-c-card-large {
    max-width: 100%;
  }
  .mzp-l-card-quarter .mzp-c-card:nth-child(even) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .mzp-l-card-quarter .mzp-c-card {
    width: calc(25% - (32px - (32px * 0.25)));
  }
  .mzp-l-card-quarter .mzp-c-card {
    margin-left: 0;
    margin-right: 32px;
  }
  [dir=rtl] .mzp-l-card-quarter .mzp-c-card {
    margin-left: 32px;
    margin-right: 0;
  }
  .mzp-l-card-quarter .mzp-c-card:nth-child(even) {
    margin-left: 0;
    margin-right: 32px;
  }
  [dir=rtl] .mzp-l-card-quarter .mzp-c-card:nth-child(even) {
    margin-left: 32px;
    margin-right: 0;
  }
  .mzp-l-card-quarter .mzp-c-card:nth-child(4n) {
    margin-right: 0;
  }
  [dir=rtl] .mzp-l-card-quarter .mzp-c-card:nth-child(4n) {
    margin-right: 0;
    margin-left: 0;
  }
  .mzp-l-card-quarter .mzp-c-card:nth-child(4n+1) {
    clear: left;
  }
  [dir=rtl] .mzp-l-card-quarter .mzp-c-card:nth-child(4n+1) {
    clear: right;
  }
}

@media (min-width: 480px) {
  .mzp-l-card-third {
    zoom: 1;
  }
  .mzp-l-card-third::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-l-card-third .mzp-c-card {
    width: calc(50% - (32px * 0.5));
  }
  .mzp-l-card-third .mzp-c-card {
    float: left;
    margin-left: 0;
    margin-right: 32px;
  }
  [dir=rtl] .mzp-l-card-third .mzp-c-card {
    float: right;
    margin-left: 32px;
    margin-right: 0;
  }
  .mzp-l-card-third .mzp-c-card.mzp-c-card-extra-small, .mzp-l-card-third .mzp-c-card, .mzp-l-card-third .mzp-c-card.mzp-c-card-medium, .mzp-l-card-third .mzp-c-card.mzp-c-card-large {
    max-width: 100%;
  }
  .mzp-l-card-third .mzp-c-card:nth-child(even) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .mzp-l-card-third .mzp-c-card {
    width: calc(33.3% - (32px - (32px * 0.33)));
  }
  .mzp-l-card-third .mzp-c-card:nth-child(even) {
    margin-left: 0;
    margin-right: 32px;
  }
  [dir=rtl] .mzp-l-card-third .mzp-c-card:nth-child(even) {
    margin-left: 32px;
    margin-right: 0;
  }
  .mzp-l-card-third .mzp-c-card:nth-child(3n) {
    margin-right: 0;
  }
  [dir=rtl] .mzp-l-card-third .mzp-c-card:nth-child(3n) {
    margin-right: 0;
    margin-left: 0;
  }
  .mzp-l-card-third .mzp-c-card:nth-child(3n+1) {
    clear: left;
  }
  [dir=rtl] .mzp-l-card-third .mzp-c-card:nth-child(3n+1) {
    clear: right;
  }
}

.mzp-l-card-third { /* stylelint-disable-line no-duplicate-selectors */ }
@media (min-width: 768px) {
  .mzp-l-card-third {
    zoom: 1;
  }
  .mzp-l-card-third::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-l-card-third .mzp-c-card-picto {
    width: 33.3%;
  }
  .mzp-l-card-third .mzp-c-card-picto {
    float: left;
  }
  [dir=rtl] .mzp-l-card-third .mzp-c-card-picto {
    float: right;
  }
}

@media (min-width: 480px) {
  .mzp-l-card-half {
    zoom: 1;
  }
  .mzp-l-card-half::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-l-card-half .mzp-c-card {
    float: left;
    margin-left: 0;
    margin-right: 32px;
  }
  [dir=rtl] .mzp-l-card-half .mzp-c-card {
    float: right;
    margin-left: 32px;
    margin-right: 0;
  }
  .mzp-l-card-half .mzp-c-card.mzp-c-card-extra-small, .mzp-l-card-half .mzp-c-card, .mzp-l-card-half .mzp-c-card.mzp-c-card-medium, .mzp-l-card-half .mzp-c-card.mzp-c-card-large {
    max-width: 100%;
  }
  .mzp-l-card-half .mzp-c-card:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
  }
  .mzp-l-card-half .mzp-c-card:nth-child(2n+1) {
    clear: left;
  }
  [dir=rtl] .mzp-l-card-half .mzp-c-card:nth-child(2n+1) {
    clear: right;
  }
  .mzp-l-card-half .mzp-c-card { /* stylelint-disable-line no-duplicate-selectors */
    width: calc(50% - (32px - (32px * 0.5)));
  }
}
@media (min-width: 768px) {
  .mzp-l-card-half {
    zoom: 1;
  }
  .mzp-l-card-half::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mzp-l-card-half .mzp-c-card-picto {
    width: 50%;
  }
  .mzp-l-card-half .mzp-c-card-picto {
    float: left;
  }
  [dir=rtl] .mzp-l-card-half .mzp-c-card-picto {
    float: right;
  }
}

@media (min-width: 768px) {
  .mzp-has-sidebar .mzp-l-main {
    box-sizing: border-box;
    width: 66.666%;
  }
  .mzp-has-sidebar .mzp-l-sidebar {
    box-sizing: border-box;
    width: 33.333%;
  }
  .mzp-has-sidebar.mzp-l-sidebar-left .mzp-l-main {
    float: right;
    padding-left: 16px;
    padding-right: 0;
  }
  [dir=rtl] .mzp-has-sidebar.mzp-l-sidebar-left .mzp-l-main {
    float: left;
    padding-left: 0;
    padding-right: 16px;
  }
  .mzp-has-sidebar.mzp-l-sidebar-left .mzp-l-sidebar {
    float: left;
    padding-right: 16px;
    padding-left: 0;
  }
  [dir=rtl] .mzp-has-sidebar.mzp-l-sidebar-left .mzp-l-sidebar {
    float: right;
    padding-right: 0;
    padding-left: 16px;
  }
  .mzp-has-sidebar.mzp-l-sidebar-right .mzp-l-main {
    float: left;
    padding-right: 16px;
    padding-left: 0;
  }
  [dir=rtl] .mzp-has-sidebar.mzp-l-sidebar-right .mzp-l-main {
    float: right;
    padding-right: 0;
    padding-left: 16px;
  }
  .mzp-has-sidebar.mzp-l-sidebar-right .mzp-l-sidebar {
    float: right;
    padding-left: 16px;
    padding-right: 0;
  }
  [dir=rtl] .mzp-has-sidebar.mzp-l-sidebar-right .mzp-l-sidebar {
    float: left;
    padding-left: 0;
    padding-right: 16px;
  }
}
@media (min-width: 1024px) {
  .mzp-has-sidebar .mzp-l-main {
    box-sizing: border-box;
    width: 75%;
  }
  .mzp-has-sidebar .mzp-l-sidebar {
    box-sizing: border-box;
    width: 25%;
  }
}
.mzp-l-content {
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  width: 100%;
  max-width: 1312px;
}
@media (min-width: 1024px) {
  .mzp-l-content {
    padding-right: 32px;
    padding-left: 32px;
  }
}

.grid-container-example {
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  width: 100%;
  max-width: 1312px;
  margin-bottom: 16px;
  padding-top: 8px;
  outline: 1px solid #ddd;
}
@media (min-width: 1024px) {
  .grid-container-example {
    padding-right: 32px;
    padding-left: 32px;
  }
}

.grid-row-example {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.grid-1-example,
.grid-sidebar-example,
.grid-main-example {
  position: relative;
  margin-bottom: 8px;
  padding: 10px;
  font-size: 12px;
}
.grid-1-example:after,
.grid-sidebar-example:after,
.grid-main-example:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.05);
  content: "";
}

.grid-1-example {
  width: calc(25% - 32px);
  margin-right: 16px;
  margin-left: 16px;
}
@media (min-width: 480px) {
  .grid-1-example {
    width: calc(16.6666666667% - 32px);
  }
}
@media (min-width: 1024px) {
  .grid-1-example {
    width: calc(12.5% - 32px);
  }
}
@media (min-width: 1312px) {
  .grid-1-example {
    width: calc(10% - 32px);
  }
}

.grid-row-layout-example {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
.grid-row-layout-example {
  flex-direction: row;
}
[dir=rtl] .grid-row-layout-example {
  flex-direction: row-reverse;
}

.grid-sidebar-example,
.grid-main-example {
  width: 100%;
  margin-right: 16px;
  margin-left: 16px;
}

@media (min-width: 480px) {
  .grid-sidebar-example {
    width: calc(((16.6666666667% - 32px) * 2) + 32px);
  }
  .grid-main-example {
    width: calc(((16.6666666667% - 32px) * 4) + 96px);
  }
}
@media (min-width: 1024px) {
  .grid-sidebar-example {
    width: calc(((12.5% - 32px) * 2) + 32px);
  }
  .grid-main-example {
    width: calc(((12.5% - 32px) * 6) + 160px);
  }
}
@media (min-width: 1312px) {
  .grid-sidebar-example {
    width: calc(((10% - 32px) * 3) + 64px);
  }
  .grid-main-example {
    width: calc(((10% - 32px) * 7) + 192px);
  }
}
:root {
  --color-green-01: #E3FFF3;
  --color-green-02: #D1FFEE;
  --color-green-03: #B3FFE3;
  --color-green-04: #87FFD1;
  --color-green-05: #53FFBC;
  --color-green-06: #3FE1B0;
  --color-green-07: #2AC3A2;
  --color-green-08: #008787;
  --color-green-09: #005E5E;
  --color-green-10: #084036;
  --color-blue-01: #ABF2FF;
  --color-blue-02: #80EBFF;
  --color-blue-03: #00DDFF;
  --color-blue-04: #00B3F4;
  --color-blue-05: #0090ED;
  --color-blue-06: #0060DF;
  --color-blue-07: #0250BB;
  --color-blue-08: #054096;
  --color-blue-09: #073072;
  --color-blue-10: #0A204D;
  --color-violet-01: #E7DFFF;
  --color-violet-02: #D9BFFF;
  --color-violet-03: #CB9EFF;
  --color-violet-04: #C688FF;
  --color-violet-05: #AB71FF;
  --color-violet-06: #9059FF;
  --color-violet-07: #7542E4;
  --color-violet-08: #592ACB;
  --color-violet-09: #45278D;
  --color-violet-10: #321C64;
  --color-purple-01: #F7E2FF;
  --color-purple-02: #F6B8FF;
  --color-purple-03: #F68FFF;
  --color-purple-04: #F564FF;
  --color-purple-05: #D74CF0;
  --color-purple-06: #B933E1;
  --color-purple-07: #952BB9;
  --color-purple-08: #722291;
  --color-purple-09: #4E1A6A;
  --color-purple-10: #2B1141;
  --color-pink-01: #FFDFF0;
  --color-pink-02: #FFB4DC;
  --color-pink-03: #FF8AC6;
  --color-pink-04: #FF6BBA;
  --color-pink-05: #FF4AA2;
  --color-pink-06: #FF2A8A;
  --color-pink-07: #E21587;
  --color-pink-08: #C60184;
  --color-pink-09: #7F155B;
  --color-pink-10: #50134B;
  --color-red-01: #FFDFE7;
  --color-red-02: #FFBDC5;
  --color-red-03: #FF9AA2;
  --color-red-04: #FF848B;
  --color-red-05: #FF6A75;
  --color-red-06: #FF4F5F;
  --color-red-07: #E12850;
  --color-red-08: #C50043;
  --color-red-09: #810220;
  --color-red-10: #440306;
  --color-orange-01: #FFF4DE;
  --color-orange-02: #FFD5B2;
  --color-orange-03: #FFB587;
  --color-orange-04: #FFA266;
  --color-orange-05: #FF8A50;
  --color-orange-06: #FF7139;
  --color-orange-07: #E25820;
  --color-orange-08: #CC3D00;
  --color-orange-09: #9E280B;
  --color-orange-10: #7B1504;
  --color-yellow-01: #FFFFCC;
  --color-yellow-02: #FFFF98;
  --color-yellow-03: #FFEA80;
  --color-yellow-04: #FFD567;
  --color-yellow-05: #FFBD4F;
  --color-yellow-06: #FFA437;
  --color-yellow-07: #E27F2E;
  --color-yellow-08: #C45A27;
  --color-yellow-09: #A7341F;
  --color-yellow-10: #960E18;
  --color-light-gray-01: #FFFFFF;
  --color-light-gray-02: #F9F9FB;
  --color-light-gray-03: #F0F0F4;
  --color-light-gray-04: #E0E0E6;
  --color-light-gray-05: #CFCFD8;
  --color-light-gray-06: #BFBFC9;
  --color-light-gray-07: #AFAFBA;
  --color-light-gray-08: #9F9FAD;
  --color-light-gray-09: #8F8F9E;
  --color-light-gray-10: #80808F;
  --color-dark-gray-01: #5B5B66;
  --color-dark-gray-02: #52525E;
  --color-dark-gray-03: #4A4A55;
  --color-dark-gray-04: #42414D;
  --color-dark-gray-05: #3A3944;
  --color-dark-gray-06: #32313C;
  --color-dark-gray-07: #2B2A33;
  --color-dark-gray-08: #23222B;
  --color-dark-gray-09: #1C1B22;
  --color-dark-gray-10: #15141A;
  --color-marketing-gray-01: #F9F9FA;
  --color-marketing-gray-02: #EDEDF0;
  --color-marketing-gray-03: #CDCDD4;
  --color-marketing-gray-04: #B1B1BC;
  --color-marketing-gray-05: #9595A2;
  --color-marketing-gray-06: #7A7A8B;
  --color-marketing-gray-07: #5E5E72;
  --color-marketing-gray-08: #42435A;
  --color-marketing-gray-09: #1F2033;
  --color-marketing-gray-10: #141422;
  --color-ink-01: #393473;
  --color-ink-02: #342F6D;
  --color-ink-03: #312A64;
  --color-ink-04: #2E255D;
  --color-ink-05: #2B2156;
  --color-ink-06: #291D4F;
  --color-ink-07: #271948;
  --color-ink-08: #20123A;
  --color-ink-09: #20133A;
  --color-ink-10: #1D1133;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --page-bg: white;
  --card-bg: var(--page-bg);
  --color-click: var(--color-blue-06);
  --color-success: var(--color-green-06);
  --color-warning: var(--color-yellow-03);
  --color-error: var(--color-red-05);
  --color-shade-bg: var(--color-light-gray-02);
  --color-error-hover: var(--color-red-07);
  --color-inverse-bg: var(--color-ink-09);
  --color-inverse: var(--color-white);
  --color-heading: var(--color-inverse-bg);
  --color-text: var(--color-marketing-gray-08);
  --color-text-light: var(--color-marketing-gray-07);
  --color-link: var(--color-click);
  --color-link-visited: var(--color-purple-06);
  --color-link-active-bg: var(--color-marketing-gray-02);
  --color-secondary: var(--color-marketing-gray-06);
  --color-link-inverse-visited: var(--color-purple-02);
  --color-link-inverse-active-bg: rgba(237, 237, 240, 0.2);
  --color-border: var(--color-marketing-gray-02);
  --color-callout-bg: var(--color-marketing-gray-02);
  --color-moz-heading: #000000;
  --color-moz-text: var(--color-moz-heading);
  --color-moz-inverse-bg: var(--color-ink-08);
  --base-font-family: Inter, X-LocaleSpecific, sans-serif;
  --base-font-size: 1rem;
  --heading-font-family-moz: "Zilla Slab", Inter, X-LocaleSpecific, serif;
  --heading-font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  --heading-alt-font-family: var(--heading-font-family);
  --code-font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  --global-margin: 1rem;
  --global-radius: 4px;
  --focus-shadow: 0 0 0 4px rgba(0, 96, 223, 0.3), 0 0 0 2px rgb(0, 138, 234);
}

[lang=de], [lang=ee], [lang=ig], [lang=vi], [lang=yo] {
  --base-font-family: Inter, X-LocaleSpecific, sans-serif;
  --heading-font-family-moz: var(--base-font-family);
  --heading-font-family: var(--base-font-family);
  --heading-alt-font-family: var(--base-font-family);
}

.shade-bg {
  background: #F9F9FB;
  background: var(--color-shade-bg);
}

html, body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  height: auto;
}

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

img {
  max-width: 100%;
}

pre {
  overflow: auto;
}

.sumo-dl {
  display: flex;
  flex-wrap: wrap;
}
.sumo-dl dt,
.sumo-dl dd {
  margin-bottom: 8px;
}
.sumo-dl dt {
  flex: 1 1 calc(20% - 8px);
  margin-right: 8px;
  min-width: 100px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.sumo-dl dd {
  flex: 1 1 80%;
}

.sumo-dl-inline {
  display: flex;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  margin: 16px 0;
}
.sumo-dl-inline dt {
  padding: 0 8px;
  border-left: 1px solid #EDEDF0;
  border-left: 1px solid var(--color-border);
  font-weight: bold;
}
.sumo-dl-inline dt.no-border, .sumo-dl-inline dt:first-child {
  border-left: 0 none;
}
.sumo-dl-inline dt:first-child {
  padding-left: 0;
  padding-right: 8px;
}
[dir=rtl] .sumo-dl-inline dt:first-child {
  padding-left: 8px;
  padding-right: 0;
}
.sumo-dl-inline dd {
  padding: 0 8px 0 0;
}
[dir=rtl] .sumo-dl-inline dd {
  padding: 0 0 0 8px;
}
.sumo-dl-inline dd.has-border {
  border-left: 1px solid #EDEDF0;
  border-left: 1px solid var(--color-border);
}
.sumo-dl-inline dd.has-border {
  padding-right: 0;
  padding-left: 8px;
}
[dir=rtl] .sumo-dl-inline dd.has-border {
  padding-right: 8px;
  padding-left: 0;
}
.sumo-dl-inline dd:last-child {
  padding-right: 0;
}
@media (min-width: 768px) {
  .sumo-dl-inline {
    margin: 0;
  }
}

body {
  color: #42435A;
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6,
[class*=text-display] {
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  font-weight: bold;
  color: #20133A;
  color: var(--color-heading);
}
h1 a, h1 :link, h2 a, h2 :link, h3 a, h3 :link, h4 a, h4 :link, h5 a, h5 :link, h6 a, h6 :link,
[class*=text-display] a,
[class*=text-display] :link {
  text-decoration: none;
  color: #20133A;
  color: var(--color-heading);
}
h1 a:hover, h1 :link:hover, h2 a:hover, h2 :link:hover, h3 a:hover, h3 :link:hover, h4 a:hover, h4 :link:hover, h5 a:hover, h5 :link:hover, h6 a:hover, h6 :link:hover,
[class*=text-display] a:hover,
[class*=text-display] :link:hover {
  text-decoration: underline;
}

.has-moz-headings {
  color: #000000;
  color: var(--color-moz-text);
}
.has-moz-headings h1, .has-moz-headings h2, .has-moz-headings h3, .has-moz-headings h4, .has-moz-headings h5, .has-moz-headings h6, .has-moz-headings [class*=text-display] {
  font-family: "Zilla Slab", Inter, X-LocaleSpecific, serif;
  font-family: var(--heading-font-family-moz);
  color: #000000;
  color: var(--color-moz-heading);
}

.color-heading {
  color: #20133A;
  color: var(--color-heading);
}

.color-link, .color-link:hover, .color-link:visited {
  color: #0060DF !important;
  color: var(--color-link) !important;
}

h1,
.text-display-xxl {
  font-size: 64px;
  font-size: 4rem;
  line-height: 72px;
  line-height: 4.5rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
}

h1 {
  margin-bottom: 0.25em;
}

h2,
.text-display-xl {
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 64px;
  line-height: 4rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
}

h2 {
  margin-bottom: 0.45em;
}

h3,
.text-display-lg {
  font-size: 48px;
  font-size: 3rem;
  line-height: 56px;
  line-height: 3.5rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
}

h4,
.text-display-md {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 44px;
  line-height: 2.75rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
}

h5, h6, .text-display-sm {
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
}

.text-display-xs {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: bold;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  color: #20133A;
  color: var(--color-heading);
}

.text-display-xxs {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
}

.text-display-xxxs {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
}

.alt-heading-font {
  --heading-font-family: var(--heading-alt-font-family);
}

.inverse {
  --color-heading: var(--color-inverse);
  --color-link: var(--color-inverse);
  --color-link-visited: var(--color-link-inverse-visited);
  --color-link-active-bg: var(--color-link-inverse-active-bg);
  background-color: #20133A;
  background-color: var(--color-inverse-bg);
  color: #FFFFFF;
  color: var(--color-inverse);
}

.text-body-lg {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.text-body-md {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.text-body-sm {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.text-body-xs {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.normalize-headings h1, .normalize-headings h2, .normalize-headings h3, .normalize-headings h4, .normalize-headings h5, .normalize-headings h6,
#doc-content h1,
#doc-content h2,
#doc-content h3,
#doc-content h4,
#doc-content h5,
#doc-content h6 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: bold;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  color: #20133A;
  color: var(--color-heading);
}

.page-heading {
  text-align: center;
}
.page-heading--logo {
  display: block;
  width: 32px;
  margin: 40px 0 8px;
}
@media (min-width: 768px) {
  .page-heading--logo {
    width: 48px;
    margin: 72px 0 8px;
  }
}
.home-search-section .page-heading--logo {
  width: 56px;
  margin: 0 auto 8px;
}

.page-heading--intro-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
@media (min-width: 768px) {
  .page-heading--intro-text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
  }
}

a, :link {
  text-decoration: underline;
  color: #0060DF;
  color: var(--color-link);
}
a:hover, :link:hover {
  text-decoration: none;
  color: #0060DF;
  color: var(--color-link);
}
a:active, :link:active {
  background-color: #EDEDF0;
  background-color: var(--color-link-active-bg);
}
a.secondary-color:hover, :link.secondary-color:hover {
  color: #7A7A8B;
  color: var(--color-secondary);
}

:visited {
  color: #B933E1;
  color: var(--color-link-visited);
}
:visited:hover {
  color: #B933E1;
  color: var(--color-link-visited);
}

.warning-link {
  color: #C50043;
  color: var(--color-red-08);
}
.warning-link:hover {
  color: #810220;
  color: var(--color-red-09);
}

.secondary-color {
  color: #7A7A8B;
  color: var(--color-secondary);
}

.errorlist {
  padding: 8px;
  margin: 0 0 16px 0;
  border-radius: 4px;
  border-radius: var(--global-radius);
  background-color: #FFBDC5;
  background-color: var(--color-red-02);
  list-style: none;
}

hr {
  border: 0 none;
  border-top: 1px solid #42435A;
  border-top: 1px solid var(--color-text);
  margin: 1em 0;
}

blockquote {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  font-weight: normal;
}

.sumo-page-heading-xl {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
}
@media (min-width: 768px) {
  .sumo-page-heading-xl {
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
    font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--heading-font-family);
  }
}
@media (min-width: 1024px) {
  .sumo-page-heading-xl {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 64px;
    line-height: 4rem;
    font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--heading-font-family);
  }
}

.sumo-page-heading {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
}
@media (min-width: 768px) {
  .sumo-page-heading {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 44px;
    line-height: 2.75rem;
    font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--heading-font-family);
  }
}
@media (min-width: 1024px) {
  .sumo-page-heading {
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
    font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--heading-font-family);
  }
}

.sumo-page-subheading {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: bold;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  color: #20133A;
  color: var(--color-heading);
}

.sumo-page-intro {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
@media (min-width: 1024px) {
  .sumo-page-intro {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
  }
}

.sumo-card-heading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
}
@media (min-width: 768px) {
  .sumo-card-heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
    color: #20133A;
    color: var(--color-heading);
    font-weight: bold;
  }
}
.sumo-card-heading.is-summary button {
  padding-left: 0;
  padding-right: 48px;
}
[dir=rtl] .sumo-card-heading.is-summary button {
  padding-left: 48px;
  padding-right: 0;
}

.sumo-callout-heading {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: bold;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  color: #20133A;
  color: var(--color-heading);
}
@media (min-width: 768px) {
  .sumo-callout-heading {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--heading-font-family);
  }
}

.sumo-callout-heading-feature {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
}
@media (min-width: 768px) {
  .sumo-callout-heading-feature {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 44px;
    line-height: 2.75rem;
    font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--heading-font-family);
  }
}

table {
  margin-bottom: 1rem;
  width: 100%;
  border-color: #EDEDF0;
  border-color: var(--color-border);
  border-radius: 0;
  border-collapse: collapse;
  font-size: 0.95rem;
}
table td, table th {
  padding: 4px 8px;
  border-bottom: 1px solid #EDEDF0;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
}
table td:first-child, table th:first-child {
  padding-left: 0;
}
table td:last-child, table th:last-child {
  padding-right: 0;
}
table td.stretch-column, table th.stretch-column {
  width: 100%;
}
table td.shrink-column, table th.shrink-column {
  width: 1px;
}
table th {
  background-color: var(--border-color);
}
table.condensed td, table.condensed th {
  padding: 0 4px;
}
table.expanded td, table.expanded th {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
table.large-text {
  font-size: 1.25rem;
}
table.large-text .field.checkbox {
  margin: 0.375rem 0 0.5rem 0;
}
table.large-text .field.checkbox label {
  vertical-align: middle;
}
table.small-header-text th {
  font-size: 0.8rem;
}
table.no-h-pad td:first-child, table.no-h-pad th:first-child {
  padding-left: 0;
}
table.no-h-pad td:last-child, table.no-h-pad th:last-child {
  padding-right: 0;
}
table.no-h-pad td.highlight-row, table.no-h-pad th.highlight-row {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.table-scroll {
  position: relative;
  margin-right: -0.625rem;
  margin-bottom: 1rem;
  max-width: calc(100vw - 32px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.table-scroll table {
  margin-bottom: 0;
}
.table-scroll table td {
  position: relative;
}
.table-scroll table td:last-child:after {
  position: absolute;
  right: -0.625rem;
  display: block;
  width: 0.625rem;
  height: 1px;
  content: "";
}
@media (min-width: 768px) {
  .table-scroll {
    margin-right: 0;
  }
  .table-scroll table td:last-child:after {
    content: none;
  }
}

.table-filters {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 20px;
}
.table-filters .sumo-button {
  margin: 16px 0 0 0;
}
.table-filters .field {
  margin: 0;
}
@media (min-width: 768px) {
  .table-filters {
    margin-bottom: 32px;
  }
}

td.needs-update.yes,
td.stale.yes {
  background: #FFEA80;
  background: var(--color-yellow-03);
}

td.status,
td.ready-for-l10n.yes {
  background: #B3FFE3;
  background: var(--color-green-03);
}

.expand-this-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
  border-radius: 4px;
  border-radius: var(--global-radius);
}

@media screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 1055px) {
  .large-only {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .hide-on-large {
    display: none !important;
  }
}

.hide-until-expanded {
  display: none;
}

.hidden,
.is-hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  left: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-lg {
  margin-top: 24px;
}

.lock-body {
  position: fixed;
  height: 100vh;
  overflow: hidden;
}

.text-center {
  text-align: center;
}

.text-center-to-left-on-large {
  text-align: center;
}
@media (min-width: 1024px) {
  .text-center-to-left-on-large {
    text-align: left;
  }
  [dir=rtl] .text-center-to-left-on-large {
    text-align: right;
  }
}

.display-block {
  display: block;
}

.text-right {
  text-align: right;
}

.light-grey-bg {
  background: #F9F9FA;
  background: var(--color-marketing-gray-01);
}

.tooltip-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tooltip-container .tooltip {
  background-color: #20133A;
  background-color: var(--color-inverse-bg);
  color: #FFFFFF;
  color: var(--color-inverse);
  padding: 8px;
  position: absolute;
  white-space: wrap;
  z-index: 1;
  visibility: hidden;
  overflow-wrap: break-word;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 320px) {
  .tooltip-container .tooltip {
    max-width: 304px;
  }
}
@media (min-width: 480px) {
  .tooltip-container .tooltip {
    max-width: 432px;
  }
}
@media (min-width: 768px) {
  .tooltip-container .tooltip {
    max-width: 688px;
  }
}
@media (min-width: 1024px) {
  .tooltip-container .tooltip {
    max-width: 928px;
  }
}
@media (min-width: 1312px) {
  .tooltip-container .tooltip {
    max-width: 1152px;
  }
}

.tooltip-container:hover .tooltip {
  visibility: visible;
}

:root {
  --field-border-color-default: var(--color-marketing-gray-05);
  --field-border-color-hover: var(--color-blue-07);
  --checkbox-checked-color: var(--color-blue-06);
  --field-border-color-disabled: var(--color-marketing-gray-03);
  --field-background-color-disabled: var(--color-marketing-gray-01);
  --field-color-disabled: var(--color-marketing-gray-03);
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

legend {
  margin: 0;
  padding: 0 0 0.5em;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--primary-heading-color);
}

label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #5E5E72;
  color: var(--color-marketing-gray-07);
  font-weight: bold;
}
label[for=id_topics], label[for=id_products] {
  display: inline;
}
label .required {
  color: #C50043;
  color: var(--color-red-08);
}

.field,
.form-as-ul > li {
  position: relative;
  margin-bottom: 24px;
  max-width: 25rem;
}
@media (min-width: 768px) {
  .field,
  .form-as-ul > li {
    max-width: 30rem;
  }
}
.field .error-text,
.form-as-ul > li .error-text {
  display: none;
}
.field.is-condensed,
.form-as-ul > li.is-condensed {
  margin-bottom: 8px;
}
.field.has-large-textarea,
.form-as-ul > li.has-large-textarea {
  max-width: 95%;
}
@media (min-width: 768px) {
  .field.has-large-textarea,
  .form-as-ul > li.has-large-textarea {
    max-width: 100%;
  }
}
.field.has-large-textarea textarea,
.form-as-ul > li.has-large-textarea textarea {
  min-height: 340px;
}
.field.inline-label,
.form-as-ul > li.inline-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.field.inline-label label,
.form-as-ul > li.inline-label label {
  width: 175px;
  margin-right: 12px;
}
.field.inline-label input,
.field.inline-label select,
.form-as-ul > li.inline-label input,
.form-as-ul > li.inline-label select {
  flex: 1 1 auto;
  width: auto;
  margin-right: 12px;
}
.field.inline-label input:last-child,
.field.inline-label select:last-child,
.form-as-ul > li.inline-label input:last-child,
.form-as-ul > li.inline-label select:last-child {
  margin-right: 0;
}
.field.has-md-textarea,
.form-as-ul > li.has-md-textarea {
  max-width: 100%;
}
.field.has-md-textarea textarea,
.form-as-ul > li.has-md-textarea textarea {
  min-height: 200px;
}
.field.full-width,
.form-as-ul > li.full-width {
  max-width: 100%;
}
.field.full-width select,
.form-as-ul > li.full-width select {
  max-width: 100%;
}
.field.has-error .field-wrap, .field.has-success .field-wrap,
.form-as-ul > li.has-error .field-wrap,
.form-as-ul > li.has-success .field-wrap {
  position: relative;
}
.field.has-error .field-wrap:after, .field.has-success .field-wrap:after,
.form-as-ul > li.has-error .field-wrap:after,
.form-as-ul > li.has-success .field-wrap:after {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2022%2022%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%2710%27%20fill%3D%27none%27%20stroke%3D%27%23C50043%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%272%27%2F%3E%3Cpath%20stroke-width%3D%272%27%20stroke%3D%27%23C50043%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20fill%3D%27none%27%20d%3D%27M11%207v5%27%2F%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2715%27%20r%3D%271%27%20fill%3D%27%23C50043%27%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
}
.field.has-success .field-wrap:after,
.form-as-ul > li.has-success .field-wrap:after {
  top: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2018%2013%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%232ac3a2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%272%27%20d%3D%27M17%201L6%2012%201%207%27%2F%3E%3C%2Fsvg%3E");
}
.field.has-error .error-text,
.form-as-ul > li.has-error .error-text {
  display: block;
}
.field.has-error .errorlist,
.form-as-ul > li.has-error .errorlist {
  background: transparent;
  margin: 0;
  padding: 0;
}
.field.has-error .errorlist li,
.form-as-ul > li.has-error .errorlist li {
  display: block;
  margin: 8px 0 0 0;
  color: #C50043;
  color: var(--color-red-08);
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.field.mzp-c-emphasis-box,
.form-as-ul > li.mzp-c-emphasis-box {
  margin-left: 0;
  margin-right: 0;
}

.character-counter {
  margin: 8px 0 0 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.error-text {
  display: block;
  margin: 8px 0 0 0;
  color: #C50043;
  color: var(--color-red-08);
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.form-as-ul.full-width > li {
  max-width: 100%;
}

input[type=email],
input[type=url],
input[type=tel],
input[type=password],
input[type=search],
input[type=text],
input[type=number],
input[type=date],
input[type=time],
select,
textarea,
.ts-select-trigger {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  padding: 0 8px;
  width: 100%;
  height: 40px;
  border: 2px solid #9595A2;
  border: 2px solid var(--field-border-color-default);
  border-radius: 4px;
  border-radius: var(--global-radius);
  background-color: #FFFFFF;
  background-color: var(--color-white);
  color: #0c0c0d;
  outline: 0;
  transition-duration: 150ms;
  transition-property: border-color;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
input[type=email]:hover,
input[type=url]:hover,
input[type=tel]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=text]:hover,
input[type=number]:hover,
input[type=date]:hover,
input[type=time]:hover,
select:hover,
textarea:hover,
.ts-select-trigger:hover {
  border-color: #0250BB;
  border-color: var(--field-border-color-hover);
}
input[type=email]:focus, .has-warning input[type=email], .has-error input[type=email], .has-success input[type=email],
input[type=url]:focus,
.has-warning input[type=url],
.has-error input[type=url],
.has-success input[type=url],
input[type=tel]:focus,
.has-warning input[type=tel],
.has-error input[type=tel],
.has-success input[type=tel],
input[type=password]:focus,
.has-warning input[type=password],
.has-error input[type=password],
.has-success input[type=password],
input[type=search]:focus,
.has-warning input[type=search],
.has-error input[type=search],
.has-success input[type=search],
input[type=text]:focus,
.has-warning input[type=text],
.has-error input[type=text],
.has-success input[type=text],
input[type=number]:focus,
.has-warning input[type=number],
.has-error input[type=number],
.has-success input[type=number],
input[type=date]:focus,
.has-warning input[type=date],
.has-error input[type=date],
.has-success input[type=date],
input[type=time]:focus,
.has-warning input[type=time],
.has-error input[type=time],
.has-success input[type=time],
select:focus,
.has-warning select,
.has-error select,
.has-success select,
textarea:focus,
.has-warning textarea,
.has-error textarea,
.has-success textarea,
.ts-select-trigger:focus,
.has-warning .ts-select-trigger,
.has-error .ts-select-trigger,
.has-success .ts-select-trigger {
  border-color: transparent;
}
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=time]:focus,
select:focus,
textarea:focus,
.ts-select-trigger:focus {
  box-shadow: 0 0 0 4px rgba(0, 96, 223, 0.3), 0 0 0 2px rgb(0, 138, 234);
  box-shadow: var(--focus-shadow);
}
@media (prefers-reduced-motion: reduce) {
  input[type=email]:focus,
  input[type=url]:focus,
  input[type=tel]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=text]:focus,
  input[type=number]:focus,
  input[type=date]:focus,
  input[type=time]:focus,
  select:focus,
  textarea:focus,
  .ts-select-trigger:focus {
    border-color: #0250BB;
    border-color: var(--field-border-color-hover);
    box-shadow: none;
  }
}
.has-warning input[type=email],
.has-warning input[type=url],
.has-warning input[type=tel],
.has-warning input[type=password],
.has-warning input[type=search],
.has-warning input[type=text],
.has-warning input[type=number],
.has-warning input[type=date],
.has-warning input[type=time],
.has-warning select,
.has-warning textarea,
.has-warning .ts-select-trigger {
  box-shadow: 0 0 0 4px rgba(255, 213, 103, 0.3), 0 0 0 2px #FFD567;
}
.has-success input[type=email],
.has-success input[type=url],
.has-success input[type=tel],
.has-success input[type=password],
.has-success input[type=search],
.has-success input[type=text],
.has-success input[type=number],
.has-success input[type=date],
.has-success input[type=time],
.has-success select,
.has-success textarea,
.has-success .ts-select-trigger {
  box-shadow: 0 0 0 4px rgba(42, 195, 162, 0.3), 0 0 0 2px #2AC3A2;
}
.has-error input[type=email],
.has-error input[type=url],
.has-error input[type=tel],
.has-error input[type=password],
.has-error input[type=search],
.has-error input[type=text],
.has-error input[type=number],
.has-error input[type=date],
.has-error input[type=time],
.has-error select,
.has-error textarea,
.has-error .ts-select-trigger {
  box-shadow: 0 0 0 4px rgba(197, 0, 67, 0.4), 0 0 0 2px #C50043;
  box-shadow: 0 0 0 4px rgba(197, 0, 67, 0.4), 0 0 0 2px var(--color-red-08);
}
.has-disabled input[type=email], input[type=email]:disabled, input[type=email]:disabled:hover, input[type=email]:disabled:active,
.has-disabled input[type=url],
input[type=url]:disabled,
input[type=url]:disabled:hover,
input[type=url]:disabled:active,
.has-disabled input[type=tel],
input[type=tel]:disabled,
input[type=tel]:disabled:hover,
input[type=tel]:disabled:active,
.has-disabled input[type=password],
input[type=password]:disabled,
input[type=password]:disabled:hover,
input[type=password]:disabled:active,
.has-disabled input[type=search],
input[type=search]:disabled,
input[type=search]:disabled:hover,
input[type=search]:disabled:active,
.has-disabled input[type=text],
input[type=text]:disabled,
input[type=text]:disabled:hover,
input[type=text]:disabled:active,
.has-disabled input[type=number],
input[type=number]:disabled,
input[type=number]:disabled:hover,
input[type=number]:disabled:active,
.has-disabled input[type=date],
input[type=date]:disabled,
input[type=date]:disabled:hover,
input[type=date]:disabled:active,
.has-disabled input[type=time],
input[type=time]:disabled,
input[type=time]:disabled:hover,
input[type=time]:disabled:active,
.has-disabled select,
select:disabled,
select:disabled:hover,
select:disabled:active,
.has-disabled textarea,
textarea:disabled,
textarea:disabled:hover,
textarea:disabled:active,
.has-disabled .ts-select-trigger,
.ts-select-trigger:disabled,
.ts-select-trigger:disabled:hover,
.ts-select-trigger:disabled:active {
  border-color: #CDCDD4;
  border-color: var(--field-border-color-disabled);
  background-color: #F9F9FA;
  background-color: var(--field-background-color-disabled);
  color: #CDCDD4;
  color: var(--field-color-disabled);
  cursor: default;
}
@media (min-width: 768px) {
  input[type=email],
  input[type=url],
  input[type=tel],
  input[type=password],
  input[type=search],
  input[type=text],
  input[type=number],
  input[type=date],
  input[type=time],
  select,
  textarea,
  .ts-select-trigger {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
  }
}

select,
.mzp-c-language-switcher select,
.ts-select-trigger {
  position: relative;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2018%2010%27%3E%3Cpath%20fill%3D%27none%27%20vector-effect%3D%27non-scaling-stroke%27%20stroke%3D%27%2342435A%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-miterlimit%3D%2710%27%20d%3D%27M1%201l8%208%208-8%27%2F%3E%3C%2Fsvg%3E");
  background-color: #FFFFFF;
  background-color: var(--color-white);
  background-repeat: no-repeat;
  background-size: 12px 12px;
  max-width: 22.5rem;
}
select,
.mzp-c-language-switcher select,
.ts-select-trigger {
  background-position: top 14px right 14px;
  padding-right: 40px;
  padding-left: 8px;
  text-align: left;
}
[dir=rtl] select,
[dir=rtl] .mzp-c-language-switcher select,
[dir=rtl] .ts-select-trigger {
  background-position: top 14px left 14px;
  padding-right: 8px;
  padding-left: 40px;
  text-align: right;
}
:not([class*=has-]) > select:hover, :not([class*=has-]) > select:focus,
:not([class*=has-]) > .mzp-c-language-switcher select:hover,
:not([class*=has-]) > .mzp-c-language-switcher select:focus,
:not([class*=has-]) > .ts-select-trigger:hover,
:not([class*=has-]) > .ts-select-trigger:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2018%2010%27%3E%3Cpath%20fill%3D%27none%27%20vector-effect%3D%27non-scaling-stroke%27%20stroke%3D%27%230250BB%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-miterlimit%3D%2710%27%20d%3D%27M1%201l8%208%208-8%27%2F%3E%3C%2Fsvg%3E");
}
select:disabled, .has-disabled select,
.mzp-c-language-switcher select:disabled,
.has-disabled .mzp-c-language-switcher select,
.ts-select-trigger:disabled,
.has-disabled .ts-select-trigger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2018%2010%27%3E%3Cpath%20fill%3D%27none%27%20vector-effect%3D%27non-scaling-stroke%27%20stroke%3D%27%23CDCDD4%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-miterlimit%3D%2710%27%20d%3D%27M1%201l8%208%208-8%27%2F%3E%3C%2Fsvg%3E");
}
select[multiple],
.mzp-c-language-switcher select[multiple],
.ts-select-trigger[multiple] {
  height: 200px;
  background-image: none;
}
select[multiple]:hover, select[multiple]:focus,
.mzp-c-language-switcher select[multiple]:hover,
.mzp-c-language-switcher select[multiple]:focus,
.ts-select-trigger[multiple]:hover,
.ts-select-trigger[multiple]:focus {
  background-image: none;
}

#language-select-field {
  display: none;
}

textarea {
  display: block;
  padding: 8px;
  min-height: 80px;
}

.help-text,
.helptext {
  display: block;
  margin: 8px 0 0 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.delete-account-link {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #CDCDD4;
  border-top: 1px solid var(--color-marketing-gray-03);
}
.delete-account-link {
  text-align: right;
}
[dir=rtl] .delete-account-link {
  text-align: left;
}
@media (min-width: 768px) {
  .delete-account-link {
    border-top: none;
    padding-top: 0;
  }
}

.search-form-large {
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .search-form-large {
    margin-bottom: 40px;
  }
}

.checkbox-list,
.columns-list {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
}
.checkbox-list label,
.columns-list label {
  padding-top: 4px;
}
.checkbox-list--sublist,
.columns-list--sublist {
  margin-left: 32px;
}
.checkbox-list--sublist,
.columns-list--sublist {
  margin-left: 32px;
  margin-right: 0;
}
[dir=rtl] .checkbox-list--sublist,
[dir=rtl] .columns-list--sublist {
  margin-left: 0;
  margin-right: 32px;
}

.columns-list {
  -moz-columns: 2;
       columns: 2;
  -moz-column-width: 200px;
       column-width: 200px;
  -moz-column-gap: 60px;
       column-gap: 60px;
}

.checkbox-list {
  display: block;
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .checkbox-list {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: masonry;
    gap: 8px 8px;
  }
}
.checkbox-list--sublist {
  margin-left: 24px;
}
.checkbox-list--sublist {
  margin-left: 24px;
  margin-right: 0;
}
[dir=rtl] .checkbox-list--sublist {
  margin-left: 0;
  margin-right: 24px;
}
@media (min-width: 768px) {
  .checkbox-list--sublist {
    margin-left: 32px;
  }
  .checkbox-list--sublist {
    margin-left: 32px;
    margin-right: 0;
  }
  [dir=rtl] .checkbox-list--sublist {
    margin-left: 0;
    margin-right: 32px;
  }
}

.products.mzp-c-details .is-summary button {
  padding-left: 0;
  padding-right: 48px;
}
[dir=rtl] .products.mzp-c-details .is-summary button {
  padding-left: 48px;
  padding-right: 0;
}

.mzp-c-details.has-border-bottom {
  margin-top: 52px;
  border-bottom: 1px solid #20133A;
  border-bottom: 1px solid var(--color-heading);
}

label.required::after {
  content: "Required";
  white-space: pre;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}

.fieldnote {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}

.field > label.disabled {
  color: #d0d0d7;
}

#edit-document #relevant-topics, #edit-document #relevant-products {
  margin-top: 8px;
}
#edit-document #relevant-topics label, #edit-document #relevant-products label {
  font-weight: normal;
}

#relevant-topics-disabled-message,
#relevant-products-disabled-message,
#relevant-topics-selected-checkmark,
#relevant-products-selected-checkmark,
#relevant-topics-clear-selected,
#relevant-products-clear-selected {
  margin-left: 24px;
}

.checkbox [type=checkbox],
.checkbox [type=radio],
.radio [type=checkbox],
.radio [type=radio] {
  position: absolute;
}
.checkbox [type=checkbox],
.checkbox [type=radio],
.radio [type=checkbox],
.radio [type=radio] {
  left: -9999px;
  right: auto;
}
[dir=rtl] .checkbox [type=checkbox],
[dir=rtl] .checkbox [type=radio],
[dir=rtl] .radio [type=checkbox],
[dir=rtl] .radio [type=radio] {
  left: auto;
  right: -9999px;
}
.checkbox label,
.radio label {
  font-weight: 400;
  display: flex;
}
.checkbox label:before,
.radio label:before {
  display: block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border: 2px solid #9595A2;
  border: 2px solid var(--field-border-color-default);
  border-radius: 2px;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  vertical-align: middle;
  content: "";
}
.checkbox label:before,
.radio label:before {
  margin-right: 16px;
  margin-left: 0;
}
[dir=rtl] .checkbox label:before,
[dir=rtl] .radio label:before {
  margin-right: 0;
  margin-left: 16px;
}
.checkbox label:hover:before,
.radio label:hover:before {
  border-color: #0250BB;
  border-color: var(--field-border-color-hover);
}
.checkbox.no-label,
.radio.no-label {
  margin-bottom: 0;
  min-width: 20px;
  min-height: 20px;
}
.checkbox.no-label label,
.radio.no-label label {
  margin: 0;
}
.checkbox.no-label label:before,
.radio.no-label label:before {
  margin-right: 0;
}
.checkbox [type=radio]:checked + label:before,
.checkbox [type=checkbox]:checked + label:before,
.radio [type=radio]:checked + label:before,
.radio [type=checkbox]:checked + label:before {
  z-index: 1;
  border-color: #0060DF;
  border-color: var(--checkbox-checked-color);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2013.03%209.2%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23FFF%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%272%27%20d%3D%27M12.03%201L4.84%208.2%201%204.36%27%2F%3E%3C%2Fsvg%3E");
  background-color: #0060DF;
  background-color: var(--checkbox-checked-color);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
}
.checkbox [type=radio]:checked + label:hover:before,
.checkbox [type=checkbox]:checked + label:hover:before,
.radio [type=radio]:checked + label:hover:before,
.radio [type=checkbox]:checked + label:hover:before {
  border-color: #0250BB;
  border-color: var(--field-border-color-hover);
}
.checkbox [type=radio]:disabled + label:before,
.checkbox [type=checkbox]:disabled + label:before,
.radio [type=radio]:disabled + label:before,
.radio [type=checkbox]:disabled + label:before {
  border-color: #CDCDD4;
  border-color: var(--field-border-color-disabled);
  background-color: #F9F9FA;
  background-color: var(--field-background-color-disabled);
}
.checkbox [type=radio]:checked:disabled + label:before,
.checkbox [type=radio]:checked:disabled:hover + label:before,
.checkbox [type=checkbox]:checked:disabled + label:before,
.checkbox [type=checkbox]:checked:disabled:hover + label:before,
.radio [type=radio]:checked:disabled + label:before,
.radio [type=radio]:checked:disabled:hover + label:before,
.radio [type=checkbox]:checked:disabled + label:before,
.radio [type=checkbox]:checked:disabled:hover + label:before {
  border-color: #CDCDD4;
  border-color: var(--field-border-color-disabled);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2013.03%209.2%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23CDCDD4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%272%27%20d%3D%27M12.03%201L4.84%208.2%201%204.36%27%2F%3E%3C%2Fsvg%3E");
  background-color: #F9F9FA;
  background-color: var(--field-background-color-disabled);
}
.checkbox [type=radio]:focus + label:before,
.checkbox [type=checkbox]:focus + label:before,
.radio [type=radio]:focus + label:before,
.radio [type=checkbox]:focus + label:before {
  box-shadow: 0 0 0 4px rgba(0, 96, 223, 0.3), 0 0 0 2px rgb(0, 138, 234);
  box-shadow: var(--focus-shadow);
}

.radio label:before {
  border-radius: 50%;
}
.radio [type=radio]:checked + label:before,
.radio [type=checkbox]:checked + label:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%207.58%207.58%27%3E%3Ccircle%20cx%3D%273.79%27%20cy%3D%273.79%27%20r%3D%273.79%27%20fill%3D%27%230060DF%27%2F%3E%3C%2Fsvg%3E");
  background-color: #FFFFFF;
  background-color: var(--color-white);
  background-size: 10px 10px;
}
.radio [type=radio]:checked:disabled + label:before,
.radio [type=radio]:checked:disabled:hover + label:before {
  border-color: #CDCDD4;
  border-color: var(--field-border-color-disabled);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%207.58%207.58%27%3E%3Ccircle%20cx%3D%273.79%27%20cy%3D%273.79%27%20r%3D%273.79%27%20fill%3D%27%23CDCDD4%27%2F%3E%3C%2Fsvg%3E");
  background-color: #F9F9FA;
  background-color: var(--field-background-color-disabled);
}

:root {
  --switch-size: 50px;
  --toggle-bg-color: var(--color-marketing-gray-03);
  --toggle-value-color: var(--color-text);
}

.toggle {
  position: relative;
}
.toggle label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: calc(50px + 16px);
  padding-left: calc(var(--switch-size) + 16px);
  height: calc(50px / 2 + 3px);
  height: calc(var(--switch-size) / 2 + 3px);
  font-weight: 400;
  cursor: pointer;
}
.toggle label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  width: var(--switch-size);
  height: calc(50px / 2 + 3px);
  height: calc(var(--switch-size) / 2 + 3px);
  border: 2px solid #CDCDD4;
  border: 2px solid var(--toggle-bg-color);
  border-radius: calc(50px / 2);
  border-radius: calc(var(--switch-size) / 2);
  background: #CDCDD4;
  background: var(--toggle-bg-color);
  content: "";
}
.toggle label:hover:before {
  border-color: #0250BB;
  border-color: var(--field-border-color-hover);
}
.toggle label:after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50px / 2 - 6px);
  width: calc(var(--switch-size) / 2 - 6px);
  height: calc(50px / 2 - 6px);
  height: calc(var(--switch-size) / 2 - 6px);
  border-radius: calc(50px / 2 - 4px);
  border-radius: calc(var(--switch-size) / 2 - 4px);
  background: #fff;
  content: "";
  transition: 0.1s;
}
.toggle label:active:after {
  width: calc(50px / 2);
  width: calc(var(--switch-size) / 2);
  transform: translateX(0);
}
.toggle [type=checkbox],
.toggle [type=radio] {
  position: absolute;
  left: -9999px;
}
.toggle [type=checkbox]:checked + label:before,
.toggle [type=radio]:checked + label:before {
  border-color: #0060DF;
  border-color: var(--checkbox-checked-color);
  background: #0060DF;
  background: var(--checkbox-checked-color);
}
.toggle [type=checkbox]:checked + label:before:hover,
.toggle [type=radio]:checked + label:before:hover {
  border-color: #0250BB;
  border-color: var(--field-border-color-hover);
}
.toggle [type=checkbox]:checked + label:after,
.toggle [type=radio]:checked + label:after {
  left: calc(50px / 2 + 2px);
  left: calc(var(--switch-size) / 2 + 2px);
}
.toggle [type=checkbox]:checked + label:active:after,
.toggle [type=radio]:checked + label:active:after {
  transform: translateX(-4px);
}
.toggle [type=checkbox]:disabled + label:before, .toggle [type=checkbox]:checked:disabled + label:before,
.toggle [type=radio]:disabled + label:before,
.toggle [type=radio]:checked:disabled + label:before {
  border-color: #EDEDF0;
  border-color: var(--color-marketing-gray-02);
  background-color: #EDEDF0;
  background-color: var(--color-marketing-gray-02);
}
.toggle [type=checkbox]:disabled + label:after, .toggle [type=checkbox]:checked:disabled + label:after,
.toggle [type=radio]:disabled + label:after,
.toggle [type=radio]:checked:disabled + label:after {
  background-color: #B1B1BC;
  background-color: var(--color-marketing-gray-04);
}
.toggle [type=checkbox]:focus + label:before,
.toggle [type=radio]:focus + label:before {
  box-shadow: 0 0 0 4px rgba(0, 96, 223, 0.3), 0 0 0 2px rgb(0, 138, 234);
  box-shadow: var(--focus-shadow);
}

:root {
  --range-slider-pip-color: var(--color-blue-06);
  --range-slider-bg: rgba(0, 96, 223, 0.3);
  --range-slider-pip-color-hover: var(--color-blue-07);
  --range-slider-pip-color-disabled: var(--color-marketing-gray-04);
  --range-slider-bg-disabled: var(--color-marketing-gray-02);
  --range-slider-height: 6px;
  --range-pip-size: 22px;
}

[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 16px 0;
  width: 100%;
}
[type=range]:focus {
  outline: none;
}
[type=range]:disabled {
  background: transparent;
}
[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  height: var(--range-slider-height);
  border: 0px solid #000101;
  border-radius: 25px;
  background: rgba(0, 96, 223, 0.3);
  background: var(--range-slider-bg);
  cursor: pointer;
  animate: 0.2s;
}
[type=range]:disabled::-webkit-slider-runnable-track {
  background: #EDEDF0;
  background: var(--range-slider-bg-disabled);
}
[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -3.6px;
  width: 22px;
  width: var(--range-pip-size);
  height: 22px;
  height: var(--range-pip-size);
  border: 0px solid #000000;
  border-radius: 50%;
  background: #0060DF;
  background: var(--range-slider-pip-color);
  cursor: pointer;
}
[type=range]:disabled::-webkit-slider-thumb {
  background: #B1B1BC;
  background: var(--range-slider-pip-color-disabled);
}
[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(0, 96, 223, 0.3);
  background: var(--range-slider-bg);
}
[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  height: var(--range-slider-height);
  border: 0px solid #000101;
  border-radius: 25px;
  background: rgba(0, 96, 223, 0.3);
  background: var(--range-slider-bg);
  cursor: pointer;
  animate: 0.2s;
}
[type=range]:disabled::-moz-range-track {
  background: #EDEDF0;
  background: var(--range-slider-bg-disabled);
}
[type=range]::-moz-range-thumb {
  width: 22px;
  width: var(--range-pip-size);
  height: 22px;
  height: var(--range-pip-size);
  border: 0px solid #000000;
  border-radius: 50%;
  background: #0060DF;
  background: var(--range-slider-pip-color);
  cursor: pointer;
}
[type=range]:disabled::-moz-range-thumb {
  background: #B1B1BC;
  background: var(--range-slider-pip-color-disabled);
}
[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  height: var(--range-slider-height);
  border-color: transparent;
  border-width: 22px 0;
  border-width: var(--range-pip-size) 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
  animate: 0.2s;
}
[type=range]::-ms-fill-lower {
  border: 0px solid #000101;
  border-radius: 50px;
  background: rgba(0, 96, 223, 0.3);
  background: var(--range-slider-bg);
}
[type=range]:disabled::-ms-fill-lower {
  background: #EDEDF0;
  background: var(--range-slider-bg-disabled);
}
[type=range]::-ms-fill-upper {
  border: 0px solid #000101;
  border-radius: 50px;
  background: rgba(0, 96, 223, 0.3);
  background: var(--range-slider-bg);
}
[type=range]:disabled::-ms-fill-upper {
  background: #EDEDF0;
  background: var(--range-slider-bg-disabled);
}
[type=range]::-ms-thumb {
  width: 22px;
  width: var(--range-pip-size);
  height: 22px;
  height: var(--range-pip-size);
  border: 0px solid #000000;
  border-radius: 50%;
  background: #0060DF;
  background: var(--range-slider-pip-color);
  cursor: pointer;
}
[type=range]:disabled::-ms-thumb {
  background: #EDEDF0;
  background: var(--range-slider-bg-disabled);
}
[type=range]:focus::-ms-fill-lower {
  background: rgba(0, 96, 223, 0.3);
  background: var(--range-slider-bg);
}
[type=range]:focus::-ms-fill-upper {
  background: rgba(0, 96, 223, 0.3);
  background: var(--range-slider-bg);
}

.simple-search-form {
  position: relative;
  margin: 0;
}
.simple-search-form .searchbox {
  padding-right: 40px;
  padding-left: 8px;
}
[dir=rtl] .simple-search-form .searchbox {
  padding-right: 8px;
  padding-left: 40px;
}
.simple-search-form .searchbox::-ms-clear {
  display: none;
}
.simple-search-form .searchbox::-webkit-search-cancel-button {
  display: none;
}
.simple-search-form .search-button {
  position: absolute;
  top: 4px;
}
.simple-search-form .search-button {
  right: 6px;
  left: auto;
}
[dir=rtl] .simple-search-form .search-button {
  right: auto;
  left: 6px;
}
.simple-search-form + .page-heading--intro-text, .simple-search-form + .page-heading--intro-text + .search-results-heading {
  margin: 32px 0;
}
@media (min-width: 768px) {
  .simple-search-form + .page-heading--intro-text, .simple-search-form + .page-heading--intro-text + .search-results-heading {
    margin-bottom: 0;
  }
}

.search-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 4px;
  background-image: url(search.926df0485fcd60d8.svg);
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  font: 0/0 a;
  color: transparent;
}
.search-button {
  margin: 0 0 0 8px;
}
[dir=rtl] .search-button {
  margin: 0 8px 0 0;
}
.search-button:hover, .search-button:active, .search-button:focus, .search-button.mzp-is-active {
  background-color: #EDEDF0;
  background-color: var(--color-link-active-bg);
}

.popular-searches {
  display: none;
}
@media (min-width: 1024px) {
  .popular-searches {
    display: block;
    margin-top: 32px;
    margin-bottom: 0;
    text-align: center;
  }
  .popular-searches a, .popular-searches span {
    display: inline-block;
    padding-right: 8px;
  }
  .popular-searches a:last-child, .popular-searches span:last-child {
    padding-right: 0;
  }
}

.search-results-heading {
  margin-top: 32px;
}

.sumo-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 24px;
  height: 32px;
  border: 2px solid #CDCDD4;
  border: 2px solid var(--color-marketing-gray-03);
  border-radius: 4px;
  border-radius: var(--global-radius);
  background-color: #FFFFFF;
  background-color: var(--color-inverse);
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-alt-font-family);
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  color: #5E5E72;
  color: var(--color-marketing-gray-07);
  cursor: pointer;
  transition-duration: 150ms;
  transition-property: background-color, border-color;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sumo-button:visited {
  color: #5E5E72;
  color: var(--color-marketing-gray-07);
}
.sumo-button:hover:not(:disabled) {
  border-color: #B1B1BC;
  border-color: var(--color-marketing-gray-04);
  background-color: #EDEDF0;
  background-color: var(--color-marketing-gray-02);
  color: #5E5E72;
  color: var(--color-marketing-gray-07);
}
.sumo-button:active:not(:disabled) {
  border-color: #9595A2;
  border-color: var(--color-marketing-gray-05);
  color: #5E5E72;
  color: var(--color-marketing-gray-07);
}
.sumo-button:focus {
  box-shadow: 0 0 0 4px rgba(0, 96, 223, 0.3), 0 0 0 2px rgb(0, 138, 234);
  box-shadow: var(--focus-shadow);
  color: #5E5E72;
  color: var(--color-marketing-gray-07);
}
.sumo-button:disabled, .sumo-button.is-disabled {
  cursor: auto;
  opacity: 0.4;
}
.sumo-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.sumo-button.button-sm {
  padding: 0 16px;
  height: 24px;
  border-radius: 2px;
}
.sumo-button.button-lg {
  height: auto;
  padding-top: 9.5px;
  padding-bottom: 9.5px;
}
.sumo-button.button-full-width {
  width: 100%;
}
.sumo-button.button-xl {
  height: 48px;
}
.sumo-button.primary-button {
  border-width: 0;
  background: #0060DF;
  background: var(--color-link);
  color: #FFFFFF;
  color: var(--color-inverse);
}
.sumo-button.primary-button:hover:not(:disabled) {
  background: #0250BB;
  background: var(--color-blue-07);
  color: #FFFFFF;
  color: var(--color-inverse);
}
.sumo-button.primary-button:active:not(:disabled) {
  background: #073072;
  background: var(--color-blue-09);
}
.sumo-button.secondary-button {
  border-color: #0060DF;
  border-color: var(--color-link);
  background: #FFFFFF;
  background: var(--color-inverse);
  color: #0060DF;
  color: var(--color-link);
}
.sumo-button.secondary-button:hover:not(:disabled) {
  border-color: #0250BB;
  border-color: var(--color-blue-07);
  background-color: #0250BB;
  background-color: var(--color-blue-07);
  color: #FFFFFF;
  color: var(--color-inverse);
}
.sumo-button.secondary-button:active:not(:disabled) {
  border-color: #073072;
  border-color: var(--color-blue-09);
  background: #073072;
  background: var(--color-blue-09);
  color: #FFFFFF;
  color: var(--color-inverse);
}
.sumo-button.warning-button:hover:not(:disabled) {
  border-color: #E12850;
  border-color: var(--color-red-07);
  background-color: #E12850;
  background-color: var(--color-red-07);
  color: #FFFFFF;
  color: var(--color-inverse);
}
.sumo-button.link-button {
  color: #0060DF;
  color: var(--color-link);
  text-decoration: underline;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 none;
  background: transparent;
  font-weight: normal;
  font-size: 1rem;
  font-size: var(--base-font-size);
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  text-align: left;
}
.sumo-button.link-button:hover {
  text-decoration: none;
  background: transparent;
  color: #0060DF;
  color: var(--color-link);
}
.sumo-button.link-button:active {
  background: #EDEDF0;
  background: var(--color-link-active-bg);
}
.sumo-button.compare-revisions-button-down, .sumo-button.compare-revisions-button-up {
  padding-left: 4px;
}
.sumo-button.compare-revisions-button-down:before, .sumo-button.compare-revisions-button-up:before {
  display: inline-flex;
  align-self: flex-end;
  margin-right: 8px;
  width: 58px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2060.41%2014.4%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%235e5e72%27%20stroke-miterlimit%3D%2710%27%20stroke-width%3D%272%27%20d%3D%27M60.41%201H4.14v9.78M37.63%2010.78V1%27%2F%3E%3Cpath%20fill%3D%27%235e5e72%27%20d%3D%27M4.14%2014.4l4.14-7.17H0l4.14%207.17zM37.63%2014.4l4.14-7.17h-8.28l4.14%207.17z%27%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}
.sumo-button.compare-revisions-button-up:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2060.41%2014.4%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%235e5e72%27%20stroke-miterlimit%3D%2710%27%20stroke-width%3D%272%27%20d%3D%27M60.41%2013.4H4.14V3.62M37.63%203.62v9.78%27%2F%3E%3Cpath%20fill%3D%27%235e5e72%27%20d%3D%27M4.14%200l4.14%207.17H0L4.14%200zM37.63%200l4.14%207.17h-8.28L37.63%200z%27%2F%3E%3C%2Fsvg%3E");
  align-self: flex-start;
}

.sumo-button:focus,
.sumo-button:focus-within,
button:focus,
input[type=submit]:focus {
  box-shadow: 0 0 0 4px rgba(0, 96, 223, 0.3), 0 0 0 2px rgb(0, 138, 234);
  box-shadow: var(--focus-shadow);
  outline: none;
}

.avatar-row .is-details {
  margin-bottom: auto;
}
.avatar-row .is-details .mzp-c-menu-list-list {
  top: calc(100% + 8px);
  left: auto;
  right: 0;
}
.avatar-row .is-details .mzp-c-menu-list-item a {
  color: #42435A;
  color: var(--color-text);
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  border-bottom: 1px solid #EDEDF0;
  border-bottom: 1px solid var(--color-border);
  margin: 0 8px;
  padding: 8px 0;
}
.avatar-row .is-details .mzp-c-menu-list-item a:hover {
  margin: 0;
  padding: 8px;
  border-color: transparent;
}
.avatar-row .is-details .mzp-c-menu-list-item:last-child a {
  border: 0 none;
}

.is-details .icon-button button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  font: 0/0 a;
  color: transparent;
  background-image: url(more-vertical.2ac2da2e4cc0d80e.svg);
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.is-details .icon-button button:after {
  content: none;
}
.is-details .icon-button button img {
  width: 20px;
  height: 20px;
  max-width: none;
}

.sumo-close-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  width: 36px;
  height: 36px;
}
.sumo-close-button:hover {
  transform: scale(1.1);
}

.sumo-delete-button {
  font-size: 24px;
  height: 24px;
  width: 24px;
  color: #FF6A75;
  color: var(--color-error);
  text-decoration: none;
}
.sumo-delete-button:hover {
  color: #440306 !important;
  color: var(--color-red-10) !important;
}

.sumo-file-button input[type=file] {
  position: absolute;
  left: -999em;
}

.sumo-button-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -8px;
  padding: 8px 0;
  width: 100%;
  max-width: 95%;
}
@media (min-width: 768px) {
  .sumo-button-wrap {
    max-width: 100%;
  }
}
.sumo-button-wrap.align-end {
  justify-content: flex-end;
}
.sumo-button-wrap.align-end .sumo-button {
  margin: 0 0 8px 16px;
}
[dir=rtl] .sumo-button-wrap.align-end .sumo-button {
  margin: 0 16px 8px 0;
}
.sumo-button-wrap.align-full {
  justify-content: space-between;
}
.sumo-button-wrap.align-center {
  justify-content: center;
}
.sumo-button-wrap.extra-pad-top {
  padding-top: 24px;
}
.sumo-button-wrap .sumo-button {
  margin: 0 16px 8px 0;
}
[dir=rtl] .sumo-button-wrap .sumo-button {
  margin: 0 0 8px 16px;
}
.sumo-button-wrap.full-width-on-mobile .sumo-button {
  margin-right: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .sumo-button-wrap.full-width-on-mobile .sumo-button {
    width: auto;
  }
  .sumo-button-wrap.full-width-on-mobile .sumo-button {
    margin-right: 16px;
    margin-left: 0;
  }
  [dir=rtl] .sumo-button-wrap.full-width-on-mobile .sumo-button {
    margin-right: 0;
    margin-left: 16px;
  }
}
.sumo-button-wrap .push-right {
  margin-left: auto;
  margin-right: 0;
}
[dir=rtl] .sumo-button-wrap .push-right {
  margin-left: 0;
  margin-right: auto;
}
.sumo-button-wrap .push-left {
  margin-right: auto;
  margin-left: 0;
}
[dir=rtl] .sumo-button-wrap .push-left {
  margin-right: 0;
  margin-left: auto;
}
.sumo-button-wrap .last-on-mobile {
  order: 100;
}
@media (min-width: 768px) {
  .sumo-button-wrap.reverse-on-desktop {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .sumo-button-wrap.reverse-on-desktop.align-full {
    justify-content: space-between;
  }
  .sumo-button-wrap.reverse-on-desktop.align-full .sumo-button {
    margin: 0;
  }
  .sumo-button-wrap.reverse-on-desktop.align-center {
    justify-content: center;
  }
  .sumo-button-wrap.reverse-on-desktop.align-end {
    justify-content: flex-start;
  }
  .sumo-button-wrap.reverse-on-desktop .sumo-button {
    margin-left: 16px;
    margin-right: 0;
  }
  [dir=rtl] .sumo-button-wrap.reverse-on-desktop .sumo-button {
    margin-left: 0;
    margin-right: 16px;
  }
  .sumo-button-wrap.reverse-on-desktop .sumo-button.push-right {
    margin-left: auto;
    margin-right: 0;
  }
  [dir=rtl] .sumo-button-wrap.reverse-on-desktop .sumo-button.push-right {
    margin-left: 0;
    margin-right: auto;
  }
  .sumo-button-wrap.reverse-on-desktop .sumo-button.push-left {
    margin-right: auto;
    margin-left: 0;
  }
  [dir=rtl] .sumo-button-wrap.reverse-on-desktop .sumo-button.push-left {
    margin-right: 0;
    margin-left: auto;
  }
  .sumo-button-wrap .last-on-mobile {
    order: unset;
  }
}

.sumo-button-stack {
  display: flex;
  flex-direction: column;
  margin-bottom: -8px;
}
.sumo-button-stack .sumo-button {
  width: 100%;
  margin-bottom: 8px;
  white-space: nowrap;
}

.inline-form {
  display: flex;
  align-items: center;
}
.inline-form > * {
  margin-right: 12px;
}
.inline-form > *:last-child {
  margin-right: 0;
}

.mzp-l-content {
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  width: 100%;
  max-width: 1312px;
}
@media (min-width: 1024px) {
  .mzp-l-content {
    padding-right: 32px;
    padding-left: 32px;
  }
}
.mzp-l-content.narrow {
  max-width: 1000px;
}
.mzp-l-content .mzp-l-content {
  padding-right: 16px;
  padding-left: 16px;
}

.sumo-page-section {
  padding-top: 32px;
  padding-bottom: 32px;
}
.sumo-page-section--lg {
  padding-top: 40px;
  padding-bottom: 32px;
}
.sumo-page-section--lg.extra-pad-bottom {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .sumo-page-section--lg {
    padding-top: 48px;
  }
  .sumo-page-section--lg.extra-pad-bottom {
    padding-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .sumo-page-section--lg {
    padding-top: 72px;
  }
  .sumo-page-section--lg.extra-pad-bottom {
    padding-bottom: 72px;
  }
}
.sumo-page-section--md {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .sumo-page-section--md {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .sumo-page-section--md {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.sumo-page-section--sm {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .sumo-page-section--sm {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .sumo-page-section.extra-pad-bottom {
    padding-bottom: 48px;
  }
}
.sumo-page-section--inner {
  padding-top: 24px;
  padding-bottom: 24px;
}
.sumo-page-section--inner:first-child {
  padding-top: 32px;
}
.sumo-page-section--inner:last-child {
  padding-bottom: 72px;
}
@media (min-width: 768px) {
  .sumo-page-section--inner {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .sumo-page-section--inner:first-child {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .sumo-page-section--inner {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .sumo-page-section--inner:first-child {
    padding-top: 48px;
  }
  .sumo-page-section--inner:last-child {
    padding-bottom: 96px;
  }
}

.section-break {
  border: 2px solid #20133A;
  border: 2px solid var(--color-heading);
  border-width: 1px 0 0 0;
  margin: 32px 0;
}
@media (min-width: 768px) {
  .section-break {
    margin: 48px 0;
  }
}

.document--contributors {
  text-align: center;
}
.document--contributors-list {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .document--content p,
  .document--content ul {
    padding-right: calc(25% - 32px);
  }
}
@media (min-width: 1024px) {
  .document--content p,
  .document--content ul {
    padding-right: calc(16.6666666667% - 32px);
  }
}
@media (min-width: 1312px) {
  .document--content p,
  .document--content ul {
    padding-right: calc(14.2857142857% - 32px);
  }
}

.document-vote {
  border-radius: 36px;
  padding: 24px;
  min-width: 225px;
}
.hide-on-large .document-vote {
  padding: 20px;
}

.document-vote .comments-label {
  margin-bottom: 0;
  text-align: left;
  font-size: 0.75rem;
}
.document-vote .character-counter {
  text-align: left;
  font-size: 0.75rem;
}
.document-vote .required-text {
  color: red;
}
.document-vote.is-forum-answer .document-vote--form {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.document-vote.is-forum-answer .document-vote--heading {
  font-weight: normal;
  margin: 0;
}
.document-vote--form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.document-vote--heading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  margin: 0;
  margin-bottom: 16px;
}
.document-vote--heading.msg {
  font-weight: bold;
  color: #20133A;
  color: var(--color-heading);
  margin: 0;
  text-align: center;
}
.document-vote--buttons {
  margin-left: 16px;
}
.document-vote--sidebar-wrap {
  display: none;
}
@media (min-width: 1024px) {
  .document-vote--sidebar-wrap {
    display: block;
    position: sticky;
    top: 100px;
    margin-top: 300px;
  }
}
.document-vote--sidebar-wrap .document-vote {
  border-radius: 24px;
  padding: 24px;
}
.document-vote--sidebar-wrap .document-vote--form {
  flex-direction: column;
}
.document-vote--sidebar-wrap .document-vote--heading {
  margin-bottom: 16px;
}
.document-vote--sidebar-wrap .document-vote--buttons {
  margin-left: 0;
}
.document-vote .wait {
  display: none;
}
.document-vote .htmx-request .wait {
  display: inline-block;
}
.document-vote .helpful-button,
.document-vote .not-helpful-button {
  padding: 0;
  margin: 0 8px;
  font-size: 1.1rem;
  font-weight: bold;
  border: 0 none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  will-change: transform;
  transition: transform 0.3s linear;
  cursor: pointer;
}
.document-vote .helpful-button .hidden-text,
.document-vote .not-helpful-button .hidden-text {
  font: 0/0 a;
  color: transparent;
}
.document-vote .helpful-button[disabled],
.document-vote .not-helpful-button[disabled] {
  opacity: 1;
  cursor: default;
  color: #20133A;
  color: var(--color-heading);
}
.document-vote .helpful-button[disabled] .emoji,
.document-vote .not-helpful-button[disabled] .emoji {
  opacity: 0.5;
}
.document-vote .helpful-button .helpful-count,
.document-vote .not-helpful-button .helpful-count {
  display: inline-flex;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  transform: translateY(-3px);
}
@media (min-width: 768px) {
  .document-vote--form {
    flex-direction: row;
  }
  .document-vote--heading {
    margin-bottom: 0;
  }
}
.document-vote .survey-container .field.radio {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  padding-right: 0;
}
.document-vote .survey-container .field.radio input[type=radio] {
  flex-shrink: 0;
  margin-top: 4px;
  width: 20px;
}
.document-vote .survey-container .field.radio label {
  margin-left: 8px;
  line-height: 1.4;
  text-align: left;
  flex: 1;
}
.document-vote .survey-container ul {
  padding-left: 0;
  margin: 16px 0;
  list-style: none;
}
.document-vote .survey-container textarea {
  margin: 8px 0;
  width: 100%;
  max-width: 100%;
  min-height: 140px;
  resize: vertical;
}
.document-vote .survey-container .sumo-button-wrap .sumo-button {
  margin: 0px;
  gap: 8px;
}
.document-vote .survey-message p {
  font-weight: bold;
}

.document--content #toc,
.document--content .note,
.document--content .warning,
.forum--entry-content #toc,
.forum--entry-content .note,
.forum--entry-content .warning,
#doc-content #toc,
#doc-content .note,
#doc-content .warning {
  padding: 24px;
  border-radius: 4px;
  border-radius: var(--global-radius);
  background: #F9F9FB;
  background: var(--color-shade-bg);
  margin-bottom: 32px;
}
.document--content #toc h2,
.document--content .note h2,
.document--content .warning h2,
.forum--entry-content #toc h2,
.forum--entry-content .note h2,
.forum--entry-content .warning h2,
#doc-content #toc h2,
#doc-content .note h2,
#doc-content .warning h2 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
  margin-top: 0;
}
@media (min-width: 768px) {
  .document--content #toc h2,
  .document--content .note h2,
  .document--content .warning h2,
  .forum--entry-content #toc h2,
  .forum--entry-content .note h2,
  .forum--entry-content .warning h2,
  #doc-content #toc h2,
  #doc-content .note h2,
  #doc-content .warning h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
    color: #20133A;
    color: var(--color-heading);
    font-weight: bold;
  }
}
.document--content #toc .tocnumber,
.forum--entry-content #toc .tocnumber,
#doc-content #toc .tocnumber {
  display: none;
}
.document--content .warning,
.forum--entry-content .warning,
#doc-content .warning {
  background: #FFEA80;
  background: var(--color-warning);
}
.document--content h1,
.forum--entry-content h1,
#doc-content h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: bold;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  color: #20133A;
  color: var(--color-heading);
}
.document--content h2,
.forum--entry-content h2,
#doc-content h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
}
.document--content h3,
.document--content h4,
.document--content h5,
.document--content h6,
.forum--entry-content h3,
.forum--entry-content h4,
.forum--entry-content h5,
.forum--entry-content h6,
#doc-content h3,
#doc-content h4,
#doc-content h5,
#doc-content h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
}
.document--content h1,
.document--content h2,
.document--content h3,
.document--content h4,
.document--content h5,
.document--content h6,
.forum--entry-content h1,
.forum--entry-content h2,
.forum--entry-content h3,
.forum--entry-content h4,
.forum--entry-content h5,
.forum--entry-content h6,
#doc-content h1,
#doc-content h2,
#doc-content h3,
#doc-content h4,
#doc-content h5,
#doc-content h6 {
  margin-top: 1.5em;
}
.document--content h1:first-child,
.document--content h2:first-child,
.document--content h3:first-child,
.document--content h4:first-child,
.document--content h5:first-child,
.document--content h6:first-child,
.forum--entry-content h1:first-child,
.forum--entry-content h2:first-child,
.forum--entry-content h3:first-child,
.forum--entry-content h4:first-child,
.forum--entry-content h5:first-child,
.forum--entry-content h6:first-child,
#doc-content h1:first-child,
#doc-content h2:first-child,
#doc-content h3:first-child,
#doc-content h4:first-child,
#doc-content h5:first-child,
#doc-content h6:first-child {
  margin-top: 0;
}
.document--content .wiki-image,
.forum--entry-content .wiki-image,
#doc-content .wiki-image {
  padding: 5px 0;
  vertical-align: middle;
  display: inline-block;
}
.document--content .separator,
.forum--entry-content .separator,
#doc-content .separator {
  border: 0 none;
  border-bottom: 1px solid var(--text-color);
  margin: 16px 0;
}
.document--content ul,
.forum--entry-content ul,
#doc-content ul {
  list-style: disc;
  margin: 16px;
}
.document--content ol,
.forum--entry-content ol,
#doc-content ol {
  list-style: decimal;
  margin: 16px;
}
.document--content li,
.forum--entry-content li,
#doc-content li {
  margin-bottom: 8px;
}
.document--content .filepath,
.forum--entry-content .filepath,
#doc-content .filepath {
  font-style: italic;
}
.document--content .button,
.document--content .key,
.forum--entry-content .button,
.forum--entry-content .key,
#doc-content .button,
#doc-content .key {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #CDCDD4;
  border: 2px solid var(--color-marketing-gray-03);
  padding: 0 16px;
  border-radius: 2px;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-alt-font-family);
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  color: #5E5E72;
  color: var(--color-marketing-gray-07);
}
.document--content .key,
.forum--entry-content .key,
#doc-content .key {
  padding: 0 8px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-family: var(--code-font-family);
}
.document--content .pref,
.forum--entry-content .pref,
#doc-content .pref {
  padding: 0 2px;
  border: 1px solid #CDCDD4;
  border: 1px solid var(--color-marketing-gray-03);
}
.document--content .menu,
.forum--entry-content .menu,
#doc-content .menu {
  background: #EDEDF0;
  background: var(--color-marketing-gray-02);
  color: #141422;
  color: var(--color-marketing-gray-10);
  padding: 2px 4px;
}
.document--content dl,
.forum--entry-content dl,
#doc-content dl {
  margin: 0 0 16px 24px;
}
.document--content dl dd,
.forum--entry-content dl dd,
#doc-content dl dd {
  margin-left: 24px;
}
.document--content .youtube-embed,
.forum--entry-content .youtube-embed,
#doc-content .youtube-embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.document--content .youtube-embed iframe,
.forum--entry-content .youtube-embed iframe,
#doc-content .youtube-embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

#document_metadata {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 32px;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
}
#document_metadata.has-border-bottom {
  border-bottom: 1px solid #42435A;
  border-bottom: 1px solid var(--color-text);
}
#document_metadata.has-border-top {
  border-top: 1px solid #EDEDF0;
  margin-top: 12px;
  margin-bottom: 24px;
  padding-top: 12px;
}
#document_metadata .product {
  font-weight: bold;
  margin-right: 24px;
}
#document_metadata .last-updated {
  display: flex;
  align-items: center;
}
#document_metadata .last-updated .pencil {
  margin-right: 8px;
}
#document_metadata .last-updated strong {
  font-weight: bold;
}
#document_metadata .last-updated .time {
  margin-left: 8px;
  margin-right: 16px;
}
#document_metadata .helpful-info {
  display: flex;
  align-items: center;
}
#document_metadata .helpful-info .thumbsup {
  margin-right: 8px;
}
#document_metadata .helpful-info .helpful-count {
  font-weight: bold;
  margin-right: 8px;
}
@media (max-width: 600px) {
  #document_metadata {
    flex-direction: column;
    align-items: flex-start;
  }
  #document_metadata .product {
    margin-right: 0;
    margin-bottom: 8px;
  }
  #document_metadata .last-updated {
    margin-bottom: 8px;
  }
  #document_metadata .last-updated .time {
    margin-left: 4px;
    margin-right: 8px;
  }
  #document_metadata .helpful-info .helpful-count {
    margin-right: 4px;
  }
}

.mzp-c-footer {
  margin-top: auto;
}
.mzp-c-footer a:link,
.mzp-c-footer a:visited,
.mzp-c-footer a:focus,
.mzp-c-footer a:active {
  text-decoration: none;
  background-color: transparent;
}
.mzp-c-footer a:hover {
  text-decoration: underline;
}
.mzp-c-footer-links-social {
  position: relative;
  display: flex;
  max-width: 100%;
}
.mzp-c-footer-links-social li {
  padding: 16px 24px 0 0;
  margin: 0;
}
[dir=rtl] .mzp-c-footer-links-social li {
  padding: 16px 0 0 24px;
  margin: 0;
}
.mzp-c-footer-links-social li a {
  width: 24px;
  height: 24px;
  background-size: 100% auto;
}
.mzp-c-footer-primary-logo {
  margin-bottom: 24px;
}
.mzp-c-footer-primary-logo a {
  background: url(wordmark-white.db8a7049aa9b07ca.svg) no-repeat center;
  background-color: rgb(255, 255, 255);
  width: 100px;
  height: 32px;
}
.mzp-c-footer-primary {
  border-bottom: 1px solid #FFFFFF;
  border-bottom: 1px solid var(--color-inverse);
}
.mzp-c-footer-cols, .mzp-c-footer-secondary {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
.mzp-c-footer-heading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.mzp-c-footer .mzp-c-footer-legal a {
  text-decoration: underline;
}
.mzp-c-footer-col, .mzp-c-footer-link-col, .mzp-c-footer-legal-col {
  width: 100%;
  margin-right: 16px;
  margin-left: 16px;
}
@media (min-width: 480px) {
  .mzp-c-footer-col {
    width: calc(((16.6666666667% - 32px) * 2) + 32px);
  }
  .mzp-c-footer-link-col {
    width: calc(((16.6666666667% - 32px) * 4) + 96px);
  }
  .mzp-c-footer-legal-col {
    width: calc(((16.6666666667% - 32px) * 2) + 32px);
  }
}
@media (min-width: 1024px) {
  .mzp-c-footer-col {
    width: calc(((10% - 32px) * 2) + 32px);
  }
  .mzp-c-footer-link-col {
    width: calc(((10% - 32px) * 5) + 128px);
  }
  .mzp-c-footer-legal-col {
    margin-left: auto;
    width: calc(((10% - 32px) * 4) + 96px);
  }
}
@media (min-width: 1312px) {
  .mzp-c-footer-col {
    width: calc(((10% - 32px) * 2) + 32px);
  }
  .mzp-c-footer-col.lang-col {
    margin-left: auto;
    width: calc(((10% - 32px) * 1.5) + 16px);
  }
  .mzp-c-footer-link-col {
    width: calc(((10% - 32px) * 5) + 128px);
  }
  .mzp-c-footer-legal-col {
    margin-left: auto;
    width: calc(((10% - 32px) * 4) + 96px);
  }
}

.sumo-nav {
  border-bottom: 1px solid #EDEDF0;
  border-bottom: 1px solid var(--color-border);
}
.sumo-nav--container {
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  width: 100%;
  max-width: 1312px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .sumo-nav--container {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .sumo-nav--container {
    flex-wrap: nowrap;
  }
}
.sumo-nav--logo {
  padding-top: 12px;
  padding-bottom: 12px;
  width: 96px;
  height: auto;
}
.sumo-nav--logo {
  margin: 0 32px 0 0;
}
[dir=rtl] .sumo-nav--logo {
  margin: 0 0 0 32px;
}
.sumo-nav--logo a,
.sumo-nav--logo img {
  display: block;
}
.sumo-nav--list {
  display: block;
}
@media (min-width: 768px) {
  .sumo-nav--list {
    display: flex;
  }
}
.sumo-nav--list-wrap-right {
  margin-left: auto;
  margin-right: 0;
}
[dir=rtl] .sumo-nav--list-wrap-right {
  margin-left: 0;
  margin-right: auto;
}
.sumo-nav--list-wrap-right.logged-out .sumo-nav--list {
  align-items: center;
  padding-top: 0;
}
.sumo-nav--username {
  margin: 0 8px 0 0;
}
[dir=rtl] .sumo-nav--username {
  margin: 0 0 0 8px;
}
.sumo-nav--link.has-avatar {
  padding-right: 0;
  padding-left: 24px;
}
[dir=rtl] .sumo-nav--link.has-avatar {
  padding-right: 24px;
  padding-left: 0;
}
.sumo-nav--link.has-avatar .avatar {
  display: block;
  max-width: unset;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.sumo-nav--avatar-button {
  display: flex;
}
.sumo-nav--avatar-button {
  margin: 0 0 0 12px;
}
[dir=rtl] .sumo-nav--avatar-button {
  margin: 0 12px 0 0;
}
.sumo-nav--avatar-button .avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .sumo-nav--avatar-button {
    display: none;
  }
}
@media (min-width: 768px) {
  .js .mzp-c-navigation-l-content .sumo-nav--mobile-search-form {
    display: none;
  }
}
.sumo-nav--dropdown-grid {
  position: relative;
}
@media (min-width: 768px) {
  .sumo-nav--dropdown-grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .sumo-nav--dropdown-container {
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    width: 100%;
    max-width: 1312px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .sumo-nav--dropdown-container {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .sumo-nav--dropdown-col {
    width: calc(((16.6666666667% - 32px) * 3) + 64px);
    margin-right: 16px;
    margin-left: 16px;
  }
}
@media (min-width: 1024px) {
  .sumo-nav--dropdown-col {
    width: calc(((12.5% - 32px) * 3) + 64px);
  }
}
@media (min-width: 1312px) {
  .sumo-nav--dropdown-col {
    width: calc(((10% - 32px) * 4) + 96px);
  }
}
.sumo-nav--dropdown-feature {
  display: none;
}
@media (min-width: 1024px) {
  .sumo-nav--dropdown-feature {
    display: block;
    width: calc(((12.5% - 32px) * 2) + 32px);
    margin-right: 16px;
    margin-left: 16px;
  }
}
@media (min-width: 1312px) {
  .sumo-nav--dropdown-feature {
    width: calc(((10% - 32px) * 2) + 32px);
  }
}
@media (min-width: 768px) {
  .sumo-nav--dropdown-thirds {
    width: calc(((16.6666666667% - 32px) * 2) + 32px);
    margin-right: 16px;
    margin-left: 16px;
  }
  .sumo-nav--dropdown-thirds .sumo-button-wrap {
    margin-top: 24px;
  }
}
.sumo-nav--dropdown-item {
  margin: 0 0 0 -8px;
}
[dir=rtl] .sumo-nav--dropdown-item {
  margin: 0 -8px 0 0;
}
.sumo-nav--button-row {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}
@media (min-width: 768px) {
  .sumo-nav--button-row {
    width: 100%;
    margin-right: 16px;
    margin-left: 16px;
  }
}
@media (min-width: 480px) {
  .sumo-nav--sublist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 480px) {
  .sumo-nav--sublist-aaq {
    display: flex;
    flex-wrap: wrap;
  }
  .sumo-nav--sublist-aaq > li {
    flex: 25%;
  }
}
.sumo-nav--search-button, .sumo-nav--toggle-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 4px;
  background-image: url(menu.0691c03c6ae33a68.svg);
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  font: 0/0 a;
  color: transparent;
}
.sumo-nav--search-button, .sumo-nav--toggle-button {
  margin: 0 0 0 10px;
}
[dir=rtl] .sumo-nav--search-button, [dir=rtl] .sumo-nav--toggle-button {
  margin: 0 10px 0 0;
}
.sumo-nav--search-button:hover, .sumo-nav--search-button:active, .sumo-nav--search-button:focus, .sumo-nav--search-button.mzp-is-active, .sumo-nav--toggle-button:hover, .sumo-nav--toggle-button:active, .sumo-nav--toggle-button:focus, .sumo-nav--toggle-button.mzp-is-active {
  background-color: #EDEDF0;
  background-color: var(--color-link-active-bg);
}
@media (min-width: 768px) {
  .sumo-nav--search-button, .sumo-nav--toggle-button {
    display: none;
  }
}
.sumo-nav--search-button {
  background-image: url(search.926df0485fcd60d8.svg);
}
.sumo-nav--search-button {
  margin-left: auto;
  margin-right: 0;
}
[dir=rtl] .sumo-nav--search-button {
  margin-left: 0;
  margin-right: auto;
}
.sumo-nav .simple-search-form {
  display: none;
}
.sumo-nav .sumo-nav--mobile-search-form .simple-search-form {
  display: block;
  margin: 0;
  padding: 0 0 20px 0;
}
.sumo-nav .sumo-nav--mobile-search-form .searchbox {
  width: 100%;
  height: 40px;
}
body.scroll-header:not(.lock-body) .sumo-nav {
  position: fixed;
  top: -100px;
  z-index: 97;
  width: 100%;
  transform: translateY(100px);
  transition: transform 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  body.scroll-header:not(.lock-body) .sumo-nav {
    transition: none;
  }
}
body.scroll-header:not(.lock-body) .sumo-nav .simple-search-form {
  display: block;
}
body.scroll-header:not(.lock-body) .sumo-nav .search-button {
  right: 4px;
  left: auto;
}
[dir=rtl] body.scroll-header:not(.lock-body) .sumo-nav .search-button {
  right: auto;
  left: 4px;
}
body.scroll-header:not(.lock-body) .sumo-nav .sumo-nav--list-wrap-right .sumo-button {
  display: none;
}
body.scroll-header:not(.lock-body) .sumo-nav .sumo-nav--list-wrap-right .sumo-nav--dropdown-container .sumo-button {
  display: inline-flex;
}
.sumo-nav .firefox-download-button {
  margin: 0 24px 0 8px;
}
[dir=rtl] .sumo-nav .firefox-download-button {
  margin: 0 8px 0 24px;
}
.sumo-nav .searchbox {
  width: 200px;
}
@media (min-width: 1024px) {
  .sumo-nav .searchbox {
    width: 300px;
  }
}
.sumo-nav .mzp-c-menu-panel .mzp-c-menu-button-close {
  right: 16px;
  left: auto;
}
[dir=rtl] .sumo-nav .mzp-c-menu-panel .mzp-c-menu-button-close {
  right: auto;
  left: 16px;
}
.sumo-nav .mzp-c-navigation-menu {
  margin-left: 0;
  margin-right: 0;
}
[dir=rtl] .sumo-nav .mzp-c-navigation-menu {
  margin-left: 0;
  margin-right: 0;
}
.sumo-nav .mzp-c-menu-category .mzp-c-menu-title {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .sumo-nav .mzp-c-menu-category .mzp-c-menu-title {
    padding-top: 8px;
    padding-bottom: 18px;
  }
}
.sumo-nav .mzp-c-navigation-l-content {
  padding: 0;
}
.sumo-nav .mzp-c-menu-item .mzp-c-menu-item-list::after {
  content: none;
}
.sumo-nav .mzp-c-menu-category.logged-out-button-row {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .sumo-nav .mzp-c-menu-category {
    display: flex;
  }
}
.sumo-nav .mzp-c-navigation-menu {
  width: 100%;
}
.sumo-nav .mzp-c-menu-panel {
  top: 100%;
}

.js .mzp-c-navigation-l-content .mzp-c-navigation-items.mzp-is-open {
  width: 100%;
}

.sumo-nav-access {
  position: absolute;
  top: -20em;
  z-index: 1001;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
}
.sumo-nav-access a {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0;
  padding: 12px 10px;
  padding: 0;
  background: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  text-align: center;
}
.sumo-nav-access a:focus {
  top: 20em;
  text-decoration: none;
}

body.scroll-header:not(.lock-body) {
  padding-top: 65px;
}
@media (min-width: 1024px) {
  body.scroll-header:not(.lock-body) {
    padding-top: 74px;
  }
}

html {
  scroll-padding-top: 65px;
}
@media (min-width: 1024px) {
  html {
    scroll-padding-top: 74px;
  }
}

.avatar-container {
  position: relative;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 768px) {
  .avatar-container {
    width: 32px;
    height: 32px;
  }
}

.avatar-container-message-alert {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: red;
}
@media screen and (max-width: 768px) {
  .avatar-container-message-alert {
    width: 8px;
    height: 8px;
  }
}

.message-count-alert {
  border-radius: 50%;
  background-color: red;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.25rem 0.5rem;
  vertical-align: middle;
}
.message-count-alert {
  margin: 0 0 0 8px;
}
[dir=rtl] .message-count-alert {
  margin: 0 8px 0 0;
}

.sumo-page-subheader {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .sumo-page-subheader {
    flex-direction: row;
    justify-content: space-between;
  }
}

.download-buttons {
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .download-buttons {
    margin-bottom: 0;
  }
}

.download-info {
  display: flex;
  justify-content: center;
  margin: 8px 0 0 0;
  padding: 0;
  list-style: none;
}
.download-info li {
  margin: 0 4px;
}

.topics-section {
  padding: 40px 0px;
}
.topics-section h2 {
  font-size: 24px;
  margin-bottom: 0px;
  color: #333;
}
@media (min-width: 480px) {
  .topics-section {
    padding: 24px 0px;
  }
}

@media (min-width: 1024px) {
  .topics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .topics-grid {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding: 16px 0;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .topics-grid::-webkit-scrollbar {
    display: none;
  }
  .topics-grid > .card--topic {
    flex: 0 0 280px;
    height: 280px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .topics-grid > .card--topic > * {
    flex-shrink: 0;
  }
}

.sumo-auth {
  align-items: center;
  align-content: center;
  text-align: center;
}
.sumo-auth--wrap {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  max-width: 470px;
}
.sumo-auth--logo {
  display: none;
}
.sumo-auth--login-help {
  margin-top: 40px;
}
.sumo-auth .login-submit {
  display: flex;
}
.sumo-auth .login-submit .button-wrap {
  margin-right: 60px;
  flex: 0 0 auto;
}
.sumo-auth .login-submit .help-text {
  max-width: 300px;
  margin: 0;
}
@media (min-width: 768px) {
  .sumo-auth--logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sumo-auth--logo img {
    width: 70%;
    max-width: 300px;
  }
}
.sumo-auth .trouble-text {
  margin-top: 35px;
  padding-top: 15px;
  border-top: 1px solid #EDEDF0;
  border-top: 1px solid var(--color-border);
}
.sumo-auth .sumo-header-medium {
  font-size: 2em;
}
.sumo-auth .clear-bottom-pad {
  padding-bottom: 0px;
}
.sumo-auth .content-zero-bottom-pad {
  padding-bottom: 0px;
}
@media (min-width: 1312px) {
  .sumo-auth--wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.badges-list {
  display: flex;
  flex-wrap: wrap;
}
.badges-list li {
  flex: 1 1 100%;
  max-width: 150px;
  margin: 0 20px 20px 0;
}

.search-results-visible .home-search-section {
  text-align: left;
}
@media (min-width: 768px) {
  .search-results-visible .home-search-section--content {
    max-width: calc(((16.6666666667% - 32px) * 4) + 96px);
  }
}
@media (min-width: 1024px) {
  .search-results-visible .home-search-section--content {
    max-width: calc(((12.5% - 32px) * 6) + 160px);
  }
}
@media (min-width: 1312px) {
  .search-results-visible .home-search-section--content {
    max-width: calc(((10% - 32px) * 7) + 192px);
  }
}
.search-results-visible .page-heading--logo,
.search-results-visible .popular-searches,
.search-results-visible .breadcrumbs,
.search-results-visible .hide-when-search-is-active {
  display: none;
}
.search-results-visible .hidden-search-masthead {
  display: block;
}

.hidden-search-masthead {
  display: none;
}

.home-search-section {
  text-align: center;
}
.home-search-section .simple-search-form {
  margin-top: 32px;
}

.two-col-checkboxes ul {
  -moz-column-count: 2;
       column-count: 2;
}

.three-col-checkboxes ul {
  -moz-column-count: 3;
       column-count: 3;
}

.topic-article {
  display: flex;
  margin-bottom: 32px;
}
.topic-article.no-bottom-margin {
  margin-bottom: 0;
}
.topic-article--icon-wrap {
  flex: 0 0 auto;
}
.topic-article--icon-wrap {
  margin: 0 16px 0 0;
}
[dir=rtl] .topic-article--icon-wrap {
  margin: 0 0 0 16px;
}
.topic-article--icon {
  width: 24px;
  height: 24px;
}
.topic-article--text {
  flex: 1 1 100%;
  max-width: 100%;
  word-wrap: break-word;
}
.topic-article--text p {
  margin-bottom: 0;
}
.topic-article--meta-list {
  display: flex;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  line-height: 1;
}
.topic-article--meta-list li {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #42435A;
  border-right: 1px solid var(--color-text);
}
.topic-article--meta-list li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0 none;
}
@media (min-width: 768px) {
  .topic-article {
    margin-bottom: 32px;
  }
}

.sumo-article-header {
  display: flex;
  flex-direction: column-reverse;
  margin: 0 0 16px;
}
.sumo-article-header.has-border-bottom {
  border-bottom: 1px solid #42435A;
  border-bottom: 1px solid var(--color-text);
}
.sumo-article-header.kb-header {
  margin: 0 0 16px;
}
.sumo-article-header--text {
  flex: 1 1 auto;
}
.sumo-article-header--text .documents-product-title {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 16px;
}
.sumo-article-header--text .documents-product-title img {
  width: 32px;
}
@media (min-width: 768px) {
  .sumo-article-header--text .documents-product-title {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  .sumo-article-header--text .documents-product-title img {
    width: 48px;
  }
  .sumo-article-header--text .documents-product-title .download-buttons {
    margin-bottom: 0;
  }
}
.sumo-article-header--meta {
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .sumo-article-header {
    flex-direction: row;
    align-items: center;
    margin: 16px 0 32px;
  }
}
@media (min-width: 1024px) {
  .sumo-article-header {
    margin: 40px 0 56px;
  }
}

.is-subtopic {
  margin-bottom: 20px;
}
.is-subtopic a:visited {
  color: #20133A;
  color: var(--color-heading);
}

@media (min-width: 768px) {
  .breadcrumbs + .sumo-l-two-col .search-form-sidebar {
    margin: -48px 0 40px 0;
  }
}
.sumo-l-two-col {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
.sumo-l-two-col--sidebar, .sumo-l-two-col--main, .sumo-l-two-col--full, .sumo-l-two-col--one-half {
  width: 100%;
  margin-right: 16px;
  margin-left: 16px;
}
@media (min-width: 768px) {
  .sumo-l-two-col.cols-on-medium {
    flex-direction: row;
  }
  .sumo-l-two-col.cols-on-medium .sumo-l-two-col--main {
    width: calc(((16.6666666667% - 32px) * 4) + 96px);
  }
  .sumo-l-two-col.cols-on-medium .sumo-l-two-col--sidebar {
    width: calc(((16.6666666667% - 32px) * 2) + 32px);
  }
  .sumo-l-two-col.align-center {
    align-items: center;
  }
  .sumo-l-two-col--one-half {
    width: calc(50% - 32px);
  }
}
@media (min-width: 1024px) {
  .sumo-l-two-col {
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .sumo-l-two-col.sidebar-on-right {
    flex-direction: row;
  }
  .sumo-l-two-col.cols-on-medium {
    flex-direction: row;
  }
  .sumo-l-two-col.cols-on-medium .sumo-l-two-col--sidebar {
    width: calc(((12.5% - 32px) * 2) + 32px);
  }
  .sumo-l-two-col.cols-on-medium .sumo-l-two-col--main {
    width: calc(((12.5% - 32px) * 6) + 160px);
  }
  .sumo-l-two-col--sidebar {
    display: block;
    width: calc(((12.5% - 32px) * 2) + 32px);
  }
  .sumo-l-two-col--main {
    width: calc(((12.5% - 32px) * 6) + 160px);
  }
}
@media (min-width: 1312px) {
  .sumo-l-two-col--sidebar {
    display: block;
    width: calc(((10% - 32px) * 2) + 32px);
  }
  .sumo-l-two-col--main {
    width: calc(((10% - 32px) * 7) + 192px);
  }
  .sumo-l-two-col.cols-on-medium {
    flex-direction: row;
  }
  .sumo-l-two-col.cols-on-medium .sumo-l-two-col--sidebar {
    width: calc(((10% - 32px) * 2) + 32px);
  }
  .sumo-l-two-col.cols-on-medium .sumo-l-two-col--main {
    width: calc(((10% - 32px) * 7) + 192px);
  }
}

.forum--question-item {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
  border-bottom: 1px solid #20133A;
  border-bottom: 1px solid var(--color-heading);
}
.forum--question-item:first-child {
  padding-top: 0;
}
.forum--content {
  flex: 1 1 auto;
}
.forum--question-item-heading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.forum--question-item-side {
  flex: 0 0 100%;
  display: flex;
}
.forum--question-item-side li {
  position: relative;
  width: 48px;
  display: flex;
  justify-content: center;
  padding: 0 12px;
  border-right: 1px solid #EDEDF0;
  border-right: 1px solid var(--color-border);
  color: #9595A2;
  color: var(--color-marketing-gray-05);
  text-align: center;
}
.forum--question-item-side li:last-child {
  border: 0 none;
}
.forum--question-item-side li.thread-solved {
  color: #3FE1B0;
  color: var(--color-success);
}
.forum--question-item-side li .hover-label {
  opacity: 0;
  will-change: opacity, transform;
  padding: 2px 6px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  background: #20133A;
  background: var(--color-inverse-bg);
  color: #FFFFFF;
  color: var(--color-inverse);
  border-radius: 4px;
  border-radius: var(--global-radius);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  transition: opacity 0.2s linear, transform 0.2s linear;
  z-index: 2;
}
.forum--question-item-side li:hover .hover-label {
  display: block;
  opacity: 1;
  transform: translate(-50%, 10%);
}
.forum--question-item-side svg {
  width: 20px;
  height: 20px;
}
.forum--user-meta {
  display: flex;
  flex-wrap: wrap;
  padding-top: 16px;
  border-top: 1px solid #EDEDF0;
  border-top: 1px solid var(--color-border);
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.forum--user-meta p {
  margin: 0 24px 0 0;
}
.forum--user-meta p:last-child {
  margin-right: 0;
}
.forum--user-meta a {
  text-decoration: none;
  color: #20133A;
  color: var(--color-heading);
}
.forum--user-meta a:hover {
  color: #20133A;
  color: var(--color-heading);
  text-decoration: underline;
}
.forum--sidebar-sort {
  margin-bottom: 40px;
}
.forum--sidebar-form {
  margin: 32px 0 54px;
}
.forum--masthead-text > *:last-child {
  margin-bottom: 0;
}
.forum--masthead-cta {
  display: none;
}
.forum--mobile-sort {
  margin-bottom: 40px;
  max-width: 160px;
}
.forum--meta-details {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.forum--meta-details {
  margin: 0 auto 16px 0;
}
[dir=rtl] .forum--meta-details {
  margin: 0 0 16px auto;
}
.forum--meta-details li {
  white-space: nowrap;
}
.forum--meta-details li {
  padding: 0 8px 0 0;
}
[dir=rtl] .forum--meta-details li {
  padding: 0 0 0 8px;
}
.forum--meta-details li:last-child {
  flex: 1 1 100%;
}
@media (min-width: 768px) {
  .forum--meta-details li:last-child {
    flex: 1 1 auto;
  }
  .forum--meta-details li.border-left-md {
    border-left: 1px solid #EDEDF0;
    border-left: 1px solid var(--color-border);
    padding: 0 12px;
  }
}
.forum--meta-details .forum--meta-val,
.forum--meta-details .forum--meta-key {
  padding: 0 4px 0 0;
}
[dir=rtl] .forum--meta-details .forum--meta-val,
[dir=rtl] .forum--meta-details .forum--meta-key {
  padding: 0 0 0 4px;
}
.forum--meta-details .forum--meta-val {
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
}
.forum--question-list .forum--meta-details {
  margin: 0 0 auto 0;
  flex-wrap: nowrap;
}
.forum--question-list .forum--meta-details li:last-child {
  padding-right: 0;
  padding-left: 8px;
}
[dir=rtl] .forum--question-list .forum--meta-details li:last-child {
  padding-right: 8px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .forum--question-item {
    flex-direction: row;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .forum--question-item-side {
    flex: 0 0 70px;
    flex-direction: column;
  }
  .forum--question-item-side li {
    padding: 12px 0;
    border-right: 0 none;
    border-bottom: 1px solid #EDEDF0;
    border-bottom: 1px solid var(--color-border);
  }
  .forum--question-item-side li:first-child {
    padding-top: 0;
  }
  .forum--question-item-side li:first-child .hover-label {
    top: 0;
  }
  .forum--question-item-side li:last-child {
    padding-bottom: 0;
  }
  .forum--question-item-side li .hover-label {
    top: 12px;
    left: 90%;
    transform: translateX(-25%);
  }
  .forum--question-item-side li:hover .hover-label {
    transform: translateX(-10%);
  }
  .forum--masthead-cta {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .forum--masthead-cta {
    align-items: center;
    justify-content: flex-start;
  }
}

.forum--entry {
  padding: 32px 0;
}
.forum--entry-content {
  padding: 0 0 0 54px;
}
[dir=rtl] .forum--entry-content {
  padding: 0 54px 0 0;
}
.forum--entry .content-raw {
  display: none;
}

#post-preview .mzp-c-menu-list,
#post-preview .content-raw {
  display: none;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.tag-list li {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  margin: 0 8px 8px 0;
  background-color: #F0F0F4;
  background-color: var(--color-light-gray-03);
  border-radius: 20px;
  white-space: nowrap;
}
.tag-list li:last-child {
  margin-right: 0;
}
.tag-list li.is-active {
  background-color: #0060DF;
  background-color: var(--color-link);
  color: #FFFFFF;
  color: var(--color-inverse);
}
.tag-list li:hover {
  background: #E0E0E6;
  background: var(--color-light-gray-04);
}
.tag-list li.is-spam {
  background-color: #FFEA80;
  background-color: var(--color-warning);
}
.tag-list.no-hover li:hover {
  background-color: #F0F0F4;
  background-color: var(--color-light-gray-03);
}
.tag-list a {
  color: #42435A;
  color: var(--color-text);
  text-decoration: none;
  padding: 0;
}
.tag-list .remover {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #5E5E72;
  color: var(--color-text-light);
  line-height: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  padding: 0;
  margin: -2px -4px 0 8px;
  border: 0 none;
}
.tag-list .remover:hover {
  color: #FF6A75;
  color: var(--color-error);
}
.tag-list.push-right li:last-child {
  margin-right: 16px;
  margin-left: 0;
}
[dir=rtl] .tag-list.push-right li:last-child {
  margin-right: 0;
  margin-left: 16px;
}

.tag-notification {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  margin-bottom: 40px;
}
.tag-notification .tag-list {
  display: inline-block;
  margin: 0 16px 0 8px;
}
.tag-notification .tag-list li {
  margin-bottom: 0;
}
.tag-notification .show-all {
  color: #0060DF;
  color: var(--color-link);
}

.ui-tabs-hide {
  display: none;
}

.ui-truncatable .short-text {
  display: none;
}
.ui-truncatable.truncated .short-text {
  display: block;
}
.ui-truncatable.truncated .long-text {
  display: none;
}

.push-right {
  margin: 0 auto 0 0;
}
[dir=rtl] .push-right {
  margin: 0 0 0 auto;
}

.question .main-content {
  padding-bottom: 40px;
}

.question .content ul,
.answer .content ul,
.forum--entry-content .content ul,
.response-preview-rendered .content ul {
  list-style: disc;
}
.question .content ol,
.answer .content ol,
.forum--entry-content .content ol,
.response-preview-rendered .content ol {
  list-style: decimal;
}
.question .content ul, .question .content ol,
.answer .content ul,
.answer .content ol,
.forum--entry-content .content ul,
.forum--entry-content .content ol,
.response-preview-rendered .content ul,
.response-preview-rendered .content ol {
  padding-left: 24px;
}
.question .content p,
.question .content blockquote,
.answer .content p,
.answer .content blockquote,
.forum--entry-content .content p,
.forum--entry-content .content blockquote,
.response-preview-rendered .content p,
.response-preview-rendered .content blockquote {
  white-space: pre-line;
  overflow-wrap: break-word;
}

.ask-a-question {
  margin: 40px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 768px) {
  .ask-a-question {
    flex-direction: row-reverse;
    text-align: left;
  }
}
.ask-a-question .sumo-button-stack {
  margin: 0 0 0 32px;
}
[dir=rtl] .ask-a-question .sumo-button-stack {
  margin: 0 32px 0 0;
}

.question-meta {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.question-meta--details {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.question-meta--details {
  margin: 0 0 0 12px;
}
[dir=rtl] .question-meta--details {
  margin: 0 12px 0 0;
}
.question-meta.has-border-bottom {
  padding-bottom: 0;
  border-bottom: 1px solid #EDEDF0;
  border-bottom: 1px solid var(--color-border);
}

.user-meta {
  display: flex;
  margin-bottom: 24px;
}
.user-meta .avatar img {
  display: block;
  border-radius: 50%;
}
.user-meta,
.user-meta .user time {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.question-details .sumo-button-wrap,
.question-details select {
  display: none;
}
.question-details.editing select {
  display: block;
  margin-top: 4px;
  margin-bottom: 16px;
}
.question-details.editing .sumo-button-wrap {
  display: block;
  margin: -16px 0 16px;
}
.question-details.editing .detail {
  display: none;
}
.question-details.editing #details-submit {
  display: block;
}
.question-details.editing #details-edit {
  display: none;
}

.attachments-upload .adding-attachment,
.attachments-upload .empty {
  display: none;
}

.attachments-list .attachment {
  display: inline-block;
  position: relative;
}
.attachments-list .attachment .overlay {
  background: #ccc url(wait-trans.e7de93b63e4edd0c.gif) no-repeat center;
  bottom: 5px;
  left: 5px;
  opacity: 0.5;
  position: absolute;
  right: 5px;
  top: 5px;
}
.attachments-list .attachment img {
  background: url(wait-trans.e7de93b63e4edd0c.gif) no-repeat center;
  margin: 5px;
  text-align: center;
  vertical-align: top;
}
.attachments-list .attachment input.delete {
  background: #000;
  border: 2px solid #fff;
  border-radius: 1em;
  color: #fff;
  cursor: pointer;
  display: none;
  font-family: Verdana;
  font-weight: bold;
  opacity: 0.5;
  padding: 0 0.2em;
  position: absolute;
  right: 10px;
  top: 10px;
}
.attachments-list .attachment input.delete:hover {
  opacity: 1;
}
.attachments-list .attachment:hover input.delete {
  display: block;
}
.attachments-list .upload-progress {
  display: none;
  background: url(wait-trans.e7de93b63e4edd0c.gif) no-repeat center;
  border: 1px solid #ccc;
  margin: 5px;
  text-align: center;
  vertical-align: top;
}
.attachments-list .upload-progress.show {
  display: inline-block;
}
.attachments-list input.image-delete {
  margin-top: 1em;
}
.attachments-list img {
  max-height: 120px;
  max-width: 120px;
}

.author-name {
  display: flex;
  align-items: center;
}
.author-name .user-title {
  line-height: 1;
  border: 1px solid #42435A;
  border: 1px solid var(--color-text);
}
.author-name .user-title {
  padding: 0 0 0 8px;
  margin: 0 0 0 8px;
  border-width: 0 0 0 1px;
}
[dir=rtl] .author-name .user-title {
  padding: 0 8px 0 0;
  margin: 0 8px 0 0;
  border-width: 0 1px 0 0;
}

.karma-titles {
  display: flex;
  margin: 0 0 0 8px;
  padding-left: 8px;
  line-height: 1;
  border-left: 1px solid #20133A;
  border-left: 1px solid var(--color-heading);
}
.karma-titles li {
  margin-right: 8px;
}
.karma-titles li:last-child {
  margin-right: 0;
}

.is-solution,
.is-spam {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
  padding: 4px 16px;
  margin: 0 0 8px 0;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
}

.is-solution {
  background-color: #3FE1B0;
  background-color: var(--color-success);
}
.is-solution--icon {
  width: 20px;
}
.is-solution--icon {
  margin-left: 8px;
  margin-right: 0;
}
[dir=rtl] .is-solution--icon {
  margin-left: 0;
  margin-right: 8px;
}

.is-spam {
  background-color: #FFEA80;
  background-color: var(--color-warning);
}

.answer-tools.align-end {
  display: flex;
  justify-content: flex-end;
}

.answer {
  padding: 48px 0;
  border-bottom: 1px solid #EDEDF0;
  border-bottom: 1px solid var(--color-border);
}
.answer--tools {
  display: flex;
  flex-direction: column;
  background: #F9F9FB;
  background: var(--color-shade-bg);
  border-radius: 0 4px 4px 0;
  border-radius: 0 var(--global-radius) var(--global-radius) 0;
  padding: 8px;
  margin-top: -1px;
  margin-bottom: 16px;
  border-bottom: 1px solid #EDEDF0;
  border-bottom: 1px solid var(--color-border);
}
.answer--tools .title {
  margin: 0 16px 0 0;
}
.answer--tools-form {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.answer--tools-form .solution {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .answer--tools {
    flex-direction: row-reverse;
    padding-left: 55px;
  }
  .answer--tools-form {
    margin-bottom: 0;
  }
  .answer .main-content {
    padding-left: 55px;
  }
}

.question-reply-form {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .question-reply-form {
    padding-top: 40px;
  }
}

.thread-meta {
  display: flex;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.thread-meta li {
  border-right: 1px solid #EDEDF0;
  border-right: 1px solid var(--color-border);
  padding-right: 12px;
  margin-right: 12px;
}
.thread-meta li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0 none;
}

.main-content .solution {
  position: relative;
  margin-top: 60px;
  padding-top: 36px;
  padding-bottom: 36px;
}
.main-content .solution .is-solution {
  top: -12px;
  position: absolute;
}

.system-details-info.hide .show {
  display: none;
}
.system-details-info.hide .hide-until-expanded {
  display: inline;
}
.system-details-info.show ~ .details {
  display: none;
}

.item .tag-name {
  color: rgb(255, 255, 255);
}
.item .tag-name:hover {
  color: rgb(255, 255, 255);
}
.item .tag-name:visited {
  color: rgb(255, 255, 255);
}

.contributor-list {
  display: flex;
  flex-wrap: wrap;
}
.contributor-list li {
  width: 48px;
  margin: 4px;
}
.contributor-list img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.media-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.media-list li {
  width: 200px;
  height: 200px;
}
.media-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}
.media-list img {
  max-width: 184px;
  max-height: 184px;
}

.media-search {
  margin-top: 32px;
  margin-bottom: 32px;
}
.media-search.sumo-button {
  padding: 20px;
}

.media-filters {
  display: flex;
  justify-content: space-between;
}
.media-filters > * {
  width: 48%;
}

.filter.inline-label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.filter.inline-label select,
.filter.inline-label input {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  margin: 0 0 16px 0;
}
.filter.inline-label select[type=checkbox],
.filter.inline-label input[type=checkbox] {
  min-width: 1.5rem;
  min-height: 1.5rem;
}
.filter.inline-label img {
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .filter.inline-label {
    flex-wrap: nowrap;
  }
  .filter.inline-label select,
  .filter.inline-label input {
    width: auto;
    margin: 0 16px 0 2px;
  }
}

.watch-form svg {
  width: 24px;
  height: 24px;
}
.watch-form .no .yes-svg,
.watch-form .yes .no-svg {
  display: none;
}

.hero-bar .sumo-l-two-col--one-half {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .hero-bar {
    align-items: center;
    flex-direction: row-reverse;
  }
  .hero-bar .sumo-l-two-col--one-half {
    margin-bottom: 0;
  }
}

.hero-butler {
  display: block;
  margin: 0 auto;
}

.pick-a-way {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pick-a-way svg {
  display: block;
  margin: 8px auto;
  width: 80px;
  height: 80px;
}
.pick-a-way span {
  display: block;
  max-width: 280px;
  margin: 0 auto;
}
.pick-a-way li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
@media (min-width: 1024px) {
  .pick-a-way li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
  }
}
.pick-a-way a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  text-align: center;
  display: block;
  text-decoration: none;
  color: #000000;
  color: var(--color-moz-text);
}
@media (min-width: 1024px) {
  .pick-a-way a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
  }
}
.pick-a-way a:hover, .pick-a-way a:hover:visited {
  color: #000000;
  color: var(--color-moz-text);
  text-decoration: underline;
}
.pick-a-way.has-icons a {
  flex: 1 1 280px;
  padding: 8px;
  margin: 0 8px;
  border-radius: 4px;
  border-radius: var(--global-radius);
  text-align: center;
}
.pick-a-way.has-icons a:hover {
  background-color: #F9F9FB;
  background-color: var(--color-shade-bg);
}
.pick-a-way.text-left li {
  text-align: left;
}
.pick-a-way.has-left-heading {
  align-items: center;
  width: 100%;
}
.pick-a-way.has-left-heading h2 {
  flex: 1 1 280px;
}

ol.headings-list {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: bold;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  color: #20133A;
  color: var(--color-heading);
  text-align: left;
  color: var(--color-heading);
}
ol.headings-list li {
  text-align: left;
  margin-bottom: 24px;
}
ol.headings-list a {
  display: inline;
}

.legacy-blue-text {
  color: #2BBAE7 !important;
}

.content-raw {
  display: none;
}

.editable .edit {
  display: block;
  margin-bottom: 16px;
}
.editable .edit-mode {
  display: none;
}
.editable.edit-on .edit-mode {
  display: block;
}

.users {
  display: flex;
  flex-wrap: wrap;
  margin: 24px 0;
}
.users li {
  flex: 1 1 100%;
  max-width: 340px;
  position: relative;
  padding: 8px;
  border-radius: 4px;
  border-radius: var(--global-radius);
}
.users li {
  margin: 8px 32px 8px 0;
}
[dir=rtl] .users li {
  margin: 8px 0 8px 32px;
}
.users li:hover {
  background: #F9F9FB;
  background: var(--color-shade-bg);
}
.users li .remove {
  position: absolute;
  right: 8px;
  top: calc(50% - 20px);
}
.users li .avatar-details {
  margin-bottom: 0;
}
.users li .avatar-details .asked-on a {
  font-weight: normal;
}

.results-user {
  position: relative;
}
.results-user .numbered {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 4px;
  border-radius: var(--global-radius);
  background: #EDEDF0;
  background: var(--color-callout-bg);
  width: 32px;
  height: 32px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.results-user .results-user-details {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.locales-selects {
  margin-bottom: 24px;
}

.selector {
  display: inline-block;
  position: relative;
  text-align: left;
}

.selector.block {
  display: block;
  position: relative;
  width: 200px;
}

.selector-arrow {
  padding-right: 1.5rem;
}

.ts-options .selected:before {
  position: absolute;
  margin: 3px 0 0 -21px;
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 4px;
  background-image: url(check.ce98c05f4098c4c8.svg);
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  font: 0/0 a;
  color: transparent;
  content: "";
  speak: none;
}

.select-options {
  display: none;
  position: absolute;
  left: 0;
}

.ts-modal {
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  min-width: 120%;
  max-height: 800%;
  overflow: auto;
  z-index: 10;
}

/* visibility of the filter field is configurable
   and handled by JavaScript using the data-visible
   attribute */
.options-filter {
  display: none;
  padding: 0.8rem;
}

.options-filter input[type=text] {
  padding: 5px 2%;
  border: 1px solid #b2b2b2;
  width: 100%;
  font-size: 0.8rem;
  border-radius: 0.2rem;
  box-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.options-filter input[type=text]:focus {
  border: 1px solid #42a4e0;
  box-shadow: 0 0 0 2px rgba(73, 173, 227, 0.4);
}

ul.ts-options {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ts-options a {
  display: block;
  background-color: white;
  color: black;
  padding: 0.6rem 0.6rem 0.6rem 2rem;
  text-decoration: none;
}

.ts-options a:hover {
  background-color: #005CB8;
  color: #fff;
}

.ts-options li {
  border-top: 1px solid #e0e0e0;
  margin-bottom: 0;
}

.ts-options li:first-child {
  border-top: none;
  margin-bottom: 0;
}

.ts-options li:last-child a {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.ts-options li:first-child a {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.aaq .sumo-l-two-col--sidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.aaq .field,
.aaq .form-as-ul > li {
  margin-bottom: 48px;
}
.aaq .add-attachment {
  margin-bottom: 0;
}
.aaq #id_content {
  resize: vertical;
}
.aaq #troubleshooting-field {
  margin: 16px 0;
}
.aaq .aaq-form-buttons {
  border-top: 1px solid #CDCDD4;
  border-top: 1px solid var(--color-marketing-gray-03);
  padding-top: 48px;
}

.aaq-widget {
  background-color: white;
  background-color: var(--card-bg);
}
.aaq-widget .card--icon-sm {
  vertical-align: middle;
  margin-bottom: 0;
}

aside .aaq-widget {
  margin-bottom: 24px;
}

.avatar-group {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
  flex-direction: column;
  width: 100%;
}
.avatar-group--figure, .avatar-group--details {
  width: 100%;
  margin-right: 16px;
  margin-left: 16px;
}
.avatar-group--figure {
  margin-bottom: 32px;
  max-width: 300px;
}
.avatar-group--details-item {
  display: flex;
  flex-wrap: wrap;
}
.avatar-group--details-label {
  width: 170px;
  margin-right: 10px;
}
@media (min-width: 480px) {
  .avatar-group {
    flex-direction: row;
    margin-bottom: 32px;
  }
  .avatar-group--figure, .avatar-group--details {
    width: calc(((25% - 32px) * 2) + 32px);
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .avatar-group--figure {
    width: calc(((16.6666666667% - 32px) * 2) + 32px);
  }
  .avatar-group--details {
    width: calc(((16.6666666667% - 32px) * 4) + 96px);
  }
}
@media (min-width: 1312px) {
  .avatar-group--figure {
    width: calc(((14.2857142857% - 32px) * 2) + 32px);
  }
  .avatar-group--details {
    width: calc(((14.2857142857% - 32px) * 5) + 128px);
  }
}

.avatar-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
}
.avatar-wrap--item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  max-width: 400px;
  position: relative;
  padding: 24px;
  border-radius: 4px;
  border-radius: var(--global-radius);
  padding: 8px;
  border: 1px solid transparent;
}
.avatar-wrap--item > *:last-child {
  margin-bottom: 0;
}
.avatar-wrap--item .avatar {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  color: #42435A;
  color: var(--color-text);
  text-decoration: none;
}
.avatar-wrap--item .avatar img {
  margin-right: 12px;
  width: 48px;
}
.avatar-wrap--item:hover {
  border: solid 1px rgba(21, 20, 26, 0.26);
}
.avatar-wrap--item .remove-button {
  font-size: 20px;
  text-decoration: none;
  color: #FF6A75;
  color: var(--color-error);
}
.avatar-wrap--item .remove-button:hover {
  text-decoration: underline;
}

.change-avatar {
  position: relative;
}
.change-avatar > .tip {
  background: #20133A;
  background: var(--color-inverse-bg);
  color: #FFFFFF;
  color: var(--color-inverse);
  display: none;
  margin-top: 5px;
  padding: 10px;
  position: absolute;
  width: 300px;
  z-index: 10;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.change-avatar:hover > .tip {
  display: block;
}

.breadcrumbs--list {
  display: flex;
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  margin-bottom: 16px;
}
.breadcrumbs--list li {
  display: none;
  margin-right: 4px;
}
.breadcrumbs--list li:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2010%2018%27%3E%3Cpath%20d%3D%27M9%2C1%2C1%2C9l8%2C8%27%20fill%3D%27none%27%20stroke%3D%27%2380808F%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%272%27%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  display: inline-flex;
  align-self: center;
  margin-right: 8px;
  content: "";
}
.breadcrumbs--list li:nth-last-child(2) {
  display: flex;
}
.breadcrumbs--list a, .breadcrumbs--list :visited {
  margin-right: 4px;
  color: #80808F;
  color: var(--color-light-gray-10);
  text-decoration: none;
}
.breadcrumbs--list a:hover, .breadcrumbs--list :visited:hover {
  color: #0060DF;
  color: var(--color-click);
}
@media (min-width: 768px) {
  .breadcrumbs--list {
    margin-bottom: 24px;
  }
  .breadcrumbs--list li {
    display: flex;
  }
  .breadcrumbs--list li:before {
    content: none;
  }
  .breadcrumbs--list li:after {
    content: "/";
  }
  .breadcrumbs--list li:last-child:after {
    content: none;
  }
}
@media (min-width: 1024px) {
  .breadcrumbs--list {
    margin-bottom: 32px;
  }
}

div.editor-tools:not(:empty) {
  height: 40px;
  line-height: 30px;
  padding: 5px 5px 0;
  margin-bottom: 8px;
  display: flex;
}
div.editor-tools a.markup-toolbar-link {
  padding: 0 6px;
  display: inline-flex;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  line-height: 1;
  align-self: center;
  color: #20133A;
  color: var(--color-heading);
  text-decoration: none;
}
div.editor-tools a.markup-toolbar-link:hover {
  text-decoration: underline;
}
div.editor-tools button:first-child {
  margin-left: 0;
}
div.editor-tools span.separator {
  border-left: solid 1px #EDEDF0;
  border-left: solid 1px var(--color-border);
  font-size: 24px;
  margin: 0 8px 0 6px;
  position: relative;
  top: 4px;
}

.html-rtl button:first-child {
  margin-left: 2px;
  margin-right: 0;
}
.html-rtl div.editor-tools span.separator {
  border: none;
  border-right: solid 1px #EDEDF0;
  border-right: solid 1px var(--color-border);
  margin: 0 6px 0 8px;
}

button.markup-toolbar-button {
  border: 0;
  background: url(markup.5f8f2c936db07f9b.svg) no-repeat 11px 6px;
  background-size: 410px 22px;
  cursor: pointer;
  height: 36px;
  margin: 0 2px;
  text-indent: -9999px;
  width: 36px;
  border-radius: 4px;
  border-radius: var(--global-radius);
}
button.markup-toolbar-button:hover {
  background-color: #EDEDF0;
  background-color: var(--color-link-active-bg);
}
button.btn-h2 {
  background-position: -34px 6px;
}
button.btn-h3 {
  background-position: -79px 6px;
}
button.btn-bold {
  background-position: -124px 6px;
}
button.btn-italic {
  background-position: -168px 6px;
}
button.btn-media {
  background-position: -210px 6px;
}
button.btn-link {
  background-position: -256px 6px;
}
button.btn-ol {
  background-position: -300px 6px;
}
button.btn-ul {
  background-position: -344px 6px;
}
button.btn-quote {
  background-position: -381px 6px;
}

/* Modals */
#showfor-modal,
#media-modal {
  text-align: left;
  width: 480px;
}
#showfor-modal h2,
#media-modal h2 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
}
@media (min-width: 768px) {
  #showfor-modal h2,
  #media-modal h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
    color: #20133A;
    color: var(--color-heading);
    font-weight: bold;
  }
}
#showfor-modal h4,
#showfor-modal .category-list,
#showfor-modal .sidebar-nav,
#media-modal h4,
#media-modal .category-list,
#media-modal .sidebar-nav {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  font-weight: normal;
  color: #42435A;
  color: var(--color-text);
}
#showfor-modal h4 .response-heading.selected,
#showfor-modal h4 .response.selected,
#showfor-modal .category-list .response-heading.selected,
#showfor-modal .category-list .response.selected,
#showfor-modal .sidebar-nav .response-heading.selected,
#showfor-modal .sidebar-nav .response.selected,
#media-modal h4 .response-heading.selected,
#media-modal h4 .response.selected,
#media-modal .category-list .response-heading.selected,
#media-modal .category-list .response.selected,
#media-modal .sidebar-nav .response-heading.selected,
#media-modal .sidebar-nav .response.selected {
  background-color: #EDEDF0;
  background-color: var(--color-link-active-bg);
  font-weight: bold;
  color: #20133A;
  color: var(--color-heading);
  border-radius: 4px;
  border-radius: var(--global-radius);
  padding: 4px;
  margin-right: 20px;
}
#showfor-modal h4 .response-heading:hover,
#showfor-modal h4 .response:hover,
#showfor-modal .category-list .response-heading:hover,
#showfor-modal .category-list .response:hover,
#showfor-modal .sidebar-nav .response-heading:hover,
#showfor-modal .sidebar-nav .response:hover,
#media-modal h4 .response-heading:hover,
#media-modal h4 .response:hover,
#media-modal .category-list .response-heading:hover,
#media-modal .category-list .response:hover,
#media-modal .sidebar-nav .response-heading:hover,
#media-modal .sidebar-nav .response:hover {
  cursor: pointer;
  color: #20133A;
  color: var(--color-heading);
}

#showfor-modal label {
  float: left;
  padding: 0 15px 0 0;
}
#showfor-modal input[type=checkbox] {
  margin: 0 5px 0 0;
}

section.marky .area {
  display: flex;
  flex-wrap: wrap;
}
section.marky #responses-area,
section.marky #response-list-area {
  flex: 1 1 50%;
}
section.marky #response-content-area {
  flex: 1 1 100%;
}
section.marky #response-submit-area {
  position: static;
}

#link-modal .field {
  max-width: none;
}
#link-modal .kbox-cancel {
  margin-right: 0;
}

#link-modal,
#media-modal {
  height: auto;
  max-height: 84vh;
  left: 50%;
  position: fixed;
  top: 7vh;
  max-width: 760px;
  width: 90vw;
  transform: translateX(-50%);
  overflow: auto;
}

#media-modal div.placeholder {
  height: 65%;
  height: calc(100% - 225px);
}
#media-modal.processing div.placeholder {
  background: transparent url(spinner.0504e207549790a6.gif) no-repeat center center;
}
#media-modal.processing #media-list {
  visibility: hidden;
}
#media-modal #media-list {
  height: 80%;
  height: calc(100% - 50px);
  overflow: auto;
}
#media-modal #media-list li {
  border: solid 1px #fff;
  cursor: pointer;
  list-style: none;
  display: inline-block;
  height: 120px;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  vertical-align: top;
  width: 120px;
}
#media-modal #media-list li:hover {
  background: #f0f0f0;
  border: solid 1px #9accf7;
}
#media-modal #media-list li.selected {
  background: #daedf6;
  border: solid 1px #9accf7;
}
#media-modal #media-list li img {
  max-width: 120px;
  max-height: 120px;
}
#media-modal div.filter div.type {
  color: #929292;
  float: right;
  margin-top: 0.5em;
}
#media-modal div.filter div.type ol {
  float: left;
  list-style-type: none;
  margin: 0;
}
#media-modal div.filter div.type ol li {
  border-left: 2px solid #929292;
  color: rgb(0, 81, 185);
  cursor: pointer;
  float: left;
  font-weight: bold;
  padding: 0 0.5em;
}
#media-modal div.filter div.type ol li.selected {
  color: #565656;
  cursor: default;
}
#media-modal div.filter div.type ol li:first-child {
  border: none;
}
#media-modal div.filter div.type span {
  float: left;
}
#media-modal .submit-button {
  right: 0;
}
#media-modal .searchbox {
  margin-bottom: 40px;
}

.html-rtl #showfor-modal,
.html-rtl #link-modal,
.html-rtl #media-modal {
  text-align: right;
}
.html-rtl #showfor-modal label {
  float: right;
  padding: 0 0 0 15px;
}
.html-rtl #showfor-modal input[type=checkbox] {
  margin: 0 0 0 5px;
}
.html-rtl #link-modal label {
  float: right;
  padding: 5px 0 20px 15px;
  text-align: left;
}
.html-rtl #link-modal ol {
  float: right;
}
.html-rtl #link-modal li label {
  text-align: right;
}
.html-rtl #media-modal div.placeholder {
  left: auto;
  right: 15px;
}
.html-rtl #media-modal div.type {
  float: left;
}
.html-rtl #media-modal div.type ol {
  float: right;
}
.html-rtl #media-modal div.type ol li {
  border: none;
  border-right: 2px solid #929292;
  float: right;
}
.html-rtl #media-modal div.type span {
  float: right;
}
.html-rtl #media-modal div.type div.submit {
  left: auto;
  right: 15px;
}

summary.sumo-card-heading {
  margin-top: 24px;
  margin-bottom: 24px;
}

.details-content-wrap {
  padding-top: 32px;
  padding-bottom: 40px;
}

.recent-revisions {
  padding-top: 12px;
  padding-bottom: 32px;
}

.has-icon,
.is-details .mzp-c-menu-list-item a.has-icon {
  display: flex;
  align-items: center;
}
.has-icon .icon-md,
.is-details .mzp-c-menu-list-item a.has-icon .icon-md {
  flex: 0 0 auto;
}
.has-icon .icon-md,
.is-details .mzp-c-menu-list-item a.has-icon .icon-md {
  margin: 0 16px 0 0;
}
[dir=rtl] .has-icon .icon-md,
[dir=rtl] .is-details .mzp-c-menu-list-item a.has-icon .icon-md {
  margin: 0 0 0 16px;
}

.icon-sm {
  width: 20px;
}

.icon-md {
  width: 36px;
}

.social-links {
  margin: 2em 0 0 0;
  padding: 0;
}
.social-links li {
  display: inline-block;
  margin-right: 20px;
}
.social-links li a {
  white-space: nowrap;
  overflow: hidden;
  text-indent: 120%;
  display: block;
  background-image: url(social-icon-sprite.1d1e98f70365aae2.svg);
}
.social-links li a.twitter {
  width: 18px;
  height: 15px;
  background-position: 0 0;
}
.social-links li a.instagram {
  width: 19px;
  height: 19px;
  background-position: 0 -25px;
}
.social-links li a.youtube {
  width: 19px;
  height: 13px;
  background-position: 0 -54px;
}
.social-links li a.facebook {
  width: 10px;
  height: 19px;
  background-position: 0 -77px;
}

.sidebar-nav {
  margin-bottom: 32px;
}
.sidebar-nav--list, .sidebar-nav--sublist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-nav--item {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 8px;
}
.sidebar-nav a {
  display: block;
  padding: 4px 8px;
  border-radius: 4px;
  border-radius: var(--global-radius);
  text-decoration: none;
  cursor: pointer;
}
.sidebar-nav a, .sidebar-nav a:visited {
  color: #42435A;
  color: var(--color-text);
}
.sidebar-nav a:hover {
  text-decoration: none;
  color: #20133A;
  color: var(--color-heading);
  background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-nav a.details-heading {
  padding-left: 0;
}
.sidebar-nav.is-action-list a {
  padding-left: 0;
  padding-right: 0;
}
.sidebar-nav .edit > a:before {
  content: none;
}
.sidebar-nav .related-document,
.sidebar-nav .related-question {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  background-image: url(blog.9821fd5d89ada267.svg);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  background-size: 16px 16px;
  padding-left: 24px;
}
.sidebar-nav .related-document {
  background-image: url(reader-mode.8280caa0e03387df.svg);
}
.sidebar-nav li.selected > :link,
.sidebar-nav li.selected > :visited,
.sidebar-nav a.selected:link,
.sidebar-nav a.selected:visited {
  background-color: #EDEDF0;
  background-color: var(--color-link-active-bg);
  font-weight: bold;
  color: #20133A;
  color: var(--color-heading);
}
.sidebar-nav--sublist {
  margin-bottom: 16px;
}
.sidebar-nav--sublist {
  margin-left: left;
}
[dir=rtl] .sidebar-nav--sublist {
  margin-left: right;
}
.sidebar-nav--subitem {
  font-size: 16px;
  font-size: 1rem;
}
.sidebar-nav a.sidebar-nav--sublink {
  padding-left: 24px;
}
.sidebar-nav .details-heading button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 16px;
  font-size: 1rem;
  display: block;
  width: 100%;
  color: #42435A;
  color: var(--color-text);
  margin-bottom: 12px;
  text-decoration: none;
  border: none;
  background-color: transparent;
  padding: 0;
}
.sidebar-nav .details-heading button {
  text-align: left;
}
[dir=rtl] .sidebar-nav .details-heading button {
  text-align: right;
}
.sidebar-nav .details-heading button:after {
  display: inline-flex;
  width: 12px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2018%2010%27%3E%3Cpath%20fill%3D%27none%27%20vector-effect%3D%27non-scaling-stroke%27%20stroke%3D%27%235E5E72%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-miterlimit%3D%2710%27%20d%3D%27M1%201l8%208%208-8%27%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 0.3s;
  transform-style: preserve-3d;
  content: "";
}
.sidebar-nav .details-heading button:after {
  margin: 0 0 0 12px;
}
[dir=rtl] .sidebar-nav .details-heading button:after {
  margin: 0 12px 0 0;
}
.sidebar-nav .details-heading button[aria-expanded=true]:after {
  transform: rotateX(180deg) translateY(2px);
}
.sidebar-nav .details-heading + .sidebar-nav--list[aria-hidden=true] {
  display: none;
}
.sidebar-nav .details-heading + .sidebar-nav--list[aria-hidden=false] {
  display: block;
}
.sidebar-nav .details-heading + .sidebar-nav--list .mzp-js-details-wrapper {
  padding-bottom: 16px;
  border-bottom: 1px solid #20133A;
  border-bottom: 1px solid var(--color-heading);
}
.sidebar-nav .details-heading + .sidebar-nav--list .tag-list {
  margin-bottom: 16px;
}
.sidebar-nav .details-heading + .sidebar-nav--list .tag-list a {
  padding: 0;
}
.sidebar-nav .details-heading + .sidebar-nav--list .selectbox-wrapper {
  margin-bottom: 8px;
}
.sidebar-nav .details-heading + .sidebar-nav--list .field.checkbox {
  margin-top: 16px;
}
.sidebar-nav .collapsible-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s ease-out;
}
@media screen and (max-width: 767px) {
  .sidebar-nav .collapsible-content {
    max-height: 225px;
  }
}
.sidebar-nav .collapsible-content.expanded {
  max-height: 225px;
}
.sidebar-nav .show-more-btn:after {
  position: relative;
  top: 7px;
  margin-left: 5px;
  content: url(arrow-down.ff92aff63743f7a2.svg);
  filter: invert(27%) sepia(48%) saturate(3683%) hue-rotate(204deg) brightness(91%) contrast(106%);
}
.sidebar-nav .show-more-btn.expanded::after {
  content: url(arrow-up.dbcffd6804af31e7.svg);
}
@media (min-width: 1024px) {
  .sidebar-nav--sublist {
    display: none;
  }
  .sidebar-nav .details-heading {
    display: none;
  }
  .sidebar-nav a.show-selected-on-lg {
    background-color: #EDEDF0;
    background-color: var(--color-link-active-bg);
    font-weight: bold;
    color: #20133A;
    color: var(--color-heading);
  }
}

.sidebar-subheading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
  font-weight: bold;
  color: var(--color-heading);
  margin-top: 16px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .sidebar-subheading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
    color: #20133A;
    color: var(--color-heading);
    font-weight: bold;
  }
}
.sidebar-subheading:first-child, .sidebar-subheading:nth-child(2) {
  margin-top: 0;
}
.sidebar-subheading.force-top-margin {
  margin-top: 32px;
}
.sidebar-subheading.is-accordion-heading {
  margin-top: 32px;
}
.sidebar-subheading.is-accordion-heading button {
  padding-left: 0;
  padding-bottom: 8px;
}
.sidebar-subheading.is-accordion-heading button:before {
  top: 8px;
}
.sidebar-subheading.is-accordion-heading button[aria-expanded=false] {
  border-bottom: 1px solid #20133A;
  border-bottom: 1px solid var(--color-heading);
}
@media (min-width: 1024px) {
  .sidebar-subheading {
    margin: 32px 0 24px;
  }
  .sidebar-subheading.is-accordion-heading {
    margin-top: 32px;
  }
}

.pagination {
  display: flex;
  align-items: center;
  margin: 24px 0;
}
.pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  border-radius: var(--global-radius);
  color: #42435A;
  color: var(--color-text);
  text-decoration: none;
  padding: 0 4px;
}
.pagination a:hover {
  text-decoration: none;
  color: #20133A;
  color: var(--color-heading);
  background-color: #F9F9FB;
  background-color: var(--color-shade-bg);
}
.pagination li {
  margin: 0 4px;
}
.pagination li.selected a {
  background-color: #0060DF;
  background-color: var(--color-link);
  color: #FFFFFF;
  color: var(--color-inverse);
}
.pagination svg {
  width: 16px;
  height: 16px;
}
.pagination--wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
  padding: 32px 0;
  border-top: 1px solid #EDEDF0;
  border-top: 1px solid var(--color-border);
}
.pagination--wrap p {
  margin-right: 16px;
  white-space: nowrap;
}

.card {
  position: relative;
  padding: 24px;
  border-radius: 4px;
  border-radius: var(--global-radius);
}
.card > *:last-child {
  margin-bottom: 0;
}
.card.lg-pad {
  padding: 32px;
}
.card.sm-pad {
  padding: 16px 24px;
}
.card.radius-md {
  border-radius: 24px;
}
.card.radius-lg {
  border-radius: 36px;
}
.card.zoom-on-hover {
  will-change: transform;
  transition: transform 0.1s ease-in-out;
  transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
}
.card.zoom-on-hover:hover {
  transform: translateZ(0) scale(1.02);
}
@media (prefers-reduced-motion: reduce) {
  .card.zoom-on-hover:hover {
    transform: none;
  }
}
.card.subscriptions {
  margin: 24px 0;
  min-height: initial;
}
.card.is-shaded {
  background: #F9F9FB;
  background: var(--color-shade-bg);
}
.card.is-callout-bg {
  background: #EDEDF0;
  background: var(--color-callout-bg);
}
.card.highlight {
  border-left: 2px solid #0060DF;
  border-left: 2px solid var(--color-link);
  border-radius: 0;
}
.card.mb {
  margin-bottom: 32px;
}
.card.is-in-sidebar .card--title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .card.is-in-sidebar .card--title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
.card.is-in-sidebar .card--desc {
  margin-bottom: 24px;
}
.card.is-in-sidebar .card--img {
  width: 160px;
  height: auto;
  margin: -64px auto 16px;
}
.card--title.has-bottom-margin {
  margin-bottom: 8px;
}
.card--subscriptions {
  padding-top: 8px;
}
.card.is-inverse {
  background: #20133A;
  background: var(--color-inverse-bg);
}
.card.is-inverse,
.card.is-inverse p,
.card.is-inverse li,
.card.is-inverse h1,
.card.is-inverse h2,
.card.is-inverse h3,
.card.is-inverse h4,
.card.is-inverse h5,
.card.is-inverse h6,
.card.is-inverse a,
.card.is-inverse a:hover {
  color: #FFFFFF;
  color: var(--color-inverse);
}
.card--img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: 16px;
}
.card--horizontal {
  display: flex;
  align-items: center;
}
.card--horizontal .card--img {
  margin-bottom: 0;
}
.card--horizontal .card--img {
  margin-right: 20px;
  margin-left: 0;
}
[dir=rtl] .card--horizontal .card--img {
  margin-right: 0;
  margin-left: 20px;
}
.card--article {
  box-shadow: 0 5px 10px -3px rgba(14, 13, 26, 0.12), 0 3px 16px 2px rgba(7, 48, 114, 0.12), 0 8px 12px 1px rgba(34, 0, 51, 0.04);
  display: flex;
  flex-direction: column;
}
.card--article .card--title {
  margin-bottom: auto;
  padding-bottom: 32px;
}
.card--article .card--title a {
  white-space: pre-line;
  word-wrap: break-word;
}
.card--article .card--desc {
  display: -webkit-box;
  margin-top: 24px;
  margin-bottom: 16px;
  padding-top: 24px;
  min-height: 88px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  border-top: 1px solid #20133A;
  border-top: 1px solid var(--color-heading);
}
.card--article .card--details {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card--product {
  box-shadow: 0 5px 10px -3px rgba(14, 13, 26, 0.12), 0 3px 16px 2px rgba(7, 48, 114, 0.12), 0 8px 12px 1px rgba(34, 0, 51, 0.04);
  display: flex;
  flex-direction: column;
  min-height: 144px;
}
.card--topic {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 8px 12px 1px rgba(29, 17, 51, 0.04), 0 3px 16px 2px rgba(9, 32, 77, 0.12), 0 5px 10px -3px rgba(29, 17, 51, 0.12);
  box-sizing: border-box;
  min-height: 320px;
}
.card--topic .topic-header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
}
.card--topic .topic-header .card--title {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card--topic .card--icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}
.card--topic .article-list {
  flex-grow: 1;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  min-height: 0;
  overflow: hidden;
}
.card--topic .article-list li {
  margin-bottom: 8px;
  line-height: 1.5;
}
.card--topic .article-list li:last-child {
  margin-bottom: 0;
}
.card--topic .article-list li a {
  color: black;
  font-size: 14px;
  text-decoration: underline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card--topic .article-list li a:hover {
  text-decoration: underline;
}
.card--topic .view-all-link {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: auto;
  display: block;
  font-size: 14px;
  color: #000000;
  text-decoration: underline;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card--topic .view-all-link:hover {
  text-decoration: underline;
}
.card--ribbon {
  text-align: center;
}
.card--ribbon .card--title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: bold;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  color: #20133A;
  color: var(--color-heading);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 16px 0;
}
@media (min-width: 768px) {
  .card--ribbon .card--title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--heading-font-family);
  }
}
@media (min-width: 1024px) {
  .card--ribbon .card--title {
    margin-bottom: 0;
  }
}
.card--ribbon.has-moz-headings .card--title {
  font-family: "Zilla Slab", Inter, X-LocaleSpecific, serif;
  font-family: var(--heading-font-family-moz);
  color: #000000;
  color: var(--color-moz-heading);
}
.card--ribbon .card--icon-sm {
  margin-bottom: 8px;
  width: 32px;
  height: auto;
  flex-shrink: 0;
}
.card--ribbon .card--desc {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  margin: 20px 0;
}
.card--ribbon.no-body-text .card--details {
  justify-content: space-between;
}
.card--callout {
  padding: 40px;
  border-radius: 0;
  background-color: #EDEDF0;
  background-color: var(--color-callout-bg);
}
.card--callout-wrap-narrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.card--callout .card--details {
  flex: 1 1 100%;
  text-align: center;
  max-width: 400px;
}
.card--callout .card--title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
}
@media (min-width: 768px) {
  .card--callout .card--title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
.card--callout .card--desc {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  margin: 16px 0;
}
.card--callout .card--desc:last-child {
  margin-bottom: 0;
}
.card--callout .card--desc a,
.card--callout .card--desc a:hover,
.card--callout .card--desc a:visited,
.card--callout .card--desc a:active {
  color: #0060DF;
  color: var(--color-link);
  text-decoration: underline;
}
.card--feature-img {
  margin: -80px 0 0 0;
  width: 70%;
  flex: 0 0 auto;
}
.card--icon {
  margin-bottom: 10px;
  width: 48px;
  flex: 0 0 auto;
}
.card--icon {
  margin-right: 20px;
  margin-left: 0;
}
[dir=rtl] .card--icon {
  margin-right: 0;
  margin-left: 20px;
}
.card--icon-sm {
  margin-bottom: 24px;
  width: 24px;
}
.sumo-card-heading .card--icon-sm {
  margin: 0 8px -4px 0;
}
[dir=rtl] .sumo-card-heading .card--icon-sm {
  margin: 0 0 -4px 8px;
}

.card--title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
  font-family: var(--base-font-family);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .card--title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
    color: #20133A;
    color: var(--color-heading);
    font-weight: bold;
  }
}
.card--title > a {
  text-decoration: none;
  color: #20133A;
  color: var(--color-heading);
}
.card--title > a:hover {
  text-decoration: underline;
  color: #20133A;
  color: var(--color-heading);
}
.card--desc {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  margin-bottom: 0;
  color: #42435A;
  color: var(--color-text);
}
.card--centered-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .card--callout-wrap-narrow {
    flex-direction: row;
  }
  .card--callout .card--details {
    margin: 0 40px;
  }
  .card--callout .card--desc {
    margin: 16px auto;
    max-width: 300px;
  }
  .card--callout .card--desc:last-child {
    margin-bottom: 0;
  }
  .card--callout.is-full-width .card--desc {
    margin-top: 24px;
    margin-bottom: 24px;
    max-width: none;
  }
  .card--callout.is-full-width .card--desc:last-child {
    margin-bottom: 0;
  }
  .card--callout.is-full-width .card--feature-img {
    max-width: 320px;
  }
  .card--ribbon .card--title {
    flex-direction: row;
  }
  .card--ribbon .card--icon-sm {
    margin-right: 10px;
    margin-bottom: 0;
  }
  .card--ribbon .card--icon-sm {
    margin-right: 10px;
    margin-left: 0;
  }
  [dir=rtl] .card--ribbon .card--icon-sm {
    margin-right: 0;
    margin-left: 10px;
  }
  .card--ribbon .card--desc {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
    margin: 8px 0 24px 0;
  }
  .card--feature-img {
    width: 50%;
    max-width: 320px;
  }
  .card--feature-img {
    margin: -90px 0 -90px;
  }
  [dir=rtl] .card--feature-img {
    margin: -90px 0 -90px;
  }
}
@media (min-width: 1024px) {
  .card--product {
    flex-direction: row;
    align-items: center;
  }
  .card--icon {
    margin-bottom: 0;
    width: 72px;
  }
  .card--ribbon {
    text-align: left;
  }
  .card--ribbon .card--details {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  .card--ribbon .card--title {
    margin-right: 40px;
    line-height: 1.2;
    flex: 0 1 auto;
    text-align: center;
  }
  .card--ribbon .sumo-button {
    flex: 0 1 auto;
  }
  .card--ribbon .card--desc {
    min-width: 25ch;
    max-width: 45ch;
    flex: 1 1 0;
  }
  .card--ribbon .card--desc {
    margin: 0 40px 0 0;
  }
  [dir=rtl] .card--ribbon .card--desc {
    margin: 0 0 0 40px;
  }
}

.elevation-00 {
  border: solid 1px rgba(21, 20, 26, 0.26);
}

.elevation-01 {
  box-shadow: 0 5px 10px -3px rgba(14, 13, 26, 0.12), 0 3px 16px 2px rgba(7, 48, 114, 0.12), 0 8px 12px 1px rgba(34, 0, 51, 0.04);
}

.elevation-02 {
  box-shadow: 0 8px 12px -5px rgba(14, 13, 26, 0.12), 0 6px 32px 4px rgba(7, 48, 114, 0.12), 0 16px 24px 2px rgba(34, 0, 51, 0.04);
}

.elevation-03 {
  box-shadow: 0 12px 16px -6px rgba(14, 13, 26, 0.12), 0 10px 48px 8px rgba(7, 48, 114, 0.12), 0 24px 38px 3px rgba(34, 0, 51, 0.04);
}

:root {
  --cg-card-width: 80vw;
  --cg-gutter: 16px;
}

.sumo-card-grid {
  position: relative;
  z-index: 1;
  margin-right: -16px;
  margin-left: -16px;
  margin-bottom: -40px;
  padding: 8px 0 0;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-padding-right: 16px;
  scroll-padding-right: var(--cg-gutter);
  scroll-padding-left: 16px;
  scroll-padding-left: var(--cg-gutter);
  scrollbar-width: none;
  -webkit-scrollbar-width: none;
  scroll-snap-type: x proximity;
}
.sumo-card-grid.is-four-wide, .sumo-card-grid.extra-padding {
  margin-top: 16px;
  padding-top: 16px;
}
.sumo-card-grid .scroll-wrap {
  display: flex;
  width: 100vw;
}
.sumo-card-grid .card {
  margin-top: 0;
  margin-right: calc(16px / 2);
  margin-right: calc(var(--cg-gutter) / 2);
  margin-bottom: 40px;
  margin-left: calc(16px / 2);
  margin-left: calc(var(--cg-gutter) / 2);
  width: 80vw;
  width: var(--cg-card-width);
  scroll-snap-align: start;
  flex: 0 0 80vw;
  flex: 0 0 var(--cg-card-width);
}
.sumo-card-grid .card:first-child {
  margin-left: 16px;
}
.sumo-card-grid .card:last-child {
  margin-right: 16px;
}
@media screen and (max-width: 1055px) {
  .sumo-card-grid.stack-on-mobile {
    --cg-card-width: 48%;
    overflow: visible;
    margin: 0;
  }
  .sumo-card-grid.stack-on-mobile .scroll-wrap {
    width: auto;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sumo-card-grid.stack-on-mobile .card,
  .sumo-card-grid.stack-on-mobile .card:first-child {
    flex-direction: row;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sumo-card-grid.stack-on-mobile {
    --cg-card-width: 100%;
  }
}
@media (min-width: 480px) {
  .sumo-card-grid {
    --cg-card-width: 40vw;
  }
}
@media (min-width: 1024px) {
  .sumo-card-grid {
    --cg-gutter: 32px;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: auto;
  }
  .sumo-card-grid .scroll-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
    width: auto;
  }
  .sumo-card-grid.is-product-wrap {
    margin-bottom: -40px;
  }
  .sumo-card-grid .card {
    flex: 0 1 auto;
  }
  .sumo-card-grid .card--topic, .sumo-card-grid .card--article {
    margin-bottom: 24px;
  }
  .sumo-card-grid .card,
  .sumo-card-grid .card:first-child,
  .sumo-card-grid .card:last-child {
    width: calc(33.3333333333% - 32px);
    margin-right: 16px;
    margin-left: 16px;
  }
  .sumo-card-grid.is-four-wide, .sumo-card-grid.extra-padding {
    margin-bottom: -24px;
  }
  .sumo-card-grid.is-four-wide .card,
  .sumo-card-grid.is-four-wide .card:first-child,
  .sumo-card-grid.is-four-wide .card:last-child {
    width: calc(25% - 32px);
    margin-right: 16px;
    margin-left: 16px;
  }
}

.aaq-popular-topics + .sumo-card-grid {
  margin-top: 16px;
  padding-top: 16px;
}

.message-list {
  border-top: 1px solid #EDEDF0;
  border-top: 1px solid var(--color-border);
}
.message-list--item {
  display: grid;
  grid-gap: 4px 10px;
  grid-template-columns: 36px 1fr 30px;
  grid-template-areas: "checkbox avatar delete" "checkbox details delete";
  padding: 8px 0;
  border-bottom: 1px solid #EDEDF0;
  border-bottom: 1px solid var(--color-border);
}
.message-list--item .field {
  margin-right: 20px;
  grid-area: checkbox;
  align-self: center;
}
.message-list--item .avatar-details {
  grid-area: avatar;
}
.message-list--item .read {
  color: #42435A;
  color: var(--color-text);
  text-decoration: none;
  grid-area: details;
}
.message-list--item .read:hover {
  color: #0060DF;
  color: var(--color-link);
}
.message-list--item .delete {
  font-size: 20px;
  color: #42435A;
  color: var(--color-text);
  text-decoration: none;
  padding: 16px;
  grid-area: delete;
  align-self: center;
}
.message-list--item .delete:hover {
  color: #FF6A75;
  color: var(--color-error);
  text-decoration: none;
}
@media (min-width: 768px) {
  .message-list--item {
    display: flex;
    align-items: center;
    padding: 16px 0;
  }
  .message-list--item .delete {
    opacity: 0;
  }
  .message-list--item:hover .delete {
    opacity: 1;
  }
  .message-list--item .avatar-details {
    width: 190px;
    flex: 0 0 auto;
  }
}

.avatar-row {
  display: flex;
  justify-content: space-between;
}

.avatar-details {
  display: flex;
  align-items: center;
}
.avatar-details .avatar {
  display: block;
  flex: 0 0 auto;
  width: 44px;
}
.avatar-details .avatar {
  margin: 0 12px 0 0;
}
[dir=rtl] .avatar-details .avatar {
  margin: 0 0 0 12px;
}
.avatar-details .avatar img {
  width: 100%;
  height: auto;
}
.avatar-details .user {
  flex: 1 1 auto;
}
.avatar-details .user a {
  font-weight: bold;
  color: #20133A;
  color: var(--color-heading);
  text-decoration: none;
}
.avatar-details .user a:hover, .avatar-details .user a:hover time {
  color: #0060DF;
  color: var(--color-link);
}
.avatar-details .user time {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  font-weight: normal;
  color: #42435A;
  color: var(--color-text);
}

.message-view .message ul {
  list-style: disc;
}
.message-view .message ol {
  list-style: decimal;
}
.message-view .message ul, .message-view .message ol {
  padding-left: 24px;
}

.inbox-table, .outbox-table {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.email-row {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
}
.email-row .email-cell {
  padding: 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: normal;
}
.email-row .email-cell:first-child {
  width: 5%;
}
.email-row .email-cell:nth-child(2) {
  width: 10%;
}
.email-row .email-cell:nth-child(3) {
  width: 20%;
}
.email-row .email-cell:nth-child(4) {
  width: 20%;
}
.email-row .email-cell:nth-child(5) {
  width: 30%;
}
.email-row .email-cell:nth-child(6) {
  width: 15%;
}
.email-row.header .email-cell {
  font-weight: bold;
  background-color: #eef;
}
.email-row.unread .email-cell {
  font-weight: bold;
}

.outbox-table .email-row .email-cell:nth-child(1) {
  width: 10%;
}
.outbox-table .email-row .email-cell:nth-child(2) {
  width: 20%;
}
.outbox-table .email-row .email-cell:nth-child(3) {
  width: 20%;
}
.outbox-table .email-row .email-cell:nth-child(4) {
  width: 30%;
}
.outbox-table .email-row .email-cell:last-child {
  width: 20%;
}

@media (max-width: 600px) {
  .outbox-table .email-row .email-cell, .inbox-table .email-row .email-cell {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .outbox-table .email-row .email-cell:nth-child(2), .outbox-table .email-row .email-cell:nth-child(6), .inbox-table .email-row .email-cell:nth-child(2), .inbox-table .email-row .email-cell:nth-child(6) {
    display: none;
  }
}
.kbox {
  display: none;
}

.kbox-container {
  background: #fff;
  display: none;
  font-size: 14px;
  position: absolute;
  width: 500px;
  z-index: 99;
}

.kbox-open {
  display: block;
}
.kbox-open .kbox {
  display: block;
}

.kbox-close {
  font-size: 22px !important;
}
.kbox-close {
  margin: 0 8px 0 0;
}
[dir=rtl] .kbox-close {
  margin: 0 0 0 8px;
}
.kbox-close:link, .kbox-close:visited, .kbox-close:active, .kbox-close:hover {
  color: #20133A;
  color: var(--color-heading);
  text-decoration: none;
}

.html-rtl .kbox-close {
  left: 8px;
  right: auto;
}

.kbox-header {
  display: flex;
  justify-content: space-between;
}
.kbox-header .kbox-title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: Metropolis, Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--heading-font-family);
  font-weight: bold;
  color: #20133A;
  color: var(--color-heading);
  margin: 0;
  padding: 24px 24px 0;
}

.kbox-wrap {
  padding: 24px;
}
.kbox-wrap .hide-until-expanded {
  display: block;
}

#kbox-overlay {
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
}

#upload-kbox {
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px;
  box-sizing: content-box;
  width: 80%;
  height: auto;
  max-width: 560px;
}
@media screen and (max-width: 480px) {
  #upload-kbox {
    max-width: 96%;
  }
}
@media screen and (max-width: 320px) {
  #upload-kbox {
    max-width: 96%;
  }
}

#image-attachment-kbox {
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px;
  box-sizing: content-box;
  width: 70%;
  max-width: 70%;
  height: auto;
}
@media screen and (max-width: 480px) {
  #image-attachment-kbox {
    width: 96%;
    max-width: 96%;
  }
}
@media screen and (max-width: 320px) {
  #image-attachment-kbox {
    width: 96%;
    max-width: 96%;
  }
}
#image-attachment-kbox .kbox-wrap {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 8px;
}
#image-attachment-kbox .kbox-wrap img.image-attachment {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.mzp-c-modal-inner {
  background: white;
  background: var(--page-bg);
}

.mzp-c-modal-overlay-contents {
  color: #42435A;
  color: var(--color-text);
}

.mzp-c-modal-close .mzp-c-modal-button-close {
  background: transparent url(close.5d98c7f0a49b9f91.svg) center center no-repeat;
}

@media (min-width: 1024px) {
  .mzp-c-modal-inner {
    max-width: 800px;
  }
}
.sumo-user-messages,
.user-messages {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sumo-user-messages .mzp-c-notification-bar,
.user-messages .mzp-c-notification-bar {
  margin-bottom: 1.5rem;
}

.mzp-c-notification-bar {
  min-height: 46px;
  line-height: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
}
.mzp-c-notification-bar {
  padding: 8px 48px 8px 8px;
}
[dir=rtl] .mzp-c-notification-bar {
  padding: 8px 8px 8px 48px;
}
.mzp-c-notification-bar a,
.mzp-c-notification-bar a:link,
.mzp-c-notification-bar a:hover,
.mzp-c-notification-bar a:visited,
.mzp-c-notification-bar a:active {
  color: inherit;
  margin: 0;
}
@media (min-width: 480px) {
  .mzp-c-notification-bar {
    height: auto;
  }
}
.mzp-c-notification-bar .mzp-c-notification-bar-button {
  position: absolute;
  top: 0;
  bottom: 0;
}
.mzp-c-notification-bar .mzp-c-notification-bar-button {
  right: 0;
}
[dir=rtl] .mzp-c-notification-bar .mzp-c-notification-bar-button {
  right: auto;
}
.mzp-c-notification-bar .mzp-c-notification-bar-button {
  left: auto;
}
[dir=rtl] .mzp-c-notification-bar .mzp-c-notification-bar-button {
  left: 0;
}
.mzp-c-notification-bar p {
  line-height: 20px;
  margin: 0;
}
.sumo-l-two-col--main .mzp-c-notification-bar {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1.5rem;
  max-width: none;
}

#announce-geoip-suggestion {
  display: none;
}
#announce-geoip-suggestion p button {
  margin-left: 4px;
  margin-top: 4px;
}

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
  display: flex;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  padding: 0;
  width: 100%;
  height: 48px;
  border: 2px solid #9595A2;
  border: 2px solid var(--field-border-color-default);
  border-radius: 4px;
  border-radius: var(--global-radius);
  background-color: #FFFFFF;
  background-color: var(--color-white);
  color: #0c0c0d;
  outline: 0;
  transition-duration: 150ms;
  transition-property: border-color;
  font-size: 16px;
  font-size: 1rem;
}
ul.token-input-list-facebook:hover {
  border-color: #0250BB;
  border-color: var(--field-border-color-hover);
}
ul.token-input-list-facebook:focus-within {
  border-color: transparent;
  box-shadow: 0 0 0 4px rgba(0, 96, 223, 0.3), 0 0 0 2px rgb(0, 138, 234);
  box-shadow: var(--focus-shadow);
}
ul.token-input-list-facebook input:hover, ul.token-input-list-facebook input:focus {
  border-color: transparent;
}
ul.token-input-list-facebook input:focus {
  box-shadow: none;
}

ul.token-input-list-facebook li input {
  border: 0;
  width: 100px;
  padding: 3px 8px;
  background: white;
  margin: 2px 0;
  -webkit-appearance: caret;
}

li.token-input-token-facebook {
  overflow: hidden;
  height: auto !important;
  height: 15px;
  margin: 3px !important;
  padding: 1px 3px;
  background-color: #eff2f7;
  color: #42435A;
  color: var(--color-text);
  cursor: default;
  border: 1px solid #EDEDF0;
  border: 1px solid var(--color-border);
  font-size: 14px;
  border-radius: 4px;
  border-radius: var(--global-radius);
  float: left;
  white-space: nowrap;
}

li.token-input-token-facebook p {
  display: inline;
  padding: 0;
  margin: 0;
}

li.token-input-token-facebook span {
  margin-left: 5px;
  font-weight: bold;
  cursor: pointer;
}

li.token-input-selected-token-facebook {
  background-color: #0060DF;
  background-color: var(--color-link);
  color: #FFFFFF;
  color: var(--color-white);
}

li.token-input-input-token-facebook {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.token-input-dropdown-facebook {
  box-shadow: 0 5px 10px -3px rgba(14, 13, 26, 0.12), 0 3px 16px 2px rgba(7, 48, 114, 0.12), 0 8px 12px 1px rgba(34, 0, 51, 0.04);
  position: absolute;
  width: 400px;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  overflow: hidden;
  border-radius: 0 0 4px 4px;
  border-radius: 0 0 var(--global-radius) var(--global-radius);
  cursor: default;
  font-size: 14px;
  z-index: 1;
  text-align: left;
}

div.token-input-dropdown-facebook p {
  margin: 0;
  padding: 8px;
  font-weight: bold;
  color: #42435A;
  color: var(--color-text);
}

div.token-input-dropdown-facebook ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown-facebook ul li {
  padding: 8px;
  margin: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
div.token-input-dropdown-facebook ul li img {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}

div.token-input-dropdown-facebook ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
  background-color: #0060DF;
  background-color: var(--color-link);
  color: #FFFFFF;
  color: var(--color-white);
  border-radius: 4px;
  border-radius: var(--global-radius);
}

div.name_search {
  display: inline-flex;
  padding: 5px;
  align-items: center;
}

.html-ltr .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
.html-rtl .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .tabs--link, .tabs--button,
.tabs a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  text-align: left;
  border: 0 none;
  display: block;
  color: #42435A;
  color: var(--color-text);
  text-decoration: none;
  background-color: transparent;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.html-ltr .ui-tabs .ui-tabs-nav .ui-tabs-anchor span,
.html-rtl .ui-tabs .ui-tabs-nav .ui-tabs-anchor span, .tabs--link span, .tabs--button span,
.tabs a span {
  display: block;
  padding: 0 0 16px 0;
  margin-right: 16px;
}
.html-ltr .ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus,
.html-rtl .ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus, .tabs--link:focus, .tabs--button:focus,
.tabs a:focus {
  outline: 1px solid #0060DF;
  outline: 1px solid var(--color-link);
}
.html-ltr .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover,
.html-rtl .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover, .tabs--link:hover, .tabs--button:hover,
.tabs a:hover {
  color: #0060DF;
  color: var(--color-link);
}
.html-ltr .ui-tabs .ui-tabs-nav .is-active.ui-tabs-anchor,
.html-rtl .ui-tabs .ui-tabs-nav .is-active.ui-tabs-anchor, .is-active.tabs--link, .is-active.tabs--button,
.tabs a.is-active, .html-ltr .ui-tabs .ui-tabs-nav .selected.ui-tabs-anchor,
.html-rtl .ui-tabs .ui-tabs-nav .selected.ui-tabs-anchor, .selected.tabs--link, .selected.tabs--button,
.tabs a.selected {
  color: #0060DF;
  color: var(--color-link);
  font-weight: bold;
}
.html-ltr .ui-tabs .ui-tabs-nav .is-active.ui-tabs-anchor span,
.html-rtl .ui-tabs .ui-tabs-nav .is-active.ui-tabs-anchor span, .is-active.tabs--link span, .is-active.tabs--button span,
.tabs a.is-active span, .html-ltr .ui-tabs .ui-tabs-nav .selected.ui-tabs-anchor span,
.html-rtl .ui-tabs .ui-tabs-nav .selected.ui-tabs-anchor span, .selected.tabs--link span, .selected.tabs--button span,
.tabs a.selected span {
  box-shadow: inset 0 -2px 0 #0060DF;
  box-shadow: inset 0 -2px 0 var(--color-link);
}
.html-ltr .ui-tabs .ui-tabs-nav .ui-tabs-anchor:active,
.html-rtl .ui-tabs .ui-tabs-nav .ui-tabs-anchor:active, .tabs--link:active, .tabs--button:active,
.tabs a:active {
  color: #0060DF;
  color: var(--color-link);
  background: transparent;
}

.tabs {
  position: relative;
  box-shadow: inset 0 -1px 0 #CDCDD4;
  box-shadow: inset 0 -1px 0 var(--color-marketing-gray-03);
  margin-bottom: 32px;
}
.tabs:not(.is-js-enhanced) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabs--list {
  display: flex;
  margin: 0;
}
.tabs--button {
  padding: 0 0 16px 0;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.tabs--button:after {
  display: inline-flex;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2018%2010%27%3E%3Cpath%20fill%3D%27none%27%20vector-effect%3D%27non-scaling-stroke%27%20stroke%3D%27%2342435A%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-miterlimit%3D%2710%27%20d%3D%27M1%201l8%208%208-8%27%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  transition: transform 0.2s;
  content: "";
}
.tabs.dropdown-is-open .tabs--button:after {
  transform: rotate(180deg);
}
.tabs.dropdown-is-open .tabs--dropdown {
  z-index: 10;
  display: block;
}
.tabs--dropdown {
  max-width: 100%;
  min-width: 10em;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  border-radius: 4px;
  border-radius: var(--global-radius);
  animation: tabs-dropdown 0.2s;
}
.tabs--dropdown .tabs--item {
  border-top: 1px solid #EDEDF0;
  border-top: 1px solid var(--color-border);
  background-color: white;
  background-color: var(--page-bg);
}
.tabs--dropdown .tabs--item span {
  padding: 0;
}
.tabs--dropdown .tabs--link,
.tabs--dropdown a {
  padding: 8px;
}
@media (min-width: 768px) {
  .tabs {
    margin-bottom: 40px;
  }
}

@keyframes tabs-dropdown {
  0% {
    opacity: 0;
    transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.html-ltr .ui-widget.ui-widget-content,
.html-rtl .ui-widget.ui-widget-content {
  border: 0 none;
}
.html-ltr .ui-widget.ui-widget-content.ui-autocomplete,
.html-rtl .ui-widget.ui-widget-content.ui-autocomplete {
  box-shadow: 0 5px 10px -3px rgba(14, 13, 26, 0.12), 0 3px 16px 2px rgba(7, 48, 114, 0.12), 0 8px 12px 1px rgba(34, 0, 51, 0.04);
  border-radius: 4px;
  border-radius: var(--global-radius);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.html-ltr .ui-tabs .ui-tabs-panel,
.html-rtl .ui-tabs .ui-tabs-panel {
  padding: 2rem 0;
}
.html-ltr .ui-tabs .ui-tabs-nav li,
.html-rtl .ui-tabs .ui-tabs-nav li {
  background: transparent;
  border: 0 none;
}
.html-ltr .ui-tabs .ui-tabs-nav li a,
.html-rtl .ui-tabs .ui-tabs-nav li a {
  padding: 0;
}
.html-ltr .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.html-rtl .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #0060DF;
  color: var(--color-link);
  font-weight: bold;
}
.html-ltr .ui-tabs .ui-tabs-nav li.ui-tabs-active a span,
.html-rtl .ui-tabs .ui-tabs-nav li.ui-tabs-active a span {
  box-shadow: inset 0 -2px 0 #0060DF;
  box-shadow: inset 0 -2px 0 var(--color-link);
}
.html-ltr .ui-widget-header,
.html-rtl .ui-widget-header {
  border: 0 none;
  background: transparent;
  box-shadow: inset 0 -1px 0 #CDCDD4;
  box-shadow: inset 0 -1px 0 var(--color-marketing-gray-03);
}
/**
 * tom-select.css (v2.4.3)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: calc( 8px - 2px - 1px) 8px calc( 8px - 2px - 3px - 1px);
}
.full .ts-control {
  background-color: #fff;
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
}
.ts-wrapper.multi .ts-control > div.active {
  background: #92c836;
  color: #fff;
  border: 1px solid #00578d;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: white;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.ts-dropdown .active.create {
  color: #495c68;
}
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

/* stylelint-disable function-name-case */
.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(0px, 8px);
  right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 8px 8px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #0073bb;
  margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #00578d;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: #aaaaaa;
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #0073bb;
  margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #00578d;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: #aaaaaa;
}

:root {
  --ts-pr-clear-button: 0px;
  --ts-pr-caret: 0px;
  --ts-pr-min: .75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(.75rem, 0px + 0px) !important;
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(.75rem, 0px + 0px) !important;
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
}

.ts-dropdown,
.ts-control,
.ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.ts-wrapper.single .ts-control {
  --ts-pr-caret: 2rem;
}
.ts-wrapper.single .ts-control::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.ts-wrapper.single .ts-control:not(.rtl)::after {
  right: 15px;
}
.ts-wrapper.single .ts-control.rtl::after {
  left: 15px;
}
.ts-wrapper.single.dropdown-active .ts-control::after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.ts-wrapper.single.input-active .ts-control, .ts-wrapper.single.input-active .ts-control input {
  cursor: text;
}

.ts-wrapper {
  display: flex;
  min-height: 36px;
}
.ts-wrapper.multi.has-items .ts-control {
  padding-left: 5px;
  --ts-pr-min: $padding-x;
}
.ts-wrapper.multi .ts-control [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  border-radius: 3px;
  background-color: color-mix(#1da7ee, #178ee9, 60%);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}
.ts-wrapper.multi .ts-control [data-value].active {
  background-color: color-mix(#008fd8, #0075cf, 60%);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
}
.ts-wrapper.multi.disabled .ts-control [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  box-shadow: none;
}
.ts-wrapper.multi.disabled .ts-control [data-value], .ts-wrapper.multi.disabled .ts-control [data-value] .remove {
  border-color: #e6e6e6;
}
.ts-wrapper.multi.disabled .ts-control [data-value] .remove {
  background: none;
}
.ts-wrapper.single .ts-control {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: color-mix(#fefefe, #f2f2f2, 60%);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
}

.ts-wrapper.single .ts-control, .ts-dropdown.single {
  border-color: #b8b8b8;
}

.dropdown-active .ts-control {
  border-radius: 3px 3px 0 0;
}

.ts-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.ts-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.ts-dropdown .optgroup:first-child {
  border-top: 0 none;
}

body.edit_metadata #related-docs-list,
body.new #related-docs-list {
  display: none !important;
}

figure.linked-in-product {
  display: flex;
  margin-bottom: 32px;
}
figure.linked-in-product img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
figure.linked-in-product figcaption {
  font-weight: bold;
  line-height: normal;
}

#id_restrict_to_groups {
  display: none;
}

article.locked > * {
  opacity: 0.3;
}
article > * {
  transition: opacity 1s;
}

#edit-document label {
  font-weight: bold;
}

.sidebar-nav.topics {
  background-color: #fff;
}
.sidebar-nav.topics > li {
  background-color: #fff;
}
.sidebar-nav.topics > li.selected > a,
.sidebar-nav.topics > li.selected > a:visited {
  background: #f3f3f3;
  border: none;
  border-left: 4px solid #000;
  color: #000;
  font-weight: bold;
}
.sidebar-nav.topics > li.selected > a:before,
.sidebar-nav.topics > li.selected > a:visited:before {
  content: none;
}
.sidebar-nav.topics > li.selected > a:hover,
.sidebar-nav.topics > li.selected > a:visited:hover {
  color: #000;
}
.sidebar-nav.topics > li.selected.has-subtopics > a {
  background: #fff;
}
.sidebar-nav.topics > li > a,
.sidebar-nav.topics > li > a:visited {
  color: #000;
  background: #fff;
  border: none;
  border-left: 4px solid #e7e7e7;
  text-transform: none;
}
.sidebar-nav.topics > li > a:before,
.sidebar-nav.topics > li > a:visited:before {
  content: none;
}
.sidebar-nav.topics > li > a:hover,
.sidebar-nav.topics > li > a:visited:hover {
  color: #0060DF;
  color: var(--color-link);
}
.sidebar-nav.topics > li.subtopic-selected > a,
.sidebar-nav.topics > li.subtopic-selected > a:visited {
  background: #fff;
  border-left: 4px solid #000;
}
.sidebar-nav.topics > li > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: none;
}
.sidebar-nav.topics > li > ul > li > a,
.sidebar-nav.topics > li > ul > li > a:visited {
  background: #f3f3f3;
  border-left: none;
  color: #000;
  display: block;
  padding: 12px 20px;
  text-decoration: none;
}
.sidebar-nav.topics > li > ul > li > a:hover,
.sidebar-nav.topics > li > ul > li > a:visited:hover {
  color: #0060DF;
  color: var(--color-link);
}
.sidebar-nav.topics > li > ul > li.selected > a,
.sidebar-nav.topics > li > ul > li.selected > a:visited {
  border-left: 4px solid #000;
  font-weight: bold;
}
.sidebar-nav.topics > li > ul > li.selected > a:hover,
.sidebar-nav.topics > li > ul > li.selected > a:visited:hover {
  color: #000;
}
.html-rtl .sidebar-nav.topics.topics > li.selected > a,
.html-rtl .sidebar-nav.topics.topics > li.selected > a:visited {
  border-left: none;
  border-right: 4px solid #000;
}
.html-rtl .sidebar-nav.topics.topics > li > a,
.html-rtl .sidebar-nav.topics.topics > li > a:visited {
  border-left: none;
  border-right: 4px solid #e7e7e7;
}
.html-rtl .sidebar-nav.topics.topics > li.subtopic-selected > a,
.html-rtl .sidebar-nav.topics.topics > li.subtopic-selected > a:visited {
  border-left: none;
  border-right: 4px solid #000;
}
.sidebar-nav.related-products > li > a > span {
  box-sizing: border-box;
  display: block;
  min-height: 24px;
  padding-left: 34px;
  padding-top: 3px;
  position: relative;
}
.sidebar-nav.related-products > li > a > span img {
  background-repeat: no-repeat;
  background-size: cover;
  height: 24px;
  left: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}

#os_input,
#browser_input {
  cursor: pointer;
  padding: 0 10px;
  width: 120px !important;
}

.wait {
  display: none;
}

.wiki-doc #doc-contributors {
  display: block;
  min-height: 100px;
  padding: 30px 0 10px 0;
}
.wiki-doc #doc-contributors .help-title-prefix {
  color: #000;
  float: left;
  font-size: 24px;
  padding-left: 5px;
}
.wiki-doc #doc-contributors .help-title {
  color: #000;
  float: left;
  font-size: 24px;
  padding-left: 15px;
  width: 32%;
}
.wiki-doc #doc-contributors .contributors {
  float: right;
  padding-left: 40px;
  width: 54%;
}
.wiki-doc #doc-contributors .help-link {
  color: #000;
  float: right;
  padding-top: 10px;
}
.wiki-doc #doc-contributors a.user,
.wiki-doc #doc-contributors a.user:visited,
.wiki-doc #doc-contributors a.user:hover {
  color: #eee;
}
.wiki-doc .separator {
  width: 100%;
  height: 2px;
  background: #000;
}

/* Document Translation page */
#localize-document .buttons-and-preview {
  /* Taken from Bootstrap V3 */
}
#localize-document .buttons-and-preview .alert {
  background: #FFE url(warning-stripes.522f90cae2e173de.png) repeat-x scroll left top;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 20px;
}
#localize-document .buttons-and-preview .error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
#localize-document .buttons-and-preview .info {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}
#localize-document .buttons-and-preview .success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

/* Document history page */
#revision-list form {
  clear: both;
  margin: 20px 0;
  padding-top: 20px;
}
#revision-list ul {
  clear: both;
  margin: 5px 0;
  padding: 0;
  text-align: left;
}
#revision-list ul li {
  list-style: none;
  padding: 4px;
}
#revision-list ul li > div {
  display: block;
  margin-bottom: 4px;
}
#revision-list ul li:nth-child(odd) {
  background: #f2f2f2;
}
#revision-list ul li.current {
  background: #daedf6;
  border-bottom: solid 2px #a3b1b8;
  border-top: solid 2px #a3b1b8;
}
#revision-list ul li.current .status {
  color: #223d61;
  font-weight: bold;
}
#revision-list ul li.rejected *, #revision-list ul li.rejected div.creator {
  color: #999;
}
#revision-list ul li.header {
  color: #666 !important;
  font-weight: bold;
}
#revision-list .radio {
  text-align: center;
  padding: 0 0 0 2px;
  width: 15px;
}
#revision-list .radio input {
  margin: 0;
}
#revision-list .status a {
  font-weight: bold;
}
@media (min-width: 768px) {
  #revision-list ul li > div {
    display: inline-block;
    margin-bottom: 0;
  }
  #revision-list .date {
    width: 115px;
  }
  #revision-list .status {
    width: 90px;
  }
  #revision-list .significance {
    width: 35px;
  }
  #revision-list .title {
    width: 290px;
  }
  #revision-list .creator {
    width: 300px;
    overflow: auto;
  }
  #revision-list .comment {
    width: 140px;
  }
  #revision-list .comment.wider {
    width: 330px;
  }
}
#revision-list .creator {
  color: #333;
}
#revision-list .showdiff {
  margin: 2px;
  width: 16px;
}
#revision-list .showdiff .loading {
  height: 16px;
  width: 16px;
}
#revision-list .showdiff .close-diff {
  display: none;
}
#revision-list .title .locale {
  background: #ddd;
  padding: 0 2px;
  font-size: 0.7em;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
  position: relative;
  bottom: 1px;
  margin-right: 5px;
}
#revision-list .l10n,
#revision-list .edit,
#revision-list .delete {
  text-align: center;
  width: 25px;
}
#revision-list .l10n a,
#revision-list .edit a,
#revision-list .delete a {
  display: inline-block;
  text-decoration: none;
  height: 20px;
  width: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#revision-list .edit a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2029.81%2029.81%27%3E%3Cpath%20fill%3D%27%230060DF%27%20d%3D%27M0%2029.81l8.29-2.22-6.07-6.07L0%2029.81zM18.214%205.532l6.067%206.067-15.04%2015.04-6.067-6.067zM23.746-.003l6.067%206.067-4.59%204.59-6.066-6.068z%27%2F%3E%3C%2Fsvg%3E");
}
#revision-list .delete a {
  background-image: url(delete.0cfb6c0011b80950.svg);
}
#revision-list .l10n a.yes {
  background-image: url(check.ce98c05f4098c4c8.svg);
}
#revision-list .l10n a.markasready, #revision-list .l10n a.no {
  background-image: url(close.5d98c7f0a49b9f91.svg);
}
#revision-list .l10n a.markasready:hover {
  background-image: url(check.ce98c05f4098c4c8.svg);
  cursor: pointer;
}
#revision-list .l10n span {
  display: inline-block;
  text-decoration: none;
  height: 20px;
  width: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#revision-list .l10n span.not-approved {
  background-image: url(warning.fef19f415571a770.svg);
  opacity: 0.6;
}
#revision-list .l10n span.trivial {
  background-image: url(info.eba94e065e10f843.svg);
  opacity: 0.4;
}
#revision-list .l10n span.not-localizable {
  background-image: url(lockbox.ace7f9083fb1763f.svg);
  opacity: 0.4;
}
#revision-list .l10n span.translated {
  background-image: url(globe.5fa05337f98f365b.svg);
  opacity: 0.6;
}
#revision-list .compare {
  height: 20px;
  padding: 0;
  text-align: left;
}
#revision-list .compare.top {
  background: transparent url(compare.arrows.1a642538f3c90d1f.png) no-repeat 4px 5px;
  padding-bottom: 5px;
}
#revision-list .compare.bottom {
  background: transparent url(compare.arrows.1a642538f3c90d1f.png) no-repeat 4px -40px;
  padding-top: 10px;
}
#revision-list .loading {
  display: none;
  height: 20px;
  width: 20px;
}

.html-rtl #revision-list ul {
  text-align: right;
}
.html-rtl #revision-list .date,
.html-rtl #revision-list .date-head {
  padding: 0 10px 0 0;
}

#contributors {
  margin: 30px 0;
}
#contributors h1 {
  font-size: 18px;
}

#delete-doc {
  margin: 50px 0 0;
  padding: 0 10px 0 0;
  text-align: right;
}

.html-rtl #delete-doc {
  padding: 0 0 0 10px;
  text-align: left;
}

#show-graph {
  color: #447BC4;
  cursor: pointer;
  float: right;
  font-size: 13px;
  margin: 1px 0 10px;
}

#helpful-graph {
  display: none;
}

/* Revision diffs */
.revision-diff header {
  margin: 20px 0 0;
}
.revision-diff h3 {
  font-weight: bold;
}
.revision-diff h4 {
  font-weight: bold;
  margin: 10px 0 0;
}
.revision-diff div.col {
  display: inline-block;
  padding-right: 1%;
  vertical-align: top;
  width: 48%;
}
.revision-diff div.picker {
  display: block;
  padding: 0 10px 0 0;
  text-align: right;
  width: auto;
}
.revision-diff a.toggle-diff {
  float: right;
  margin: 0 10px 0 0;
}

.html-rtl .revision-diff div.picker {
  text-align: left;
}
.html-rtl .revision-diff a.toggle-diff {
  float: left;
  margin: 0 0 0 10px;
}

#diff-picker-kbox {
  width: 770px;
}

#doc-source textarea {
  height: 400px;
}

/* New / Edit / Translate Document */
#document-form form {
  padding: 0 0 20px;
}

#preview .showfor {
  background: #fff;
  border-radius: 4px;
  border-radius: var(--global-radius);
  box-shadow: 0 5px 10px -3px rgba(14, 13, 26, 0.12), 0 3px 16px 2px rgba(7, 48, 114, 0.12), 0 8px 12px 1px rgba(34, 0, 51, 0.04);
  right: 10px;
  margin: 0;
  padding: 20px;
  position: fixed;
  max-height: 85vh;
  top: 10vh;
  width: 300px;
  z-index: 5;
  overflow: auto;
}
#preview .showfor h1 {
  font-size: 20px;
}
#preview .showfor .exit {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 6;
}
#preview .showfor .exit:hover {
  color: #999;
  cursor: pointer;
}

.translate #preview .showfor {
  border-radius: 0;
  box-shadow: none;
  float: none;
  margin: 20px 0 40px 0;
  padding: 0;
  position: static;
}
.translate #preview .showfor .selectbox-wrapper {
  margin-bottom: 8px;
}

#preview-bottom {
  display: none;
}

#review-revision label {
  font-weight: bold;
}
#review-revision .showfor {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px #999;
  display: none;
  left: 10px;
  margin: -90px 0 0;
  padding: 15px;
  position: fixed;
  top: 50%;
  width: 165px;
  z-index: 5;
}
#review-revision .unreviewed-revision {
  font-weight: bold;
  font-size: 120%;
}
#review-revision ul.revision-comment {
  list-style-type: disc;
  margin-top: -10px;
  padding: 0px 15px 0;
}
#review-revision .open .showfor {
  display: block;
}
#review-revision .open .showfor h1 {
  font-size: 20px;
}
#review-revision .open .showfor input {
  width: auto !important;
  /* temp hack workaround */
}

.html-rtl #preview .showfor,
.html-rtl #review-revision .showfor {
  left: 100px;
  right: auto;
}

#search-related {
  box-sizing: border-box;
  width: 100%;
}

/* Translate specific */
.translate .recent-revisions li {
  margin: 10px 0;
  padding: 0;
}

ul.description li {
  list-style: none;
  padding: 15px 0;
}
ul.description li:first-child {
  border: none;
}
ul.description input[type=text] {
  width: 98%;
}
ul.description textarea {
  height: 100px;
  padding: 2px;
  width: 98%;
}

div.approved,
div.localized {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}
div.approved p,
div.localized p {
  min-height: 35px;
}
div.approved .editor-tools,
div.localized .editor-tools {
  height: 80px;
}

#content-fields {
  padding: 15px 0;
}
#content-fields h3 {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 5px;
}
#content-fields div.val {
  border: solid 1px #999;
  height: 500px;
  overflow: auto;
  padding: 2px;
  width: 100%;
}
#content-fields textarea {
  height: 495px;
  margin: 0 0 15px;
  padding: 2px;
  width: 98%;
}
#content-fields .approved textarea {
  resize: none;
}
#content-fields #content-or-diff {
  margin-top: 96px;
}
#content-fields #content-or-diff.content .diff-this {
  display: none;
}
#content-fields #content-or-diff.diff textarea {
  display: none;
}
#content-fields #content-or-diff a {
  cursor: pointer;
  float: right;
  margin: 0 0 15px;
}
#content-fields .diff-this {
  height: 500px;
  overflow: auto;
  width: 99%;
}

body.translate {
  /* Override the translate page to have fluid width */
}
body.translate .container_12 {
  margin: 0 25px;
  width: auto;
}
body.translate #doc-tools {
  width: 250px;
  float: left;
  margin-right: 40px;
}

/* Review */
#revision-content,
#reision-html {
  margin: 10px 0;
}
#revision-content pre,
#reision-html pre {
  white-space: pre-wrap;
}

body.review #actions {
  margin: 20px 0;
}
body.review #content-fields textarea {
  height: 250px;
  margin: 5px 0 0;
}

#approve-modal p {
  margin: 0 0 10px;
}
#approve-modal label {
  font-weight: normal;
}
#approve-modal li {
  list-style: none;
  padding: 5px;
  position: relative;
}
#approve-modal li div.help-text {
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25), inset -1px -1px 1px rgba(0, 0, 0, 0.125), inset 1px 0 1px rgba(255, 255, 255, 0.25);
  color: #000;
  display: none;
  left: 23px;
  padding: 10px 15px;
  position: absolute;
  top: 20px;
  z-index: 999;
}
#approve-modal li:hover {
  border-radius: 10px 10px 0 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25), inset -1px -1px 1px rgba(0, 0, 0, 0.125), inset 1px 0 1px rgba(255, 255, 255, 0.25);
}
#approve-modal li:hover label {
  position: relative;
  z-index: 1000;
}
#approve-modal li:hover div.help-text {
  display: block;
}
#approve-modal div.message,
#approve-modal div.ready-for-l10n,
#approve-modal div.needs-change {
  margin: 10px 0;
}
#approve-modal textarea {
  height: 100px;
  width: 350px;
}

.html-rtl #approve-modal li div.help-text {
  left: auto;
  right: 23px;
}

#reject-modal div.message {
  margin: 10px 0;
}
#reject-modal textarea {
  height: 100px;
  width: 350px;
}

.needs-change .comment {
  margin: 0 0 0 17px;
}
.needs-change .comment label {
  display: block;
}

/* Style video modal */
div.video .kbox-container {
  width: 680px;
  height: 550px;
  text-align: left;
}

.html-rtl div.video .kbox-container {
  text-align: right;
}

.document-vote form.busy .wait {
  display: inline;
  margin: 0 0 0 15px;
  position: relative;
  top: 3px;
}

.html-rtl .document-vote form.busy .wait {
  margin: 0 15px 0 0;
}

article #unhelpful-survey textarea,
article #helpful-survey textarea {
  height: 65px;
  margin: 6px 0 2px 12px;
  resize: vertical;
  width: 275px;
}
article #unhelpful-survey:after,
article #helpful-survey:after {
  background: #fff;
  box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 15px;
  transform: rotate(45deg);
  width: 10px;
  z-index: 1;
}

#unhelpful-survey p,
#helpful-survey p {
  margin: 8px 0;
}
#unhelpful-survey .helpful-button,
#helpful-survey .helpful-button {
  display: block;
  margin-top: 16px;
}
#unhelpful-survey ul,
#helpful-survey ul {
  list-style: none;
}
#unhelpful-survey li,
#helpful-survey li {
  color: #fff;
  cursor: pointer;
  position: relative;
}
#unhelpful-survey li label,
#helpful-survey li label {
  font-weight: normal;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
#unhelpful-survey li label:before,
#helpful-survey li label:before {
  top: 2px;
  margin-right: 10px;
}
#unhelpful-survey .btn-submit,
#helpful-survey .btn-submit {
  margin: 6px 14px;
  float: left;
}
#unhelpful-survey .character-counter,
#unhelpful-survey .disabled-reason,
#helpful-survey .character-counter,
#helpful-survey .disabled-reason {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.doc-watch {
  padding: 40px 0 0 0;
}

/* New Diffs */
.diff-this {
  margin: 15px 0;
}
.diff-this p {
  margin: 0;
}
.diff-this table {
  border: 1px solid #ddd;
  width: 100%;
  color: #666;
  font-size: 12px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-family: var(--code-font-family);
}
.diff-this .from,
.diff-this .to {
  display: none;
}
.diff-this .output {
  color: #333;
  font-size: 13px;
}
.diff-this .fromLine {
  background: #ffdddd;
}
.diff-this .toLine {
  background: #ddffdd;
}
.diff-this .num {
  background: #ececec;
  border-right: 1px solid #ddd;
  color: #aaa;
  padding: 0 4px 0 6px;
  text-align: right;
  width: 15px;
}
.diff-this .mark {
  font-family: Courier;
  padding: 0 6px;
  width: 8px;
}
.diff-this ins {
  background: #aaffaa;
  color: #000;
  text-decoration: none;
}
.diff-this del {
  background: #ffaaaa;
  color: #000;
  text-decoration: none;
}

/* Ace syntax custom CSS */
#editor {
  border: 2px solid #F7F7F7;
  border-radius: 4px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
#editor .CodeMirror {
  color: #666;
  font-size: 12px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-family: var(--code-font-family);
  height: 100%;
}

#editor_wrapper {
  height: 500px;
  margin: 0 0 15px;
  position: relative;
}

.cm-quote {
  background-color: black;
  color: white !important;
}

.cm-variable,
.cm-tag {
  color: #d98484 !important;
}

.cm-other.cm-link {
  color: #5757c2 !important;
}

.cm-bold {
  color: #000;
  font-weight: normal !important;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-italic {
  font-style: italic;
}

.cm-underline {
  text-decoration: underline;
}

.cm-comment {
  color: #090 !important;
}

.cm-editor .cm-identifier,
.cm-editor .cm-italic,
.cm-editor .cm-underline {
  color: #666666 !important;
}

.wiki-product-title {
  margin-left: 24px;
}
.wiki-product-title > img {
  float: left;
  padding-top: 2px;
}
.wiki-product-title > a:link,
.wiki-product-title a:visited {
  color: #000;
  float: left;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 6px;
  text-decoration: none;
  width: 110px;
}
.html-rtl .wiki-product-title {
  margin-left: 0;
  margin-right: 24px;
}
.html-rtl .wiki-product-title > img {
  float: right;
}
.html-rtl .wiki-product-title > a:link,
.html-rtl .wiki-product-title a:visited {
  float: right;
  padding-left: 0;
  padding-right: 20px;
}

#get-involved-box {
  margin-top: 24px;
  margin-bottom: 48px;
}
#get-involved-box .btn {
  font-size: 16px;
  margin-bottom: 20px;
  padding: 8px 40px;
}

.collapsible .wiki-section > h1 {
  margin-top: 24px;
  margin-bottom: 24px;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
  font-weight: bold;
}
@media (min-width: 768px) {
  .collapsible .wiki-section > h1 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-family: var(--base-font-family);
    color: #20133A;
    color: var(--color-heading);
    font-weight: bold;
  }
}
.collapsible .wiki-section > h1:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M12%203.515v16.97M3.515%2012h16.97%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
  background-size: auto;
  background-size: 20px, 20px;
  transition: transform 0.1s ease-in-out;
  content: "";
  height: 20px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 20px;
  right: 8px;
  transform: rotate(45deg);
}

.wiki-section.collapsed section {
  display: none;
}
.wiki-section.collapsed > h1:before {
  transform: rotate(0);
}

.is-details.mzp-c-menu-list.featured-dropdown .mzp-c-menu-list-title button,
.is-details.mzp-c-menu-list.subheading-dropdown .mzp-c-menu-list-title button {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #20133A;
  color: var(--color-heading);
}
.is-details.mzp-c-menu-list.featured-dropdown .mzp-c-menu-list-title button:after,
.is-details.mzp-c-menu-list.subheading-dropdown .mzp-c-menu-list-title button:after {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2724px%27%20height%3D%2724px%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20stroke%3D%27%2320133A%27%20stroke-width%3D%272%27%20points%3D%275%209%2012%2016%2019%209%27%3E%3C%2Fpolyline%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
}
.is-details.mzp-c-menu-list.featured-dropdown .mzp-c-menu-list-title button:hover,
.is-details.mzp-c-menu-list.subheading-dropdown .mzp-c-menu-list-title button:hover {
  text-decoration: underline;
}
.is-details.mzp-c-menu-list.featured-dropdown .mzp-c-menu-list-list,
.is-details.mzp-c-menu-list.subheading-dropdown .mzp-c-menu-list-list {
  width: 100%;
}
.is-details.mzp-c-menu-list.featured-dropdown a,
.is-details.mzp-c-menu-list.subheading-dropdown a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}

.is-details.mzp-c-menu-list.subheading-dropdown {
  margin: 16px 0 32px;
}
.is-details.mzp-c-menu-list.subheading-dropdown .sumo-card-heading.is-summary button {
  padding-right: 32px;
}
.is-details.mzp-c-menu-list.subheading-dropdown .mzp-c-menu-list-item a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  color: #20133A;
  color: var(--color-heading);
}

.back-to-product-list {
  margin: 16px 0 32px;
}
.back-to-product-list a {
  color: #20133A;
  color: var(--color-heading);
  text-decoration: none;
}
.back-to-product-list a:hover {
  text-decoration: underline;
}

.mzp-c-menu-list-list {
  max-height: 300px;
  overflow: auto;
}
.mzp-c-menu-list-list .pm {
  margin: 0;
}
.mzp-c-menu-list-list a.sumo-button {
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  padding: 0;
  margin: 0;
  height: auto;
  font-weight: inherit;
  transition: none;
}
.mzp-c-menu-list-list a.sumo-button:hover:not(:disabled) {
  background: #EDEDF0;
  background: var(--color-marketing-gray-02);
  color: inherit;
}

.contributor-filters {
  display: flex;
}
.contributor-filters .mzp-c-menu-list {
  margin-right: 32px;
}

.sumo-banner {
  background: #20123A;
  background: var(--color-moz-inverse-bg);
  color: #FFFFFF;
  color: var(--color-inverse);
  border-radius: 4px;
  border-radius: var(--global-radius);
  margin: 48px 0;
  position: relative;
}
.sumo-banner .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
}
.sumo-banner svg, .sumo-banner .icon {
  width: 36px;
  height: 36px;
  color: inherit;
  flex-shrink: 0;
  margin-bottom: 24px;
}
.sumo-banner .heading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
  text-align: center;
  color: inherit;
  flex-grow: 1;
  margin: 0 32px;
}
.sumo-banner .heading a {
  color: inherit;
}
.sumo-banner .sumo-button {
  flex: 0 0 auto;
  margin: 0 32px;
  margin-top: 24px;
  word-break: break-word;
}
.sumo-banner .sumo-close-button {
  flex: 0 0 auto;
  position: absolute;
  top: 6px;
  right: 6px;
}
@media (min-width: 768px) {
  .sumo-banner .content {
    flex-direction: row;
    padding: 0;
  }
  .sumo-banner svg, .sumo-banner .icon {
    margin-left: 32px;
    margin-bottom: 0;
  }
  .sumo-banner .heading {
    text-align: left;
    margin: 32px;
  }
  .sumo-banner .sumo-button {
    margin-bottom: 24px;
    margin-left: 0;
    max-width: 20%;
  }
  .sumo-banner .sumo-close-button {
    position: static;
    margin-right: 32px;
  }
}

.sumo-banner-warning {
  background: #FFEA80;
  background: var(--color-warning);
  color: #20133A;
  color: var(--color-heading);
}

.sumo-banner-no-close .sumo-close-button {
  display: none;
}

[data-close-initial=hidden] {
  display: none;
}

.gallery-upload-modal .on {
  display: block;
}
.gallery-upload-modal .off {
  display: none;
}
.gallery-upload-modal .preview-image {
  width: 300px;
  height: 300px;
  max-width: 300px;
  max-height: 300px;
}
.gallery-upload-modal .preview-image img.preview {
  max-width: 300px;
  max-height: 300px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.progress {
  display: flex;
  justify-content: center;
  align-items: stretch;
  list-style: none;
  margin: -24px 0 40px;
  padding: 0;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: Inter, X-LocaleSpecific, sans-serif;
  font-family: var(--base-font-family);
}
.progress--item {
  position: relative;
  flex: 1 1 0;
}
.progress--item:first-child .progress--link, .progress--item:last-child .progress--link {
  align-items: flex-start;
}
.progress--item:first-child .progress--link, .progress--item:last-child .progress--link {
  padding-left: 0;
  padding-right: 8px;
}
[dir=rtl] .progress--item:first-child .progress--link, [dir=rtl] .progress--item:last-child .progress--link {
  padding-left: 8px;
  padding-right: 0;
}
.progress--item:first-child .progress--link-inner:after, .progress--item:last-child .progress--link-inner:after {
  position: absolute;
  top: 12px;
  z-index: 2;
  width: 50%;
  height: 3px;
  background: white;
  background: var(--page-bg);
  content: "";
}
.progress--item:first-child .progress--link-inner:after, .progress--item:last-child .progress--link-inner:after {
  left: 0;
  right: auto;
}
[dir=rtl] .progress--item:first-child .progress--link-inner:after, [dir=rtl] .progress--item:last-child .progress--link-inner:after {
  left: auto;
  right: 0;
}
.progress--item:last-child .progress--link {
  align-items: flex-end;
}
.progress--item:last-child .progress--link {
  padding-right: 0;
  padding-left: 8px;
}
[dir=rtl] .progress--item:last-child .progress--link {
  padding-right: 8px;
  padding-left: 0;
}
.progress--item:last-child .progress--link-inner:after {
  left: auto;
  right: 0;
}
[dir=rtl] .progress--item:last-child .progress--link-inner:after {
  left: 0;
  right: auto;
}
.progress--item.is-complete .progress--dot {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20d%3D%27M20%206L9%2017l-5-5%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
  background-color: #3FE1B0;
  background-color: var(--color-green-06);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-color: #3FE1B0;
  border-color: var(--color-green-06);
  content: "";
}
.progress--item.is-current {
  display: block;
}
.progress--item.is-current .progress--dot {
  border-color: #3FE1B0;
  border-color: var(--color-green-06);
}
.progress--item.is-current .progress--dot:before {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  background-color: #3FE1B0;
  background-color: var(--color-green-06);
  content: "";
}
.progress--item:after, .progress--item:before {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
  width: 120%;
  height: 3px;
  background: #CDCDD4;
  background: var(--color-marketing-gray-03);
  content: "";
}
.progress--item:before {
  background: transparent;
}
.progress--item.is-current:after, .progress--item.is-complete:after {
  background: #3FE1B0;
  background: var(--color-green-06);
}
.progress--item.is-current:before {
  width: 50%;
  background: #CDCDD4;
  background: var(--color-marketing-gray-03);
  z-index: 2;
}
.progress--item.is-current:before {
  right: 0;
  left: auto;
}
[dir=rtl] .progress--item.is-current:before {
  right: auto;
  left: 0;
}
.progress--item.is-current:last-child:before {
  background: transparent;
}
.progress--item.is-current:first-child:after {
  background: #CDCDD4;
  background: var(--color-marketing-gray-03);
}
.progress--link-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.progress--link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  color: #42435A;
  color: var(--color-text);
}
.progress--link:visited {
  color: #42435A;
  color: var(--color-text);
}
.progress--link:hover {
  color: #20133A;
  color: var(--color-heading);
}
.progress--link:active {
  background: transparent;
}
.progress--link[disabled], .progress--link[aria-current=page] {
  cursor: default;
}
.progress--link[disabled]:hover, .progress--link[aria-current=page]:hover {
  color: #42435A;
  color: var(--color-text);
}
.progress--dot {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 3;
  margin-bottom: 8px;
  border: 4px solid #CDCDD4;
  border: 4px solid var(--color-marketing-gray-03);
  border-radius: 50%;
  background-color: white;
  background-color: var(--page-bg);
  font-size: 0;
  color: transparent;
}
.shade-bg .progress .progress--item:first-child .progress--link-inner::after,
.shade-bg .progress .progress--item:last-child .progress--link-inner::after,
.shade-bg .progress .progress--item:not(.is-complete) .progress--dot {
  background-color: #F9F9FB;
  background-color: var(--color-shade-bg);
}

.sumo-page-section .progress {
  margin: -24px 0 0;
}

@media (min-width: 768px) {
  .progress {
    margin: -32px 0 60px;
  }
  .sumo-page-section .progress {
    margin: 0;
  }
  .progress--item:after {
    width: 100%;
  }
}

/* L10n and Contributor Dashboards */
.dashboards table {
  border-collapse: collapse;
  text-align: left;
}

.dashboards tr:nth-child(even) {
  background-color: #F9F9FB;
  background-color: var(--color-shade-bg);
}

.dashboards td,
.dashboards th {
  padding: 8px 4px;
}

.dashboards td {
  vertical-align: middle;
}

.dashboards table.overview small {
  font-size: 80%;
  color: #999;
  white-space: nowrap;
}

.dashboards div.percent-graph {
  background-color: #f3f3f3;
  height: 10px;
}

.dashboards div.percent-graph div {
  background-color: #dfdfdf;
  height: 10px;
}

.dashboards div.absolute-graph {
  display: block;
  background-color: #2ac3a2;
  height: 1em;
}

.dashboards #overview-options,
.dashboards .table-footer {
  margin: 0;
  padding: 16px 0;
}

.dashboards #overview-options label {
  font-weight: bold;
}

.dashboards .table-footer {
  font-size: 90%;
}

.dashboards table.documents .users {
  font-size: 90%;
  color: #999;
}

.dashboards table.overview td:nth-child(2) {
  text-align: right;
}

.dashboards table.overview td:nth-child(4) {
  width: 50%;
}

.dashboards table.documents td:nth-child(1) {
  width: 304px;
}

.dashboards table.documents td:nth-child(2) {
  padding-right: 4px;
  text-align: right;
  width: 96px;
}

.dashboards table.documents td:nth-child(3),
.dashboards table.documents th:nth-child(3) {
  padding-left: 0;
  width: 192px;
}

.dashboards table.documents td:nth-child(4),
.dashboards table.documents th:nth-child(4) {
  text-align: center;
  vertical-align: middle;
  width: 304px;
}

.dashboards table.busy {
  opacity: 0.5;
}

.dashboards ul.readout-modes {
  padding: 4px 0px;
}

.dashboards ul.readout-modes li {
  display: inline-block;
  background: #EDEDF0;
  background: var(--color-marketing-gray-02);
  border-radius: 4px;
  cursor: pointer;
  list-style: none;
  margin: 8px 4px;
  padding: 4px;
  width: calc(25% - 16px);
  text-align: center;
}

.dashboards ul.readout-modes li:hover {
  background: #F9F9FA;
  background: var(--color-marketing-gray-01);
}

.dashboards ul.readout-modes li.active {
  background: #0060DF;
  background: var(--color-click);
}

.dashboards ul.readout-modes li.active:hover {
  background: #4978bc;
}

.dashboards ul.readout-modes li.active a {
  color: #fff;
}

.dashboards-detail h1 {
  display: inline-block;
}

.dashboards summary.with-mode-selectors {
  display: inline;
}

.dashboards details table {
  display: block; /* Makes collapse animation work */
}

/* Status badges */
.dashboards td.status:has(.review),
.dashboards td.status:has(.out-of-date) {
  background-color: #FFEA80;
  background-color: var(--color-warning);
}

.dashboards td.status .update:after {
  content: "◆";
  color: #f8e687;
}
.dashboards td.status .out-of-date:after {
  content: "◆";
  color: orange;
}
.dashboards td.status .untranslated:after {
  content: "▲";
  color: red;
}
.dashboards td.status .ok:after {
  content: "●";
  color: #add575;
  margin-left: 4px;
}

.dashboards td a {
  text-decoration: none;
}
.dashboards td a:hover {
  text-decoration: underline;
}

.dashboards td a:has(span.ok):hover {
  text-decoration: none;
  cursor: initial;
}
.dashboards td a:has(span.ok):visited {
  color: inherit;
}

.dashboards button.tabs--link > span, .dashboards details > summary {
  font-size: 1.5rem;
}
.dashboards details > summary {
  font-weight: bold;
}
.dashboards .tabs--content:not(.tabs--content.is-active) {
  display: none;
}
.dashboards nav.tabs button.tabs--link:focus:not(:focus-visible) {
  box-shadow: none;
}
.dashboards nav.tabs button.tabs--link:hover {
  cursor: pointer;
}
.dashboards details {
  padding-top: 24px;
  padding-bottom: 24px;
}

.flagged-items {
  list-style: none;
  padding: 0;
}
.flagged-items li {
  margin-bottom: 24px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f0f0f4;
}
.flagged-items .wait {
  display: none;
}
.flagged-items .htmx-request .wait {
  display: inline-block;
}

/* Flagged Item Content */
.flagged-item-content {
  padding: 16px;
}
.flagged-item-content .flagged-item-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 768px) {
  .flagged-item-content .flagged-item-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.flagged-item-content .flagged-item-header h2 {
  margin: 0;
}
.flagged-item-content .flagged-item-header span {
  font-size: 1rem;
  font-weight: bold;
  white-space: nowrap;
}

.flagged-content {
  padding: 16px 24px;
  background-color: #f9f9fb;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}
.flagged-content__heading, .flagged-content__subheading {
  font-weight: bold;
  font-size: 1.25rem;
  color: #1c1b22;
}
.flagged-content__title, .flagged-content__text {
  font-size: 1.1rem;
  color: #1c1b22;
}
.flagged-content .compact-info {
  margin: 4px 0;
  font-size: 1rem;
}
.flagged-content__topic-update {
  margin: 16px 0;
}
.flagged-content__topic-update .current-topic {
  display: inline-block;
  color: #1c1b22;
  transition: color 0.3s ease-in-out;
}
.flagged-content__topic-update .current-topic.updated {
  color: #005e5e;
}
.flagged-content__topic-update .current-topic.updated::after {
  content: " ✔";
  font-weight: bold;
  margin-left: 4px;
  display: inline-block;
}
.flagged-content__tag-select {
  margin-top: 16px;
}

#content-type-filter-form,
#assignee-filter-form {
  margin-top: 16px;
}

#my-queue-tools {
  margin-top: 48px;
}
#my-queue-tools form {
  margin-bottom: 8px;
}

/*! jQuery UI - v1.12.1 - 2020-02-12
* http://jqueryui.com
* Includes: sortable.css, core.css, accordion.css, autocomplete.css, menu.css, datepicker.css, slider.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-sortable-handle {
  touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(ui-icons_444444_256x240.dc9c2655f8cab58b.png);
}

.ui-widget-header .ui-icon {
  background-image: url(ui-icons_444444_256x240.dc9c2655f8cab58b.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(ui-icons_555555_256x240.b91d8d716ee1d950.png);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(ui-icons_ffffff_256x240.01757c95b221a31a.png);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(ui-icons_777620_256x240.bdc96e5c56263612.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(ui-icons_cc0000_256x240.79e6f0f248cf8315.png);
}

.ui-button .ui-icon {
  background-image: url(ui-icons_777777_256x240.2f5abd39f5a9ebff.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}

.rickshaw_graph .detail {
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  width: 1px;
  transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
}

.rickshaw_graph .detail.inactive {
  opacity: 0;
}

.rickshaw_graph .detail .item.active {
  opacity: 1;
}

.rickshaw_graph .detail .x_label {
  font-family: Arial, sans-serif;
  border-radius: 4px;
  padding: 6px;
  opacity: 0.5;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  position: absolute;
  background: white;
  white-space: nowrap;
}

.rickshaw_graph .detail .item {
  position: absolute;
  z-index: 2;
  border-radius: 4px;
  padding: 0.25em;
  font-size: 12px;
  font-family: Arial, sans-serif;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.4);
  margin-left: 1em;
  margin-top: -1em;
  white-space: nowrap;
}

.rickshaw_graph .detail .item.active {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8);
}

.rickshaw_graph .detail .item:before {
  content: "◂";
  position: absolute;
  left: -0.5em;
  color: rgba(0, 0, 0, 0.7);
  width: 0;
}

.rickshaw_graph .detail .dot {
  width: 4px;
  height: 4px;
  margin-left: -4px;
  margin-top: -3px;
  border-radius: 4px;
  position: absolute;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  background: white;
  border-width: 2px;
  border-style: solid;
  display: none;
  background-clip: padding-box;
}

.rickshaw_graph .detail .dot.active {
  display: block;
}

/* graph */
.rickshaw_graph {
  position: relative;
}

.rickshaw_graph svg {
  display: block;
  overflow: hidden;
}

/* ticks */
.rickshaw_graph .x_tick {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0px;
  border-left: 1px dotted rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.rickshaw_graph .x_tick .title {
  position: absolute;
  font-size: 12px;
  font-family: Arial, sans-serif;
  opacity: 0.5;
  white-space: nowrap;
  margin-left: 3px;
  bottom: 1px;
}

/* annotations */
.rickshaw_annotation_timeline {
  height: 1px;
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
  position: relative;
}

.rickshaw_annotation_timeline .annotation {
  position: absolute;
  height: 6px;
  width: 6px;
  margin-left: -2px;
  top: -3px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.25);
}

.rickshaw_graph .annotation_line {
  position: absolute;
  top: 0;
  bottom: -6px;
  width: 0px;
  border-left: 2px solid rgba(0, 0, 0, 0.3);
  display: none;
}

.rickshaw_graph .annotation_line.active {
  display: block;
}

.rickshaw_graph .annotation_range {
  background: rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  top: 0;
  bottom: -6px;
}

.rickshaw_graph .annotation_range.active {
  display: block;
}

.rickshaw_graph .annotation_range.active.offscreen {
  display: none;
}

.rickshaw_annotation_timeline .annotation .content {
  background: white;
  color: black;
  opacity: 0.9;
  padding: 5px 5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  position: relative;
  z-index: 20;
  font-size: 12px;
  padding: 6px 8px 8px;
  top: 18px;
  left: -11px;
  width: 160px;
  display: none;
  cursor: pointer;
}

.rickshaw_annotation_timeline .annotation .content:before {
  content: "▲";
  position: absolute;
  top: -11px;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
}

.rickshaw_annotation_timeline .annotation.active,
.rickshaw_annotation_timeline .annotation:hover {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: none;
}

.rickshaw_annotation_timeline .annotation .content:hover {
  z-index: 50;
}

.rickshaw_annotation_timeline .annotation.active .content {
  display: block;
}

.rickshaw_annotation_timeline .annotation:hover .content {
  display: block;
  z-index: 50;
}

.rickshaw_graph .y_axis,
.rickshaw_graph .x_axis_d3 {
  fill: none;
}

.rickshaw_graph .y_ticks .tick,
.rickshaw_graph .x_ticks_d3 .tick {
  stroke: rgba(0, 0, 0, 0.16);
  stroke-width: 2px;
  shape-rendering: crisp-edges;
  pointer-events: none;
}

.rickshaw_graph .y_grid .tick,
.rickshaw_graph .x_grid_d3 .tick {
  z-index: -1;
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 1 1;
}

.rickshaw_graph .y_grid path,
.rickshaw_graph .x_grid_d3 path {
  fill: none;
  stroke: none;
}

.rickshaw_graph .y_ticks path,
.rickshaw_graph .x_ticks_d3 path {
  fill: none;
  stroke: #808080;
}

.rickshaw_graph .y_ticks text,
.rickshaw_graph .x_ticks_d3 text {
  opacity: 0.5;
  font-size: 12px;
  pointer-events: none;
}

.rickshaw_graph .x_tick.glow .title,
.rickshaw_graph .y_ticks.glow text {
  fill: black;
  color: black;
  text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.1), 1px -1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.1), 0px -1px 0 rgba(255, 255, 255, 0.1), 1px 0px 0 rgba(255, 255, 255, 0.1), -1px 0px 0 rgba(255, 255, 255, 0.1), -1px -1px 0 rgba(255, 255, 255, 0.1);
}

.rickshaw_graph .x_tick.inverse .title,
.rickshaw_graph .y_ticks.inverse text {
  fill: white;
  color: white;
  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8), 1px -1px 0 rgba(0, 0, 0, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.8), 0px 1px 0 rgba(0, 0, 0, 0.8), 0px -1px 0 rgba(0, 0, 0, 0.8), 1px 0px 0 rgba(0, 0, 0, 0.8), -1px 0px 0 rgba(0, 0, 0, 0.8), -1px -1px 0 rgba(0, 0, 0, 0.8);
}

.rickshaw_legend {
  font-family: Arial;
  font-size: 12px;
  color: white;
  background: #404040;
  display: inline-block;
  padding: 12px 5px;
  border-radius: 2px;
  position: relative;
}

.rickshaw_legend:hover {
  z-index: 10;
}

.rickshaw_legend .swatch {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.rickshaw_legend .line {
  clear: both;
  line-height: 140%;
  padding-right: 15px;
}

.rickshaw_legend .line .swatch {
  display: inline-block;
  margin-right: 3px;
  border-radius: 2px;
}

.rickshaw_legend .label {
  margin: 0;
  white-space: nowrap;
  display: inline;
  font-size: inherit;
  background-color: transparent;
  color: inherit;
  font-weight: normal;
  line-height: normal;
  padding: 0px;
  text-shadow: none;
}

.rickshaw_legend .action:hover {
  opacity: 0.6;
}

.rickshaw_legend .action {
  margin-right: 0.2em;
  font-size: 10px;
  opacity: 0.2;
  cursor: pointer;
  font-size: 14px;
}

.rickshaw_legend .line.disabled {
  opacity: 0.4;
}

.rickshaw_legend ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 2px;
  cursor: pointer;
}

.rickshaw_legend li {
  padding: 0 0 0 2px;
  min-width: 80px;
  white-space: nowrap;
}

.rickshaw_legend li:hover {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
}

.rickshaw_legend li:active {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.rickshaw {
  position: relative;
}

.graph {
  font-size: 10px;
}

#kpi-dash > section {
  margin-bottom: 60px;
}

.multi-y-axis {
  display: inline-block;
  margin-top: 40px;
  position: relative;
  top: -10px;
  vertical-align: top;
  width: 40px;
}

.graph-container {
  box-sizing: border-box;
  display: inline-block;
  margin-top: 40px;
}

.graph-container {
  box-sizing: border-box;
  display: inline-block;
  margin-top: 40px;
  position: relative;
}
.graph-container .graph {
  padding-bottom: 20px;
}
.graph-container .slider {
  position: absolute;
  top: -30px;
  width: 90%;
}

.timeline {
  margin: 10px 0;
}

.slider {
  margin: 10px 0;
}

.controls > div {
  border-radius: 2px;
  background: #444;
  color: #fff;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 12px 5px;
  width: 220px;
}
.controls > div > form label {
  display: inline-block;
  min-width: 80px;
  padding-left: 2px;
  color: #FFF;
}
.controls > div > form input[type=text],
.controls > div > form input[type=date] {
  box-shadow: 0px 0px 0px 1px rgb(239, 239, 239);
  border-radius: 4px;
  width: 110px;
}
.controls > div > form > ul {
  margin: 0;
  padding: 0;
}
.controls > div > form > ul > li {
  list-style: none;
  margin-bottom: 8px;
  color: #484848;
}
.controls > div.legend .line {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.controls > div.legend .line .action {
  opacity: 0.8;
}
.controls > div.legend .line .action:hover {
  opacity: 1;
}
.controls > div.legend .line.disabled {
  opacity: 0.3;
}
.controls > div.legend .line.disabled .action {
  opacity: 0.5;
}

.inline-controls div {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.inline-controls div input, .inline-controls div label {
  margin-right: 5px;
}
.inline-controls .legend ul {
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.5s linear all;
}
.inline-controls .legend ul li {
  cursor: pointer;
  display: inline-block;
}
.inline-controls .legend ul li:not(:last-child) {
  margin-right: 10px;
}
.inline-controls .legend ul li.disabled {
  color: #999;
}
.inline-controls .legend ul li.disabled .color-square {
  border-width: 2px;
}
.inline-controls .legend ul li .color-square {
  border-style: solid;
  border-width: 8px;
  box-sizing: border-box;
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  transform: translate(0, 3px);
  transition: 0.2s linear all;
  width: 16px;
}
.inline-controls .range-presets button {
  font-size: 0.8em;
}
.inline-controls .range-presets button:not(:first-child) {
  margin-left: 5px;
}
.inline-controls .range input {
  width: 100px;
}

.khover {
  border-left: 1px dotted rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 2;
}
.khover.right {
  border-left: none;
  border-right: 1px dotted rgba(0, 0, 0, 0.7);
}
.khover.right .dot {
  left: auto;
  right: -6px;
}
.khover.inactive {
  display: none;
}
.khover ul {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  border: 1px solid black;
  margin: 0 10px;
  padding: 5px;
}
.khover ul li {
  list-style: none;
}
.khover ul li.date {
  font-size: 0.8em;
}
.khover ul li .color {
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 10px;
}
.khover .dot {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  border: 2px solid #000;
  display: inline-block;
  height: 6px;
  left: -6px;
  position: absolute;
  top: -6px;
  width: 6px;
}

.switching-devices.topic-list:not(.switching-devices.topic-list.is-active) {
  display: none;
}

nav.switching-devices.tabs button.tabs--link:focus:not(:focus-visible) {
  box-shadow: none;
}
nav.switching-devices.tabs button.tabs--link:hover {
  cursor: pointer;
}

dialog.reminder-dialog {
  border: 0;
  border-radius: 16px;
  box-shadow: 0px 2px 6px rgba(58, 57, 68, 0.2);
  padding: 0;
}

dialog.reminder-dialog .mzp-c-menu-list-list {
  top: unset;
  left: unset;
  margin-block-start: 8px;
}

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: transparent;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
  background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: transparent;
}

.cm-fat-cursor {
  caret-color: transparent;
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: "";
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 2px;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid silver;
  background: white;
  font-size: 90%;
  font-family: monospace;
  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

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