/*!
################################################################################################
# SEARCH.CSS
# BUILD v2, 2023-05-17
# DOCUMENTATION CENTRAL V 2.0
################################################################################################
!*/


@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15
}

body {
  margin: 0
}

main {
  display: block
}

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

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

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

a {
  background-color: transparent
}

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

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

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

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

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

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

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

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

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

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

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

details {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
  padding: 0
}
/*
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400
}*/

ul {
  list-style: none
}

/*button,     /*******Disabling kasi conflicting with other files - AIZ
input,
select,
textarea {
  margin: 0
}*/
/*
*,
:after,
:before {
  box-sizing: inherit
}*/

img,
video {
  height: auto;
  max-width: 100%
}

iframe {
  border: 0
}

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

td,
th {
  padding: 0
}

td:not([align]),
th:not([align]) {
  text-align: left
}


/********************************
    Sidebar details
*****************************/
.reset{
  float: right;
  margin-top: -35px;
  font-weight: 600;
}

.reset:hover{
  border-color: #0072ed;
  border-width: 1px;
  color: #ffffff;
}

.sort-by {
  margin-right: 20px;
  padding-right: 20px;
}

.sort-by:hover {
  border-color: #0072ed;
  border-width: 1px;
  color: #ffffff;
}


.sort-by:focus {
  font-weight: 600;
}

.sort-by:not(active) {
  font-weight: 600;
  /*opacity: 60%;*/
}

.is-dropdown {
  /*float: right;*/
  margin-bottom: 20px;
}

.sort-by::placeholder {
  color: #2F2F32;
}
.radios .is-vertical .aligned-with-facet label{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  flex-flow: column nowrap;
  justify-content: stretch;

}
.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr
}

.CodeMirror-lines {
  padding: 4px 0
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px
}

.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
  background-color: white
}

.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
}

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0
}

.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-mark {
  background-color: rgba(20, 255, 20, .5)
}

.cm-animate-fat-cursor,
.cm-fat-cursor-mark {
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  background-color: #7e7
}

@-moz-keyframes blink {
  50% {
    background-color: transparent
  }
}

@-webkit-keyframes blink {
  50% {
    background-color: transparent
  }
}

@keyframes blink {
  50% {
    background-color: transparent
  }
}

.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
}

.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: 700
}

.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-type,
.cm-s-default .cm-variable-3 {
  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,
.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-invalidchar,
.cm-s-default .cm-error {
  color: #f00
}

.CodeMirror-composing {
  border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, .3)
}

.CodeMirror-activeline-background {
  background: #e8f2ff
}

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white
}

.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  position: relative
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent
}

.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
  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 ::selection {
  background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  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;
  -webkit-font-variant-ligatures: contextual;
  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: .1px
}

.CodeMirror-rtl pre {
  direction: rtl
}

.CodeMirror-code {
  outline: none
}

.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
  -moz-box-sizing: content-box;
  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
}

.CodeMirror-focused div.CodeMirror-cursors,
div.CodeMirror-dragcursors {
  visibility: visible
}

.CodeMirror-selected {
  background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0
}

.CodeMirror-crosshair {
  cursor: crosshair
}

.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, .4)
}

.cm-force-border {
  padding-right: .1px
}

@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden
  }
}

.cm-tab-wrap-hack:after {
  content: ""
}

span.CodeMirror-selectedtext {
  background: none
}

.CodeMirror-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  z-index: 9
}

.cm-s-neat span.cm-comment {
  color: #a86
}

.cm-s-neat span.cm-keyword {
  line-height: 1em;
  font-weight: 700;
  color: blue
}

.cm-s-neat span.cm-string {
  color: #a22
}

.cm-s-neat span.cm-builtin {
  line-height: 1em;
  font-weight: 700;
  color: #077
}

.cm-s-neat span.cm-special {
  line-height: 1em;
  font-weight: 700;
  color: #0aa
}

.cm-s-neat span.cm-variable {
  color: black
}

.cm-s-neat span.cm-atom,
.cm-s-neat span.cm-number {
  color: #3a3
}

.cm-s-neat span.cm-meta {
  color: #555
}

.cm-s-neat span.cm-link {
  color: #3a3
}

.cm-s-neat .CodeMirror-activeline-background {
  background: #e8f2ff
}

.cm-s-neat .CodeMirror-matchingbracket {
  outline: 1px solid grey;
  color: black !important
}

.autocomplete-suggestion.is-active-descendant,
.autocomplete-suggestion:hover,
.binary-rating-redesign .thumb-rating-update.is-selected.focus-visible,/*
.checkbox-button input[type=checkbox].focus-visible~.checkbox-button-label,
.checkbox-toggle-wrapper input[type=checkbox].focus-visible+label.switch,
.checkbox input[type=checkbox].focus-visible+.checkbox-check,*/
.footerContainer .site-resources .site-resources-inner ul li a.focus-visible,
.has-default-focus .focus-visible,
.has-default-focus .is-focused,
.input.focus-visible,
.input.is-active,
.input.is-focused,
.input:active,
.radio.is-image input.focus-visible~.radio-background,
.radio input.focus-visible+.radio-dot,
.radio input.is-focused+.radio-dot,
.select select.focus-visible,
.select select.is-active,
.select select.is-focused,
.select select:active,
.star-rating-control input.focus-visible+label,
.textarea.focus-visible,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.tree-item:not(.is-leaf).focus-visible>.tree-expander {
  outline-color: inherit;
  outline-offset: .125rem;
  outline-style: dashed;
  outline-width: .125rem
}

.box:not(:last-child),
.level:not(:last-child),
.progress:not(:last-child),
.subtitle:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child) {
  margin-bottom: 1.5rem
}

.button-reset,
.link-button,
.modal-card-foot.is-sticky,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  outline-color: inherit
}

.button-reset:not(.focus-visible),
.button-reset:not(:hover),
.link-button:not(.focus-visible),
.link-button:not(:hover),
.modal-card-foot.is-sticky:not(.focus-visible),
.modal-card-foot.is-sticky:not(:hover),
.pagination-ellipsis:not(.focus-visible),
.pagination-ellipsis:not(:hover),
.pagination-link:not(.focus-visible),
.pagination-link:not(:hover),
.pagination-next:not(.focus-visible),
.pagination-next:not(:hover),
.pagination-previous:not(.focus-visible),
.pagination-previous:not(:hover) {
  background-color: transparent
}

.select:not(.is-multiple):not(.is-loading):after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: .625em;
  margin-top: -.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: .625em
}

.alert.is-loading:after,
.button.is-loading:after,
.control.is-loading:after,
.loader:after,
.select.is-loading:after {
  -webkit-animation: spinAround .5s linear infinite;
  animation: spinAround .5s linear infinite;
  border: 2px solid #e6e6e6;
  border: 2px solid var(--theme-border);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em
}

.button,
.delete,
.file,
.modal-card-close-button,
.modal-close-button,
.nav-bar-button,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.tabs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.card .card-header .card-header-image img,
.card .card-header .card-header-image svg,
.image.is-1by1 img,
.image.is-1by2 img,
.image.is-1by3 img,
.image.is-2by1 img,
.image.is-2by3 img,
.image.is-3by1 img,
.image.is-3by2 img,
.image.is-3by4 img,
.image.is-3by5 img,
.image.is-4by3 img,
.image.is-4by5 img,
.image.is-5by3 img,
.image.is-5by4 img,
.image.is-9by16 img,
.image.is-16by9 img,
.image.is-square img,
.media-card .media-card-image img,
.media-card .media-card-image svg,
.modal,
.modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.delete,
.modal-card-close-button,
.modal-close-button {
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px
}

.delete:after,
.delete:before,
.modal-card-close-button:after,
.modal-card-close-button:before,
.modal-close-button:after,
.modal-close-button:before {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
  border: 1px solid transparent
}

.delete:before,
.modal-card-close-button:before,
.modal-close-button:before {
  width: 50%
}

.delete:after,
.modal-card-close-button:after,
.modal-close-button:after {
  height: 50%
}

.delete:hover:after,
.delete:hover:before,
.focus-visible.delete:after,
.focus-visible.delete:before,
.focus-visible.modal-card-close-button:after,
.focus-visible.modal-card-close-button:before,
.focus-visible.modal-close-button:after,
.focus-visible.modal-close-button:before,
.modal-card-close-button:hover:after,
.modal-card-close-button:hover:before,
.modal-close-button:hover:after,
.modal-close-button:hover:before {
  border-color: currentColor
}

.delete:active:after,
.delete:active:before,
.modal-card-close-button:active:after,
.modal-card-close-button:active:before,
.modal-close-button:active:after,
.modal-close-button:active:before {
  border-color: #505050;
  border-color: var(--theme-text-subtle)
}

.is-small.delete,
.is-small.modal-card-close-button,
.is-small.modal-close-button {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px
}

.is-medium.delete,
.is-medium.modal-card-close-button,
.is-medium.modal-close-button {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px
}

.is-large.delete,
.is-large.modal-card-close-button,
.is-large.modal-close-button {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px
}

.card .card-content .card-content-title,
.card .card-content p.card-content-description,
.is-truncated {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.content a:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):not([class]):after,
.content a[class=""]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
.content a[class=focus-visible]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
[href*="//"].button.has-external-link-indicator:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
[href*="//"].nav-bar-button.has-external-link-indicator:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
a.has-external-link-indicator:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath d='M1792 256v640h-128V475l-851 850-90-90 850-851h-421V256h640zm-512 1007h128v529H256V640h529v128H384v896h896v-401z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath d='M1792 256v640h-128V475l-851 850-90-90 850-851h-421V256h640zm-512 1007h128v529H256V640h529v128H384v896h896v-401z'/%3E%3C/svg%3E");
  background-color: currentColor !important;
  content: "";
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center
}

.content html.obsolete-browser a:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):not([class]):after,
.content html.obsolete-browser a[class=""]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
.content html.obsolete-browser a[class=focus-visible]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
html.obsolete-browser .content a:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):not([class]):after,
html.obsolete-browser .content a[class=""]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
html.obsolete-browser .content a[class=focus-visible]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
html.obsolete-browser [href*="//"].button.has-external-link-indicator:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
html.obsolete-browser [href*="//"].nav-bar-button.has-external-link-indicator:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
html.obsolete-browser a.has-external-link-indicator:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after {
  display: none
}

.content a:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):not([class]):after,
.content a[class=""]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
.content a[class=focus-visible]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
a.has-external-link-indicator:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after {
  padding: 0 .4375em;
  margin: 0 .125rem;
  -webkit-clip-path: padding-box inset(.28125em 0);
  clip-path: padding-box inset(.28125em 0)
}

@supports (-webkit-touch-callout:none) {

  .content a:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):not([class]):after,
  .content a[class=""]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
  .content a[class=focus-visible]:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
  a.has-external-link-indicator:not(.button):not(.nav-bar-button)[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after {
    -webkit-clip-path: border-box inset(.4em 0) !important;
    clip-path: border-box inset(.4em 0) !important
  }
}

[href*="//"].button.has-external-link-indicator:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after,
[href*="//"].nav-bar-button.has-external-link-indicator:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after {
  width: 1em;
  height: 1em;
  margin-left: .25em
}

html.show-deprecation-warning .has-border,
html.show-deprecation-warning .has-border-bottom,
html.show-deprecation-warning .has-border-bottom-none,
html.show-deprecation-warning .has-border-danger,
html.show-deprecation-warning .has-border-high-contrast,
html.show-deprecation-warning .has-border-high-contrast-hover:hover,
html.show-deprecation-warning .has-border-info,
html.show-deprecation-warning .has-border-left,
html.show-deprecation-warning .has-border-left-large-danger,
html.show-deprecation-warning .has-border-left-large-info,
html.show-deprecation-warning .has-border-left-large-primary,
html.show-deprecation-warning .has-border-left-large-secondary,
html.show-deprecation-warning .has-border-left-large-success,
html.show-deprecation-warning .has-border-left-large-tertiary,
html.show-deprecation-warning .has-border-left-large-warning,
html.show-deprecation-warning .has-border-mobile,
html.show-deprecation-warning .has-border-none,
html.show-deprecation-warning .has-border-primary,
html.show-deprecation-warning .has-border-radius,
html.show-deprecation-warning .has-border-radius-large,
html.show-deprecation-warning .has-border-right,
html.show-deprecation-warning .has-border-right-tablet,
html.show-deprecation-warning .has-border-secondary,
html.show-deprecation-warning .has-border-success,
html.show-deprecation-warning .has-border-tertiary,
html.show-deprecation-warning .has-border-top,
html.show-deprecation-warning .has-border-top-mobile,
html.show-deprecation-warning .has-border-warning,
html.show-deprecation-warning .has-bottom-zero,
html.show-deprecation-warning .has-content-left-zero,
html.show-deprecation-warning .has-flex-align-items-center,
html.show-deprecation-warning .has-flex-align-self-center,
html.show-deprecation-warning .has-flex-align-self-end,
html.show-deprecation-warning .has-flex-grow,
html.show-deprecation-warning .has-flex-justify-content-center,
html.show-deprecation-warning .has-flex-justify-content-end,
html.show-deprecation-warning .has-flex-justify-content-space-between,
html.show-deprecation-warning .has-flex-justify-content-start,
html.show-deprecation-warning .has-flex-shrink,
html.show-deprecation-warning .has-flex-wrap,
html.show-deprecation-warning .has-left-zero,
html.show-deprecation-warning .has-letter-spacing-wide,
html.show-deprecation-warning .has-margin-bottom-medium,
html.show-deprecation-warning .has-margin-bottom-medium-desktop,
html.show-deprecation-warning .has-margin-bottom-medium-mobile,
html.show-deprecation-warning .has-margin-bottom-medium-tablet,
html.show-deprecation-warning .has-margin-left-medium,
html.show-deprecation-warning .has-margin-left-medium-desktop,
html.show-deprecation-warning .has-margin-left-medium-mobile,
html.show-deprecation-warning .has-margin-left-medium-tablet,
html.show-deprecation-warning .has-margin-none,
html.show-deprecation-warning .has-margin-none-desktop,
html.show-deprecation-warning .has-margin-none-mobile,
html.show-deprecation-warning .has-margin-none-tablet,
html.show-deprecation-warning .has-margin-right-medium,
html.show-deprecation-warning .has-margin-right-medium-desktop,
html.show-deprecation-warning .has-margin-right-medium-mobile,
html.show-deprecation-warning .has-margin-right-medium-tablet,
html.show-deprecation-warning .has-margin-top-medium,
html.show-deprecation-warning .has-margin-top-medium-desktop,
html.show-deprecation-warning .has-margin-top-medium-mobile,
html.show-deprecation-warning .has-margin-top-medium-tablet,
html.show-deprecation-warning .has-padding-medium,
html.show-deprecation-warning .has-padding-medium-desktop,
html.show-deprecation-warning .has-padding-medium-mobile,
html.show-deprecation-warning .has-padding-medium-tablet,
html.show-deprecation-warning .has-right-zero,
html.show-deprecation-warning .has-right-zero-mobile,
html.show-deprecation-warning .has-text-weight-bold,
html.show-deprecation-warning .has-text-weight-normal,
html.show-deprecation-warning .has-text-weight-semibold,
html.show-deprecation-warning .has-top-zero,
html.show-deprecation-warning .has-top-zero-mobile,
html.show-deprecation-warning .is-absolute,
html.show-deprecation-warning .is-absolute-mobile,
html.show-deprecation-warning .is-fixed,
html.show-deprecation-warning .is-flex-column,
html.show-deprecation-warning .is-italic,
html.show-deprecation-warning .is-monospace,
html.show-deprecation-warning .is-relative,
html.show-deprecation-warning .is-relative-mobile,
html.show-deprecation-warning .is-relative-tablet,
html.show-deprecation-warning .is-size-body,
html.show-deprecation-warning .is-size-extra-small,
html.show-deprecation-warning .is-size-h2,
html.show-deprecation-warning .is-size-h3,
html.show-deprecation-warning .is-size-h4,
html.show-deprecation-warning .is-size-h5,
html.show-deprecation-warning .is-size-h6,
html.show-deprecation-warning .is-size-jumbo,
html.show-deprecation-warning .is-size-large,
html.show-deprecation-warning .is-size-small,
html.show-deprecation-warning .is-undecorated,
html.show-deprecation-warning .is-underlined,
html.show-deprecation-warning .is-vertically-aligned-bottom,
html.show-deprecation-warning .progress.has-border-white-high-contrast {
  outline: 4px solid red
}

.button,
.checkbox-button,
.file-cta,
.file-name,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select select,
.textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 43px;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(.375em - 1px);
  padding-left: calc(.625em - 1px);
  padding-right: calc(.625em - 1px);
  padding-top: calc(.375em - 1px);
  position: relative;
  vertical-align: top
}

.button-first,
.button-last {
  height: 30px;
}

.current-page-input {
  text-align: center; 
  color: #0072ed; 
  font-weight: 650;
}

.select select[disabled],
[disabled].button,
[disabled].checkbox-button,
[disabled].file-cta,
[disabled].file-name,
[disabled].input,
[disabled].pagination-ellipsis,
[disabled].pagination-link,
[disabled].pagination-next,
[disabled].pagination-previous,
[disabled].textarea {
  cursor: not-allowed
}

body,
html {
  /*font-family: Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif;*/
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  text-rendering: optimizeLegibility
}

kbd,
pre,
samp {
  /*font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;*/
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto
}

code {
  direction: ltr;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

a>code {
  font-family: Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.js-focus-visible .has-default-focus :focus:not(.focus-visible) {
  outline: none
}

.focus-visible.has-inner-focus {
  outline-offset: -.125rem
}

.has-default-focus .focus-visible.has-inner-focus,
.has-default-focus .is-focused.has-inner-focus {
  outline-color: currentColor;
  outline-offset: -.125rem
}

.border {
  border: 1px solid #e6e6e6 !important;
  border: 1px solid var(--theme-border) !important
}

.border-none {
  border: none !important
}

.border-top {
  border-top: 1px solid #e6e6e6 !important;
  border-top: 1px solid var(--theme-border) !important
}

.border-top-none {
  border-top: 0 !important
}

.border-right {
  border-right: 1px solid #e6e6e6 !important;
  border-right: 1px solid var(--theme-border) !important
}

.border-right-none {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: 1px solid #e6e6e6 !important;
  border-bottom: 1px solid var(--theme-border) !important
}

.border-bottom-none {
  border-bottom: 0 !important
}

.border-left {
  border-left: 1px solid #e6e6e6 !important;
  border-left: 1px solid var(--theme-border) !important
}

.border-left-none {
  border-left: 0 !important
}

@media print,
screen and (min-width:768px) {
  .border-tablet {
    border: 1px solid #e6e6e6 !important;
    border: 1px solid var(--theme-border) !important
  }

  .border-none-tablet {
    border: none !important
  }

  .border-top-tablet {
    border-top: 1px solid #e6e6e6 !important;
    border-top: 1px solid var(--theme-border) !important
  }

  .border-top-none-tablet {
    border-top: 0 !important
  }

  .border-right-tablet {
    border-right: 1px solid #e6e6e6 !important;
    border-right: 1px solid var(--theme-border) !important
  }

  .border-right-none-tablet {
    border-right: 0 !important
  }

  .border-bottom-tablet {
    border-bottom: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid var(--theme-border) !important
  }

  .border-bottom-none-tablet {
    border-bottom: 0 !important
  }

  .border-left-tablet {
    border-left: 1px solid #e6e6e6 !important;
    border-left: 1px solid var(--theme-border) !important
  }

  .border-left-none-tablet {
    border-left: 0 !important
  }
}

.border-high-contrast {
  border: 1px solid #ffffff !important;
  border: 1px solid var(--theme-border-white-high-contrast) !important
}

.border-high-contrast-hover:hover {
  border: 1px solid #000000 !important;
  border: 1px solid var(--theme-border-yellow-high-contrast) !important
}

.border-radius {
  border-radius: .25rem !important
}

.border-radius-l {
  border-radius: .5rem !important
}

.display-block {
  display: block !important
}

.display-flex {
  display: flex !important
}

.display-inline {
  display: inline !important
}

.display-inline-block {
  display: inline-block !important
}

.display-inline-flex {
  display: inline-flex !important
}

.display-grid {
  display: grid !important
}

.display-none {
  display: none !important
}

@media print,
screen and (min-width:768px) {
  .display-block-tablet {
    display: block !important
  }

  .display-flex-tablet {
    display: flex !important
  }

  .display-inline-tablet {
    display: inline !important
  }

  .display-inline-block-tablet {
    display: inline-block !important
  }

  .display-inline-flex-tablet {
    display: inline-flex !important
  }

  .display-grid-tablet {
    display: grid !important
  }

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

@media screen and (min-width:1088px) {
  .display-block-desktop {
    display: block !important
  }

  .display-flex-desktop {
    display: flex !important
  }

  .display-inline-desktop {
    display: inline !important
  }

  .display-inline-block-desktop {
    display: inline-block !important
  }

  .display-inline-flex-desktop {
    display: inline-flex !important
  }

  .display-grid-desktop {
    display: grid !important
  }

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

@media screen and (min-width:1280px) {
  .display-block-widescreen {
    display: block !important
  }

  .display-flex-widescreen {
    display: flex !important
  }

  .display-inline-widescreen {
    display: inline !important
  }

  .display-inline-block-widescreen {
    display: inline-block !important
  }

  .display-inline-flex-widescreen {
    display: inline-flex !important
  }

  .display-grid-widescreen {
    display: grid !important
  }

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

.justify-content-flex-start {
  justify-content: flex-start !important
}

.justify-content-flex-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-space-around {
  justify-content: space-around !important
}

.justify-content-space-between {
  justify-content: space-between !important
}

.justify-content-space-evenly {
  justify-content: space-evenly !important
}

.align-items-flex-start {
  align-items: flex-start !important
}

.align-items-flex-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-flex-start {
  align-content: flex-start !important
}

.align-content-flex-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-space-around {
  align-content: space-around !important
}

.align-content-space-between {
  align-content: space-between !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-flex-start {
  align-self: flex-start !important
}

.align-self-flex-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.flex-direction-column {
  flex-direction: column !important
}

.flex-direction-column-reverse {
  flex-direction: column-reverse !important
}

.flex-direction-row-reverse {
  flex-direction: row-reverse !important
}

.flex-wrap-wrap {
  flex-wrap: wrap !important
}

.flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

@media print,
screen and (min-width:768px) {
  .justify-content-flex-start-tablet {
    justify-content: flex-start !important
  }

  .justify-content-flex-end-tablet {
    justify-content: flex-end !important
  }

  .justify-content-center-tablet {
    justify-content: center !important
  }

  .justify-content-space-around-tablet {
    justify-content: space-around !important
  }

  .justify-content-space-between-tablet {
    justify-content: space-between !important
  }

  .justify-content-space-evenly-tablet {
    justify-content: space-evenly !important
  }

  .align-items-flex-start-tablet {
    align-items: flex-start !important
  }

  .align-items-flex-end-tablet {
    align-items: flex-end !important
  }

  .align-items-center-tablet {
    align-items: center !important
  }

  .align-items-baseline-tablet {
    align-items: baseline !important
  }

  .align-items-stretch-tablet {
    align-items: stretch !important
  }

  .align-content-flex-start-tablet {
    align-content: flex-start !important
  }

  .align-content-flex-end-tablet {
    align-content: flex-end !important
  }

  .align-content-center-tablet {
    align-content: center !important
  }

  .align-content-space-around-tablet {
    align-content: space-around !important
  }

  .align-content-space-between-tablet {
    align-content: space-between !important
  }

  .align-content-stretch-tablet {
    align-content: stretch !important
  }

  .align-self-flex-start-tablet {
    align-self: flex-start !important
  }

  .align-self-flex-end-tablet {
    align-self: flex-end !important
  }

  .align-self-center-tablet {
    align-self: center !important
  }

  .align-self-baseline-tablet {
    align-self: baseline !important
  }

  .align-self-stretch-tablet {
    align-self: stretch !important
  }

  .flex-direction-column-tablet {
    flex-direction: column !important
  }

  .flex-direction-column-reverse-tablet {
    flex-direction: column-reverse !important
  }

  .flex-direction-row-reverse-tablet {
    flex-direction: row-reverse !important
  }

  .flex-wrap-wrap-tablet {
    flex-wrap: wrap !important
  }

  .flex-wrap-wrap-reverse-tablet {
    flex-wrap: wrap-reverse !important
  }

  .flex-shrink-0-tablet {
    flex-shrink: 0 !important
  }

  .flex-shrink-1-tablet {
    flex-shrink: 1 !important
  }

  .flex-grow-0-tablet {
    flex-grow: 0 !important
  }

  .flex-grow-1-tablet {
    flex-grow: 1 !important
  }
}

.position-fixed {
  position: fixed !important
}

.position-absolute {
  position: absolute !important
}

.position-relative {
  position: relative !important
}

@media print,
screen and (min-width:768px) {
  .position-fixed-tablet {
    position: fixed !important
  }

  .position-absolute-tablet {
    position: absolute !important
  }

  .position-relative-tablet {
    position: relative !important
  }
}

.top-0 {
  top: 0
}

.right-0 {
  right: 0
}

.bottom-0 {
  bottom: 0
}

.left-0 {
  left: 0
}

.box-shadow-none {
  box-shadow: none !important
}

.box-shadow-light {
  box-shadow: 0 1.6px 3.6px 0 #000000, 0 .3px .9px 0 #000000 !important;
  box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light) !important
}

.box-shadow-medium {
  box-shadow: 0 3.2px 7.2px 0 #000000, 0 .6px 1.8px 0 #000000 !important;
  box-shadow: 0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 .6px 1.8px 0 var(--theme-box-shadow-light) !important
}

.box-shadow-heavy {
  box-shadow: 0 6.4px 14.4px 0 #000000, 0 1.2px 3.6px 0 #000000 !important;
  box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light) !important
}

.box-shadow-extra-heavy {
  box-shadow: 0 25.6px 57.6px 0 #000000, 0 4.8px 14.4px 0 #000000 !important;
  box-shadow: 0 25.6px 57.6px 0 var(--theme-box-shadow-extra-heavy), 0 4.8px 14.4px 0 var(--theme-box-shadow-heavy) !important
}

.margin-xxs {
  margin: .5rem !important
}

.margin-xs {
  margin: 1rem !important
}

.margin-s {
  margin: 1.5rem !important
}

.margin-m {
  margin: 2rem !important
}

.margin-l {
  margin: 3rem !important
}

.margin-xl {
  margin: 4rem !important
}

.margin-xxl {
  margin: 6rem !important
}

.margin-xxxl {
  margin: 8rem !important
}

.margin-none {
  margin: 0 !important
}

.margin-inline-xxs {
  margin-inline: .5rem !important
}

.margin-inline-xs {
  margin-inline: 1rem !important
}

.margin-inline-s {
  margin-inline: 1.5rem !important
}

.margin-inline-m {
  margin-inline: 2rem !important
}

.margin-inline-l {
  margin-inline: 3rem !important
}

.margin-inline-xl {
  margin-inline: 4rem !important
}

.margin-inline-xxl {
  margin-inline: 6rem !important
}

.margin-inline-xxxl {
  margin-inline: 8rem !important
}

.margin-inline-none {
  margin-inline: 0 !important
}

.margin-block-xxs {
  margin-block: .5rem !important
}

.margin-block-xs {
  margin-block: 1rem !important
}

.margin-block-s {
  margin-block: 1.5rem !important
}

.margin-block-m {
  margin-block: 2rem !important
}

.margin-block-l {
  margin-block: 3rem !important
}

.margin-block-xl {
  margin-block: 4rem !important
}

.margin-block-xxl {
  margin-block: 6rem !important
}

.margin-block-xxxl {
  margin-block: 8rem !important
}

.margin-block-none {
  margin-block: 0 !important
}

.margin-top-xxs {
  margin-top: .5rem !important
}

.margin-top-xs {
  margin-top: 1rem !important
}

.margin-top-s {
  margin-top: 1.5rem !important
}

.margin-top-m {
  margin-top: 2rem !important
}

.margin-top-l {
  margin-top: 3rem !important
}

.margin-top-xl {
  margin-top: 4rem !important
}

.margin-top-xxl {
  margin-top: 6rem !important
}

.margin-top-xxxl {
  margin-top: 8rem !important
}

.margin-top-none {
  margin-top: 0 !important
}

.margin-bottom-xxs {
  margin-bottom: .5rem !important
}

.margin-bottom-xs {
  margin-bottom: 1rem !important
}

.margin-bottom-s {
  margin-bottom: 1.5rem !important
}

.margin-bottom-m {
  margin-bottom: 2rem !important
}

.margin-bottom-l {
  margin-bottom: 3rem !important
}

.margin-bottom-xl {
  margin-bottom: 4rem !important
}

.margin-bottom-xxl {
  margin-bottom: 6rem !important
}

.margin-bottom-xxxl {
  margin-bottom: 8rem !important
}

.margin-bottom-none {
  margin-bottom: 0 !important
}

.margin-left-xxs {
  margin-left: .5rem !important
}

.margin-left-xs {
  margin-left: 1rem !important
}

.margin-left-s {
  margin-left: 1.5rem !important
}

.margin-left-m {
  margin-left: 2rem !important
}

.margin-left-l {
  margin-left: 3rem !important
}

.margin-left-xl {
  margin-left: 4rem !important
}

.margin-left-xxl {
  margin-left: 6rem !important
}

.margin-left-xxxl {
  margin-left: 8rem !important
}

.margin-left-none {
  margin-left: 0 !important
}

.margin-right-xxs {
  margin-right: .5rem !important
}

.margin-right-xs {
  margin-right: 1rem !important
}

.margin-right-s {
  margin-right: 1.5rem !important
}

.margin-right-m {
  margin-right: 2rem !important
}

.margin-right-l {
  margin-right: 3rem !important
}

.margin-right-xl {
  margin-right: 4rem !important
}

.margin-right-xxl {
  margin-right: 6rem !important
}

.margin-right-xxxl {
  margin-right: 8rem !important
}

.margin-right-none {
  margin-right: 0 !important
}

.padding-xxs {
  padding: .5rem !important
}

.padding-xs {
  padding: 1rem !important
}

.padding-s {
  padding: 1.5rem !important
}

.padding-m {
  padding: 2rem !important
}

.padding-l {
  padding: 3rem !important
}

.padding-xl {
  padding: 4rem !important
}

.padding-xxl {
  padding: 6rem !important
}

.padding-xxxl {
  padding: 8rem !important
}

.padding-none {
  padding: 0 !important
}

.padding-inline-xxs {
  padding-inline: .5rem !important
}

.padding-inline-xs {
  padding-inline: 1rem !important
}

.padding-inline-s {
  padding-inline: 1.5rem !important
}

.padding-inline-m {
  padding-inline: 2rem !important
}

.padding-inline-l {
  padding-inline: 3rem !important
}

.padding-inline-xl {
  padding-inline: 4rem !important
}

.padding-inline-xxl {
  padding-inline: 6rem !important
}

.padding-inline-xxxl {
  padding-inline: 8rem !important
}

.padding-inline-none {
  padding-inline: 0 !important
}

.padding-block-xxs {
  padding-block: .5rem !important
}

.padding-block-xs {
  padding-block: 1rem !important
}

.padding-block-s {
  padding-block: 1.5rem !important
}

.padding-block-m {
  padding-block: 2rem !important
}

.padding-block-l {
  padding-block: 3rem !important
}

.padding-block-xl {
  padding-block: 4rem !important
}

.padding-block-xxl {
  padding-block: 6rem !important
}

.padding-block-xxxl {
  padding-block: 8rem !important
}

.padding-block-none {
  padding-block: 0 !important
}

.padding-top-xxs {
  padding-top: .5rem !important
}

.padding-top-xs {
  padding-top: 1rem !important
}

.padding-top-s {
  padding-top: 1.5rem !important
}

.padding-top-m {
  padding-top: 2rem !important
}

.padding-top-l {
  padding-top: 3rem !important
}

.padding-top-xl {
  padding-top: 4rem !important
}

.padding-top-xxl {
  padding-top: 6rem !important
}

.padding-top-xxxl {
  padding-top: 8rem !important
}

.padding-top-none {
  padding-top: 0 !important
}

.padding-bottom-xxs {
  padding-bottom: .5rem !important
}

.padding-bottom-xs {
  padding-bottom: 1rem !important
}

.padding-bottom-s {
  padding-bottom: 1.5rem !important
}

.padding-bottom-m {
  padding-bottom: 2rem !important
}

.padding-bottom-l {
  padding-bottom: 3rem !important
}

.padding-bottom-xl {
  padding-bottom: 4rem !important
}

.padding-bottom-xxl {
  padding-bottom: 6rem !important
}

.padding-bottom-xxxl {
  padding-bottom: 8rem !important
}

.padding-bottom-none {
  padding-bottom: 0 !important
}

.padding-left-xxs {
  padding-left: .5rem !important
}

.padding-left-xs {
  padding-left: 1rem !important
}

.padding-left-s {
  padding-left: 1.5rem !important
}

.padding-left-m {
  padding-left: 2rem !important
}

.padding-left-l {
  padding-left: 3rem !important
}

.padding-left-xl {
  padding-left: 4rem !important
}

.padding-left-xxl {
  padding-left: 6rem !important
}

.padding-left-xxxl {
  padding-left: 8rem !important
}

.padding-left-none {
  padding-left: 0 !important
}

.padding-right-xxs {
  padding-right: .5rem !important
}

.padding-right-xs {
  padding-right: 1rem !important
}

.padding-right-s {
  padding-right: 1.5rem !important
}

.padding-right-m {
  padding-right: 2rem !important
}

.padding-right-l {
  padding-right: 3rem !important
}

.padding-right-xl {
  padding-right: 4rem !important
}

.padding-right-xxl {
  padding-right: 6rem !important
}

.padding-right-xxxl {
  padding-right: 8rem !important
}

.padding-right-none {
  padding-right: 0 !important
}

@media print,
screen and (min-width:768px) {
  .margin-xxs-tablet {
    margin: .5rem !important
  }

  .margin-xs-tablet {
    margin: 1rem !important
  }

  .margin-s-tablet {
    margin: 1.5rem !important
  }

  .margin-m-tablet {
    margin: 2rem !important
  }

  .margin-l-tablet {
    margin: 3rem !important
  }

  .margin-xl-tablet {
    margin: 4rem !important
  }

  .margin-xxl-tablet {
    margin: 6rem !important
  }

  .margin-xxxl-tablet {
    margin: 8rem !important
  }

  .margin-none-tablet {
    margin: 0 !important
  }

  .margin-inline-xxs-tablet {
    margin-inline: .5rem !important
  }

  .margin-inline-xs-tablet {
    margin-inline: 1rem !important
  }

  .margin-inline-s-tablet {
    margin-inline: 1.5rem !important
  }

  .margin-inline-m-tablet {
    margin-inline: 2rem !important
  }

  .margin-inline-l-tablet {
    margin-inline: 3rem !important
  }

  .margin-inline-xl-tablet {
    margin-inline: 4rem !important
  }

  .margin-inline-xxl-tablet {
    margin-inline: 6rem !important
  }

  .margin-inline-xxxl-tablet {
    margin-inline: 8rem !important
  }

  .margin-inline-none-tablet {
    margin-inline: 0 !important
  }

  .margin-block-xxs-tablet {
    margin-block: .5rem !important
  }

  .margin-block-xs-tablet {
    margin-block: 1rem !important
  }

  .margin-block-s-tablet {
    margin-block: 1.5rem !important
  }

  .margin-block-m-tablet {
    margin-block: 2rem !important
  }

  .margin-block-l-tablet {
    margin-block: 3rem !important
  }

  .margin-block-xl-tablet {
    margin-block: 4rem !important
  }

  .margin-block-xxl-tablet {
    margin-block: 6rem !important
  }

  .margin-block-xxxl-tablet {
    margin-block: 8rem !important
  }

  .margin-block-none-tablet {
    margin-block: 0 !important
  }

  .margin-top-xxs-tablet {
    margin-top: .5rem !important
  }

  .margin-top-xs-tablet {
    margin-top: 1rem !important
  }

  .margin-top-s-tablet {
    margin-top: 1.5rem !important
  }

  .margin-top-m-tablet {
    margin-top: 2rem !important
  }

  .margin-top-l-tablet {
    margin-top: 3rem !important
  }

  .margin-top-xl-tablet {
    margin-top: 4rem !important
  }

  .margin-top-xxl-tablet {
    margin-top: 6rem !important
  }

  .margin-top-xxxl-tablet {
    margin-top: 8rem !important
  }

  .margin-top-none-tablet {
    margin-top: 0 !important
  }

  .margin-bottom-xxs-tablet {
    margin-bottom: .5rem !important
  }

  .margin-bottom-xs-tablet {
    margin-bottom: 1rem !important
  }

  .margin-bottom-s-tablet {
    margin-bottom: 1.5rem !important
  }

  .margin-bottom-m-tablet {
    margin-bottom: 2rem !important
  }

  .margin-bottom-l-tablet {
    margin-bottom: 3rem !important
  }

  .margin-bottom-xl-tablet {
    margin-bottom: 4rem !important
  }

  .margin-bottom-xxl-tablet {
    margin-bottom: 6rem !important
  }

  .margin-bottom-xxxl-tablet {
    margin-bottom: 8rem !important
  }

  .margin-bottom-none-tablet {
    margin-bottom: 0 !important
  }

  .margin-left-xxs-tablet {
    margin-left: .5rem !important
  }

  .margin-left-xs-tablet {
    margin-left: 1rem !important
  }

  .margin-left-s-tablet {
    margin-left: 1.5rem !important
  }

  .margin-left-m-tablet {
    margin-left: 2rem !important
  }

  .margin-left-l-tablet {
    margin-left: 3rem !important
  }

  .margin-left-xl-tablet {
    margin-left: 4rem !important
  }

  .margin-left-xxl-tablet {
    margin-left: 6rem !important
  }

  .margin-left-xxxl-tablet {
    margin-left: 8rem !important
  }

  .margin-left-none-tablet {
    margin-left: 0 !important
  }

  .margin-right-xxs-tablet {
    margin-right: .5rem !important
  }

  .margin-right-xs-tablet {
    margin-right: 1rem !important
  }

  .margin-right-s-tablet {
    margin-right: 1.5rem !important
  }

  .margin-right-m-tablet {
    margin-right: 2rem !important
  }

  .margin-right-l-tablet {
    margin-right: 3rem !important
  }

  .margin-right-xl-tablet {
    margin-right: 4rem !important
  }

  .margin-right-xxl-tablet {
    margin-right: 6rem !important
  }

  .margin-right-xxxl-tablet {
    margin-right: 8rem !important
  }

  .margin-right-none-tablet {
    margin-right: 0 !important
  }

  .padding-xxs-tablet {
    padding: .5rem !important
  }

  .padding-xs-tablet {
    padding: 1rem !important
  }

  .padding-s-tablet {
    padding: 1.5rem !important
  }

  .padding-m-tablet {
    padding: 2rem !important
  }

  .padding-l-tablet {
    padding: 3rem !important
  }

  .padding-xl-tablet {
    padding: 4rem !important
  }

  .padding-xxl-tablet {
    padding: 6rem !important
  }

  .padding-xxxl-tablet {
    padding: 8rem !important
  }

  .padding-none-tablet {
    padding: 0 !important
  }

  .padding-inline-xxs-tablet {
    padding-inline: .5rem !important
  }

  .padding-inline-xs-tablet {
    padding-inline: 1rem !important
  }

  .padding-inline-s-tablet {
    padding-inline: 1.5rem !important
  }

  .padding-inline-m-tablet {
    padding-inline: 2rem !important
  }

  .padding-inline-l-tablet {
    padding-inline: 3rem !important
  }

  .padding-inline-xl-tablet {
    padding-inline: 4rem !important
  }

  .padding-inline-xxl-tablet {
    padding-inline: 6rem !important
  }

  .padding-inline-xxxl-tablet {
    padding-inline: 8rem !important
  }

  .padding-inline-none-tablet {
    padding-inline: 0 !important
  }

  .padding-block-xxs-tablet {
    padding-block: .5rem !important
  }

  .padding-block-xs-tablet {
    padding-block: 1rem !important
  }

  .padding-block-s-tablet {
    padding-block: 1.5rem !important
  }

  .padding-block-m-tablet {
    padding-block: 2rem !important
  }

  .padding-block-l-tablet {
    padding-block: 3rem !important
  }

  .padding-block-xl-tablet {
    padding-block: 4rem !important
  }

  .padding-block-xxl-tablet {
    padding-block: 6rem !important
  }

  .padding-block-xxxl-tablet {
    padding-block: 8rem !important
  }

  .padding-block-none-tablet {
    padding-block: 0 !important
  }

  .padding-top-xxs-tablet {
    padding-top: .5rem !important
  }

  .padding-top-xs-tablet {
    padding-top: 1rem !important
  }

  .padding-top-s-tablet {
    padding-top: 1.5rem !important
  }

  .padding-top-m-tablet {
    padding-top: 2rem !important
  }

  .padding-top-l-tablet {
    padding-top: 3rem !important
  }

  .padding-top-xl-tablet {
    padding-top: 4rem !important
  }

  .padding-top-xxl-tablet {
    padding-top: 6rem !important
  }

  .padding-top-xxxl-tablet {
    padding-top: 8rem !important
  }

  .padding-top-none-tablet {
    padding-top: 0 !important
  }

  .padding-bottom-xxs-tablet {
    padding-bottom: .5rem !important
  }

  .padding-bottom-xs-tablet {
    padding-bottom: 1rem !important
  }

  .padding-bottom-s-tablet {
    padding-bottom: 1.5rem !important
  }

  .padding-bottom-m-tablet {
    padding-bottom: 2rem !important
  }

  .padding-bottom-l-tablet {
    padding-bottom: 3rem !important
  }

  .padding-bottom-xl-tablet {
    padding-bottom: 4rem !important
  }

  .padding-bottom-xxl-tablet {
    padding-bottom: 6rem !important
  }

  .padding-bottom-xxxl-tablet {
    padding-bottom: 8rem !important
  }

  .padding-bottom-none-tablet {
    padding-bottom: 0 !important
  }

  .padding-left-xxs-tablet {
    padding-left: .5rem !important
  }

  .padding-left-xs-tablet {
    padding-left: 1rem !important
  }

  .padding-left-s-tablet {
    padding-left: 1.5rem !important
  }

  .padding-left-m-tablet {
    padding-left: 2rem !important
  }

  .padding-left-l-tablet {
    padding-left: 3rem !important
  }

  .padding-left-xl-tablet {
    padding-left: 4rem !important
  }

  .padding-left-xxl-tablet {
    padding-left: 6rem !important
  }

  .padding-left-xxxl-tablet {
    padding-left: 8rem !important
  }

  .padding-left-none-tablet {
    padding-left: 0 !important
  }

  .padding-right-xxs-tablet {
    padding-right: .5rem !important
  }

  .padding-right-xs-tablet {
    padding-right: 1rem !important
  }

  .padding-right-s-tablet {
    padding-right: 1.5rem !important
  }

  .padding-right-m-tablet {
    padding-right: 2rem !important
  }

  .padding-right-l-tablet {
    padding-right: 3rem !important
  }

  .padding-right-xl-tablet {
    padding-right: 4rem !important
  }

  .padding-right-xxl-tablet {
    padding-right: 6rem !important
  }

  .padding-right-xxxl-tablet {
    padding-right: 8rem !important
  }

  .padding-right-none-tablet {
    padding-right: 0 !important
  }
}

@media screen and (min-width:1088px) {
  .margin-xxs-desktop {
    margin: .5rem !important
  }

  .margin-xs-desktop {
    margin: 1rem !important
  }

  .margin-s-desktop {
    margin: 1.5rem !important
  }

  .margin-m-desktop {
    margin: 2rem !important
  }

  .margin-l-desktop {
    margin: 3rem !important
  }

  .margin-xl-desktop {
    margin: 4rem !important
  }

  .margin-xxl-desktop {
    margin: 6rem !important
  }

  .margin-xxxl-desktop {
    margin: 8rem !important
  }

  .margin-none-desktop {
    margin: 0 !important
  }

  .margin-inline-xxs-desktop {
    margin-inline: .5rem !important
  }

  .margin-inline-xs-desktop {
    margin-inline: 1rem !important
  }

  .margin-inline-s-desktop {
    margin-inline: 1.5rem !important
  }

  .margin-inline-m-desktop {
    margin-inline: 2rem !important
  }

  .margin-inline-l-desktop {
    margin-inline: 3rem !important
  }

  .margin-inline-xl-desktop {
    margin-inline: 4rem !important
  }

  .margin-inline-xxl-desktop {
    margin-inline: 6rem !important
  }

  .margin-inline-xxxl-desktop {
    margin-inline: 8rem !important
  }

  .margin-inline-none-desktop {
    margin-inline: 0 !important
  }

  .margin-block-xxs-desktop {
    margin-block: .5rem !important
  }

  .margin-block-xs-desktop {
    margin-block: 1rem !important
  }

  .margin-block-s-desktop {
    margin-block: 1.5rem !important
  }

  .margin-block-m-desktop {
    margin-block: 2rem !important
  }

  .margin-block-l-desktop {
    margin-block: 3rem !important
  }

  .margin-block-xl-desktop {
    margin-block: 4rem !important
  }

  .margin-block-xxl-desktop {
    margin-block: 6rem !important
  }

  .margin-block-xxxl-desktop {
    margin-block: 8rem !important
  }

  .margin-block-none-desktop {
    margin-block: 0 !important
  }

  .margin-top-xxs-desktop {
    margin-top: .5rem !important
  }

  .margin-top-xs-desktop {
    margin-top: 1rem !important
  }

  .margin-top-s-desktop {
    margin-top: 1.5rem !important
  }

  .margin-top-m-desktop {
    margin-top: 2rem !important
  }

  .margin-top-l-desktop {
    margin-top: 3rem !important
  }

  .margin-top-xl-desktop {
    margin-top: 4rem !important
  }

  .margin-top-xxl-desktop {
    margin-top: 6rem !important
  }

  .margin-top-xxxl-desktop {
    margin-top: 8rem !important
  }

  .margin-top-none-desktop {
    margin-top: 0 !important
  }

  .margin-bottom-xxs-desktop {
    margin-bottom: .5rem !important
  }

  .margin-bottom-xs-desktop {
    margin-bottom: 1rem !important
  }

  .margin-bottom-s-desktop {
    margin-bottom: 1.5rem !important
  }

  .margin-bottom-m-desktop {
    margin-bottom: 2rem !important
  }

  .margin-bottom-l-desktop {
    margin-bottom: 3rem !important
  }

  .margin-bottom-xl-desktop {
    margin-bottom: 4rem !important
  }

  .margin-bottom-xxl-desktop {
    margin-bottom: 6rem !important
  }

  .margin-bottom-xxxl-desktop {
    margin-bottom: 8rem !important
  }

  .margin-bottom-none-desktop {
    margin-bottom: 0 !important
  }

  .margin-left-xxs-desktop {
    margin-left: .5rem !important
  }

  .margin-left-xs-desktop {
    margin-left: 1rem !important
  }

  .margin-left-s-desktop {
    margin-left: 1.5rem !important
  }

  .margin-left-m-desktop {
    margin-left: 2rem !important
  }

  .margin-left-l-desktop {
    margin-left: 3rem !important
  }

  .margin-left-xl-desktop {
    margin-left: 4rem !important
  }

  .margin-left-xxl-desktop {
    margin-left: 6rem !important
  }

  .margin-left-xxxl-desktop {
    margin-left: 8rem !important
  }

  .margin-left-none-desktop {
    margin-left: 0 !important
  }

  .margin-right-xxs-desktop {
    margin-right: .5rem !important
  }

  .margin-right-xs-desktop {
    margin-right: 1rem !important
  }

  .margin-right-s-desktop {
    margin-right: 1.5rem !important
  }

  .margin-right-m-desktop {
    margin-right: 2rem !important
  }

  .margin-right-l-desktop {
    margin-right: 3rem !important
  }

  .margin-right-xl-desktop {
    margin-right: 4rem !important
  }

  .margin-right-xxl-desktop {
    margin-right: 6rem !important
  }

  .margin-right-xxxl-desktop {
    margin-right: 8rem !important
  }

  .margin-right-none-desktop {
    margin-right: 0 !important
  }

  .padding-xxs-desktop {
    padding: .5rem !important
  }

  .padding-xs-desktop {
    padding: 1rem !important
  }

  .padding-s-desktop {
    padding: 1.5rem !important
  }

  .padding-m-desktop {
    padding: 2rem !important
  }

  .padding-l-desktop {
    padding: 3rem !important
  }

  .padding-xl-desktop {
    padding: 4rem !important
  }

  .padding-xxl-desktop {
    padding: 6rem !important
  }

  .padding-xxxl-desktop {
    padding: 8rem !important
  }

  .padding-none-desktop {
    padding: 0 !important
  }

  .padding-inline-xxs-desktop {
    padding-inline: .5rem !important
  }

  .padding-inline-xs-desktop {
    padding-inline: 1rem !important
  }

  .padding-inline-s-desktop {
    padding-inline: 1.5rem !important
  }

  .padding-inline-m-desktop {
    padding-inline: 2rem !important
  }

  .padding-inline-l-desktop {
    padding-inline: 3rem !important
  }

  .padding-inline-xl-desktop {
    padding-inline: 4rem !important
  }

  .padding-inline-xxl-desktop {
    padding-inline: 6rem !important
  }

  .padding-inline-xxxl-desktop {
    padding-inline: 8rem !important
  }

  .padding-inline-none-desktop {
    padding-inline: 0 !important
  }

  .padding-block-xxs-desktop {
    padding-block: .5rem !important
  }

  .padding-block-xs-desktop {
    padding-block: 1rem !important
  }

  .padding-block-s-desktop {
    padding-block: 1.5rem !important
  }

  .padding-block-m-desktop {
    padding-block: 2rem !important
  }

  .padding-block-l-desktop {
    padding-block: 3rem !important
  }

  .padding-block-xl-desktop {
    padding-block: 4rem !important
  }

  .padding-block-xxl-desktop {
    padding-block: 6rem !important
  }

  .padding-block-xxxl-desktop {
    padding-block: 8rem !important
  }

  .padding-block-none-desktop {
    padding-block: 0 !important
  }

  .padding-top-xxs-desktop {
    padding-top: .5rem !important
  }

  .padding-top-xs-desktop {
    padding-top: 1rem !important
  }

  .padding-top-s-desktop {
    padding-top: 1.5rem !important
  }

  .padding-top-m-desktop {
    padding-top: 2rem !important
  }

  .padding-top-l-desktop {
    padding-top: 3rem !important
  }

  .padding-top-xl-desktop {
    padding-top: 4rem !important
  }

  .padding-top-xxl-desktop {
    padding-top: 6rem !important
  }

  .padding-top-xxxl-desktop {
    padding-top: 8rem !important
  }

  .padding-top-none-desktop {
    padding-top: 0 !important
  }

  .padding-bottom-xxs-desktop {
    padding-bottom: .5rem !important
  }

  .padding-bottom-xs-desktop {
    padding-bottom: 1rem !important
  }

  .padding-bottom-s-desktop {
    padding-bottom: 1.5rem !important
  }

  .padding-bottom-m-desktop {
    padding-bottom: 2rem !important
  }

  .padding-bottom-l-desktop {
    padding-bottom: 3rem !important
  }

  .padding-bottom-xl-desktop {
    padding-bottom: 4rem !important
  }

  .padding-bottom-xxl-desktop {
    padding-bottom: 6rem !important
  }

  .padding-bottom-xxxl-desktop {
    padding-bottom: 8rem !important
  }

  .padding-bottom-none-desktop {
    padding-bottom: 0 !important
  }

  .padding-left-xxs-desktop {
    padding-left: .5rem !important
  }

  .padding-left-xs-desktop {
    padding-left: 1rem !important
  }

  .padding-left-s-desktop {
    padding-left: 1.5rem !important
  }

  .padding-left-m-desktop {
    padding-left: 2rem !important
  }

  .padding-left-l-desktop {
    padding-left: 3rem !important
  }

  .padding-left-xl-desktop {
    padding-left: 4rem !important
  }

  .padding-left-xxl-desktop {
    padding-left: 6rem !important
  }

  .padding-left-xxxl-desktop {
    padding-left: 8rem !important
  }

  .padding-left-none-desktop {
    padding-left: 0 !important
  }

  .padding-right-xxs-desktop {
    padding-right: .5rem !important
  }

  .padding-right-xs-desktop {
    padding-right: 1rem !important
  }

  .padding-right-s-desktop {
    padding-right: 1.5rem !important
  }

  .padding-right-m-desktop {
    padding-right: 2rem !important
  }

  .padding-right-l-desktop {
    padding-right: 3rem !important
  }

  .padding-right-xl-desktop {
    padding-right: 4rem !important
  }

  .padding-right-xxl-desktop {
    padding-right: 6rem !important
  }

  .padding-right-xxxl-desktop {
    padding-right: 8rem !important
  }

  .padding-right-none-desktop {
    padding-right: 0 !important
  }
}

@media screen and (min-width:1280px) {
  .margin-xxs-widescreen {
    margin: .5rem !important
  }

  .margin-xs-widescreen {
    margin: 1rem !important
  }

  .margin-s-widescreen {
    margin: 1.5rem !important
  }

  .margin-m-widescreen {
    margin: 2rem !important
  }

  .margin-l-widescreen {
    margin: 3rem !important
  }

  .margin-xl-widescreen {
    margin: 4rem !important
  }

  .margin-xxl-widescreen {
    margin: 6rem !important
  }

  .margin-xxxl-widescreen {
    margin: 8rem !important
  }

  .margin-none-widescreen {
    margin: 0 !important
  }

  .margin-inline-xxs-widescreen {
    margin-inline: .5rem !important
  }

  .margin-inline-xs-widescreen {
    margin-inline: 1rem !important
  }

  .margin-inline-s-widescreen {
    margin-inline: 1.5rem !important
  }

  .margin-inline-m-widescreen {
    margin-inline: 2rem !important
  }

  .margin-inline-l-widescreen {
    margin-inline: 3rem !important
  }

  .margin-inline-xl-widescreen {
    margin-inline: 4rem !important
  }

  .margin-inline-xxl-widescreen {
    margin-inline: 6rem !important
  }

  .margin-inline-xxxl-widescreen {
    margin-inline: 8rem !important
  }

  .margin-inline-none-widescreen {
    margin-inline: 0 !important
  }

  .margin-block-xxs-widescreen {
    margin-block: .5rem !important
  }

  .margin-block-xs-widescreen {
    margin-block: 1rem !important
  }

  .margin-block-s-widescreen {
    margin-block: 1.5rem !important
  }

  .margin-block-m-widescreen {
    margin-block: 2rem !important
  }

  .margin-block-l-widescreen {
    margin-block: 3rem !important
  }

  .margin-block-xl-widescreen {
    margin-block: 4rem !important
  }

  .margin-block-xxl-widescreen {
    margin-block: 6rem !important
  }

  .margin-block-xxxl-widescreen {
    margin-block: 8rem !important
  }

  .margin-block-none-widescreen {
    margin-block: 0 !important
  }

  .margin-top-xxs-widescreen {
    margin-top: .5rem !important
  }

  .margin-top-xs-widescreen {
    margin-top: 1rem !important
  }

  .margin-top-s-widescreen {
    margin-top: 1.5rem !important
  }

  .margin-top-m-widescreen {
    margin-top: 2rem !important
  }

  .margin-top-l-widescreen {
    margin-top: 3rem !important
  }

  .margin-top-xl-widescreen {
    margin-top: 4rem !important
  }

  .margin-top-xxl-widescreen {
    margin-top: 6rem !important
  }

  .margin-top-xxxl-widescreen {
    margin-top: 8rem !important
  }

  .margin-top-none-widescreen {
    margin-top: 0 !important
  }

  .margin-bottom-xxs-widescreen {
    margin-bottom: .5rem !important
  }

  .margin-bottom-xs-widescreen {
    margin-bottom: 1rem !important
  }

  .margin-bottom-s-widescreen {
    margin-bottom: 1.5rem !important
  }

  .margin-bottom-m-widescreen {
    margin-bottom: 2rem !important
  }

  .margin-bottom-l-widescreen {
    margin-bottom: 3rem !important
  }

  .margin-bottom-xl-widescreen {
    margin-bottom: 4rem !important
  }

  .margin-bottom-xxl-widescreen {
    margin-bottom: 6rem !important
  }

  .margin-bottom-xxxl-widescreen {
    margin-bottom: 8rem !important
  }

  .margin-bottom-none-widescreen {
    margin-bottom: 0 !important
  }

  .margin-left-xxs-widescreen {
    margin-left: .5rem !important
  }

  .margin-left-xs-widescreen {
    margin-left: 1rem !important
  }

  .margin-left-s-widescreen {
    margin-left: 1.5rem !important
  }

  .margin-left-m-widescreen {
    margin-left: 2rem !important
  }

  .margin-left-l-widescreen {
    margin-left: 3rem !important
  }

  .margin-left-xl-widescreen {
    margin-left: 4rem !important
  }

  .margin-left-xxl-widescreen {
    margin-left: 6rem !important
  }

  .margin-left-xxxl-widescreen {
    margin-left: 8rem !important
  }

  .margin-left-none-widescreen {
    margin-left: 0 !important
  }

  .margin-right-xxs-widescreen {
    margin-right: .5rem !important
  }

  .margin-right-xs-widescreen {
    margin-right: 1rem !important
  }

  .margin-right-s-widescreen {
    margin-right: 1.5rem !important
  }

  .margin-right-m-widescreen {
    margin-right: 2rem !important
  }

  .margin-right-l-widescreen {
    margin-right: 3rem !important
  }

  .margin-right-xl-widescreen {
    margin-right: 4rem !important
  }

  .margin-right-xxl-widescreen {
    margin-right: 6rem !important
  }

  .margin-right-xxxl-widescreen {
    margin-right: 8rem !important
  }

  .margin-right-none-widescreen {
    margin-right: 0 !important
  }

  .padding-xxs-widescreen {
    padding: .5rem !important
  }

  .padding-xs-widescreen {
    padding: 1rem !important
  }

  .padding-s-widescreen {
    padding: 1.5rem !important
  }

  .padding-m-widescreen {
    padding: 2rem !important
  }

  .padding-l-widescreen {
    padding: 3rem !important
  }

  .padding-xl-widescreen {
    padding: 4rem !important
  }

  .padding-xxl-widescreen {
    padding: 6rem !important
  }

  .padding-xxxl-widescreen {
    padding: 8rem !important
  }

  .padding-none-widescreen {
    padding: 0 !important
  }

  .padding-inline-xxs-widescreen {
    padding-inline: .5rem !important
  }

  .padding-inline-xs-widescreen {
    padding-inline: 1rem !important
  }

  .padding-inline-s-widescreen {
    padding-inline: 1.5rem !important
  }

  .padding-inline-m-widescreen {
    padding-inline: 2rem !important
  }

  .padding-inline-l-widescreen {
    padding-inline: 3rem !important
  }

  .padding-inline-xl-widescreen {
    padding-inline: 4rem !important
  }

  .padding-inline-xxl-widescreen {
    padding-inline: 6rem !important
  }

  .padding-inline-xxxl-widescreen {
    padding-inline: 8rem !important
  }

  .padding-inline-none-widescreen {
    padding-inline: 0 !important
  }

  .padding-block-xxs-widescreen {
    padding-block: .5rem !important
  }

  .padding-block-xs-widescreen {
    padding-block: 1rem !important
  }

  .padding-block-s-widescreen {
    padding-block: 1.5rem !important
  }

  .padding-block-m-widescreen {
    padding-block: 2rem !important
  }

  .padding-block-l-widescreen {
    padding-block: 3rem !important
  }

  .padding-block-xl-widescreen {
    padding-block: 4rem !important
  }

  .padding-block-xxl-widescreen {
    padding-block: 6rem !important
  }

  .padding-block-xxxl-widescreen {
    padding-block: 8rem !important
  }

  .padding-block-none-widescreen {
    padding-block: 0 !important
  }

  .padding-top-xxs-widescreen {
    padding-top: .5rem !important
  }

  .padding-top-xs-widescreen {
    padding-top: 1rem !important
  }

  .padding-top-s-widescreen {
    padding-top: 1.5rem !important
  }

  .padding-top-m-widescreen {
    padding-top: 2rem !important
  }

  .padding-top-l-widescreen {
    padding-top: 3rem !important
  }

  .padding-top-xl-widescreen {
    padding-top: 4rem !important
  }

  .padding-top-xxl-widescreen {
    padding-top: 6rem !important
  }

  .padding-top-xxxl-widescreen {
    padding-top: 8rem !important
  }

  .padding-top-none-widescreen {
    padding-top: 0 !important
  }

  .padding-bottom-xxs-widescreen {
    padding-bottom: .5rem !important
  }

  .padding-bottom-xs-widescreen {
    padding-bottom: 1rem !important
  }

  .padding-bottom-s-widescreen {
    padding-bottom: 1.5rem !important
  }

  .padding-bottom-m-widescreen {
    padding-bottom: 2rem !important
  }

  .padding-bottom-l-widescreen {
    padding-bottom: 3rem !important
  }

  .padding-bottom-xl-widescreen {
    padding-bottom: 4rem !important
  }

  .padding-bottom-xxl-widescreen {
    padding-bottom: 6rem !important
  }

  .padding-bottom-xxxl-widescreen {
    padding-bottom: 8rem !important
  }

  .padding-bottom-none-widescreen {
    padding-bottom: 0 !important
  }

  .padding-left-xxs-widescreen {
    padding-left: .5rem !important
  }

  .padding-left-xs-widescreen {
    padding-left: 1rem !important
  }

  .padding-left-s-widescreen {
    padding-left: 1.5rem !important
  }

  .padding-left-m-widescreen {
    padding-left: 2rem !important
  }

  .padding-left-l-widescreen {
    padding-left: 3rem !important
  }

  .padding-left-xl-widescreen {
    padding-left: 4rem !important
  }

  .padding-left-xxl-widescreen {
    padding-left: 6rem !important
  }

  .padding-left-xxxl-widescreen {
    padding-left: 8rem !important
  }

  .padding-left-none-widescreen {
    padding-left: 0 !important
  }

  .padding-right-xxs-widescreen {
    padding-right: .5rem !important
  }

  .padding-right-xs-widescreen {
    padding-right: 1rem !important
  }

  .padding-right-s-widescreen {
    padding-right: 1.5rem !important
  }

  .padding-right-m-widescreen {
    padding-right: 2rem !important
  }

  .padding-right-l-widescreen {
    padding-right: 3rem !important
  }

  .padding-right-xl-widescreen {
    padding-right: 4rem !important
  }

  .padding-right-xxl-widescreen {
    padding-right: 6rem !important
  }

  .padding-right-xxxl-widescreen {
    padding-right: 8rem !important
  }

  .padding-right-none-widescreen {
    padding-right: 0 !important
  }
}
/*
.font-family-monospace {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto
}

.font-family-quote {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important
}*/

.font-size-h0 {
  font-size: 3.375rem !important
}

.font-size-h1 {
  font-size: 2.5rem !important
}

.font-size-h2 {
  font-size: 2.125rem !important
}

.font-size-h3 {
  font-size: 1.75rem !important
}

.font-size-h4 {
  font-size: 1.5rem !important
}

.font-size-h5 {
  font-size: 1.25rem !important
}

.font-size-h6 {
  font-size: 1.125rem !important
}

.font-size-xl {
  font-size: 1.25rem !important
}

.font-size-l {
  font-size: 1.125rem !important
}

.font-size-m {
  font-size: 1rem !important
}

.font-size-s {
  font-size: .875rem !important
}

.font-size-xs {
  font-size: .75rem !important
}

.font-weight-light {
  font-weight: 100 !important
}

.font-weight-semilight {
  font-weight: 200 !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-semibold {
  font-weight: 600 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-style-italic {
  font-style: italic !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-none {
  text-decoration: none !important
}

.letter-spacing-wide {
  letter-spacing: .225rem !important
}

.is-disappearing {
  -webkit-animation: slideUpOutFadeOut .2s cubic-bezier(.4, 0, .23, 1) forwards;
  animation: slideUpOutFadeOut .2s cubic-bezier(.4, 0, .23, 1) forwards
}

.is-sliding-up {
  -webkit-animation: slideUp .2s cubic-bezier(.4, 0, .23, 1) forwards;
  animation: slideUp .2s cubic-bezier(.4, 0, .23, 1) forwards
}

.has-animation-none {
  -webkit-animation: none;
  animation: none
}

.has-border {
  border: 1px solid #e6e6e6 !important;
  border: 1px solid var(--theme-border) !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-border-mobile {
    border: 1px solid #e6e6e6 !important;
    border: 1px solid var(--theme-border) !important
  }
}

.has-border-none {
  border: none !important
}

.has-border-top {
  border-top: 1px solid #e6e6e6 !important;
  border-top: 1px solid var(--theme-border) !important
}

.has-border-bottom {
  border-bottom: 1px solid #e6e6e6 !important;
  border-bottom: 1px solid var(--theme-border) !important
}

.has-border-bottom-none {
  border-bottom: 0 !important
}

.has-border-left {
  border-left: 1px solid #e6e6e6 !important;
  border-left: 1px solid var(--theme-border) !important
}

.has-border-right {
  border-right: 1px solid #e6e6e6 !important;
  border-right: 1px solid var(--theme-border) !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-border-top-mobile {
    border-top: 1px solid #e6e6e6 !important;
    border-top: 1px solid var(--theme-border) !important
  }
}

@media print,
screen and (min-width:768px) {
  .has-border-right-tablet {
    border-right: 1px solid #e6e6e6 !important;
    border-right: 1px solid var(--theme-border) !important
  }
}

.has-border-radius {
  border-radius: .25rem !important
}

.has-border-radius-large {
  border-radius: .5rem !important
}

.has-border-high-contrast {
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast)
}

.has-border-high-contrast-hover:hover {
  border: 1px solid #000000;
  border: 1px solid var(--theme-border-yellow-high-contrast)
}

.border-left-l-primary,
.has-border-left-large-primary {
  border-left: .5rem solid #0078d4 !important;
  border-left: .5rem solid var(--theme-primary-base) !important
}

.border-primary,
.has-border-primary {
  border: 1px solid #0078d4 !important;
  border: 1px solid var(--theme-primary-base) !important
}

.border-left-l-secondary,
.has-border-left-large-secondary {
  border-left: .5rem solid #a2a2a2 !important;
  border-left: .5rem solid var(--theme-secondary-base) !important
}

.border-secondary,
.has-border-secondary {
  border: 1px solid #a2a2a2 !important;
  border: 1px solid var(--theme-secondary-base) !important
}

.border-left-l-tertiary,
.has-border-left-large-tertiary {
  border-left: .5rem solid #243a5e !important;
  border-left: .5rem solid var(--theme-tertiary-base) !important
}

.border-tertiary,
.has-border-tertiary {
  border: 1px solid #243a5e !important;
  border: 1px solid var(--theme-tertiary-base) !important
}

.border-left-l-success,
.has-border-left-large-success {
  border-left: .5rem solid #107c10 !important;
  border-left: .5rem solid var(--theme-success-base) !important
}

.border-success,
.has-border-success {
  border: 1px solid #107c10 !important;
  border: 1px solid var(--theme-success-base) !important
}

.border-left-l-info,
.has-border-left-large-info {
  border-left: .5rem solid #8661c5 !important;
  border-left: .5rem solid var(--theme-info-base) !important
}

.border-info,
.has-border-info {
  border: 1px solid #8661c5 !important;
  border: 1px solid var(--theme-info-base) !important
}

.border-left-l-warning,
.has-border-left-large-warning {
  border-left: .5rem solid #ffb900 !important;
  border-left: .5rem solid var(--theme-warning-base) !important
}

.border-warning,
.has-border-warning {
  border: 1px solid #ffb900 !important;
  border: 1px solid var(--theme-warning-base) !important
}

.border-left-l-danger,
.has-border-left-large-danger {
  border-left: .5rem solid #a80000 !important;
  border-left: .5rem solid var(--theme-danger-base) !important
}

.border-danger,
.has-border-danger {
  border: 1px solid #a80000 !important;
  border: 1px solid var(--theme-danger-base) !important
}

.compensate-border-width {
  margin: 1px !important
}

.has-text-aspnet {
  color: #512bd4 !important
}

.has-text-aspnet-invert {
  color: #fff !important
}

.has-background-aspnet,
.has-background-aspnet-card {
  background-color: #512bd4 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-aspnet {
  background-image: linear-gradient(174.2deg, #512bd4, #4927bf 66.72%, #4122aa) !important;
  outline-color: #fff !important
}

.has-text-azure {
  color: #005ba1 !important
}

.has-text-azure-invert {
  color: #fff !important
}

.has-background-azure {
  background-color: #005ba1 !important;
  outline-color: #fff !important
}

.has-background-azure-card {
  background-color: #0078d4 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-azure {
  background-image: linear-gradient(174.2deg, #005ba1, #004d88 66.72%, #003e6e) !important;
  outline-color: #fff !important
}

.has-text-bash {
  color: #000 !important
}

.has-text-bash-invert {
  color: #fff !important
}

.has-background-bash,
.has-background-bash-card {
  background-color: #000 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-bash {
  background-image: linear-gradient(174.2deg, #000, black 66.72%, black) !important;
  outline-color: #fff !important
}

.has-text-bizapps {
  color: #000 !important
}

.has-text-bizapps-invert {
  color: #fff !important
}

.has-background-bizapps,
.has-background-bizapps-card {
  background-color: #000 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-bizapps {
  background-image: linear-gradient(174.2deg, #000, black 66.72%, black) !important;
  outline-color: #fff !important
}

.has-text-bot-framework {
  color: #e3008c !important
}

.has-text-bot-framework-invert {
  color: #fff !important
}

.has-background-bot-framework,
.has-background-bot-framework-card {
  background-color: #e3008c !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-bot-framework {
  background-image: linear-gradient(174.2deg, #e3008c, #ca007c 66.72%, #b0006d) !important;
  outline-color: #fff !important
}

.has-text-dotnet {
  color: #512bd4 !important
}

.has-text-dotnet-invert {
  color: #fff !important
}

.has-background-dotnet,
.has-background-dotnet-card {
  background-color: #512bd4 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-dotnet {
  background-image: linear-gradient(174.2deg, #512bd4, #4927bf 66.72%, #4122aa) !important;
  outline-color: #fff !important
}

.has-text-docs {
  color: #243a5e !important
}

.has-text-docs-invert {
  color: #fff !important
}

.has-background-docs,
.has-background-docs-card {
  background-color: #243a5e !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-docs {
  background-image: linear-gradient(174.2deg, #243a5e, #1d2f4c 66.72%, #162339) !important;
  outline-color: #fff !important
}

.has-text-dynamics {
  color: #002050 !important
}

.has-text-dynamics-invert {
  color: #fff !important
}

.has-background-dynamics {
  background-color: #002050 !important;
  outline-color: #fff !important
}

.has-background-dynamics-card {
  background-color: #008272 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-dynamics {
  background-image: linear-gradient(174.2deg, #002050, #001637 66.72%, #000c1d) !important;
  outline-color: #fff !important
}

.has-text-education {
  color: #32145a !important
}

.has-text-education-invert {
  color: #fff !important
}

.has-background-education,
.has-background-education-card {
  background-color: #32145a !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-education {
  background-image: linear-gradient(174.2deg, #32145a, #260f45 66.72%, #1b0b30) !important;
  outline-color: #fff !important
}

.has-text-enterprise-mobility-security {
  color: #107c10 !important
}

.has-text-enterprise-mobility-security-invert {
  color: #fff !important
}

.has-background-enterprise-mobility-security,
.has-background-enterprise-mobility-security-card {
  background-color: #107c10 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-enterprise-mobility-security {
  background-image: linear-gradient(174.2deg, #107c10, #0d650d 66.72%, #0a4f0a) !important;
  outline-color: #fff !important
}

.has-text-gaming {
  color: #107c10 !important
}

.has-text-gaming-invert {
  color: #fff !important
}

.has-background-gaming,
.has-background-gaming-card {
  background-color: #107c10 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-gaming {
  background-image: linear-gradient(174.2deg, #107c10, #0d650d 66.72%, #0a4f0a) !important;
  outline-color: #fff !important
}

.has-text-github {
  color: #24292e !important
}

.has-text-github-invert {
  color: #fff !important
}

.has-background-github,
.has-background-github-card {
  background-color: #24292e !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-github {
  background-image: linear-gradient(174.2deg, #24292e, #191c20 66.72%, #0e1011) !important;
  outline-color: #fff !important
}

.has-text-graph {
  color: #107c10 !important
}

.has-text-graph-invert {
  color: #fff !important
}

.has-background-graph {
  background-color: #107c10 !important;
  outline-color: #fff !important
}

.has-background-graph-card {
  background-color: #0078d4 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-graph {
  background-image: linear-gradient(174.2deg, #107c10, #0d650d 66.72%, #0a4f0a) !important;
  outline-color: #fff !important
}

.has-text-m365 {
  color: #0078d4 !important
}

.has-text-m365-invert {
  color: #fff !important
}

.has-background-m365,
.has-background-m365-card {
  background-color: #0078d4 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-m365 {
  background-image: linear-gradient(174.2deg, #0078d4, #006abb 66.72%, #005ba1) !important;
  outline-color: #fff !important
}

.has-text-nuget {
  color: #004880 !important
}

.has-text-nuget-invert {
  color: #fff !important
}

.has-background-nuget,
.has-background-nuget-card {
  background-color: #004880 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-nuget {
  background-image: linear-gradient(174.2deg, #004880, #003a67 66.72%, #002b4d) !important;
  outline-color: #fff !important
}

.has-text-office {
  color: #d83b01 !important
}

.has-text-office-invert {
  color: #fff !important
}

.has-background-office,
.has-background-office-card {
  background-color: #d83b01 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-office {
  background-image: linear-gradient(174.2deg, #d83b01, #bf3401 66.72%, #a52d01) !important;
  outline-color: #fff !important
}

.has-text-playfab {
  color: #ff6d21 !important
}

.has-text-playfab-invert {
  color: #000 !important
}

.has-background-playfab,
.has-background-playfab-card {
  background-color: #ff6d21 !important;
  outline-color: #000 !important
}

.has-linear-gradient-background-playfab {
  background-image: linear-gradient(174.2deg, #ff6d21, #ff5c08 66.72%, #ed5100) !important;
  outline-color: #000 !important
}

.has-text-power-apps {
  color: #742774 !important
}

.has-text-power-apps-invert {
  color: #fff !important
}

.has-background-power-apps,
.has-background-power-apps-card {
  background-color: #742774 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-power-apps {
  background-image: linear-gradient(174.2deg, #742774, #612161 66.72%, #4e1a4e) !important;
  outline-color: #fff !important
}

.has-text-power-automate {
  color: #0066ff !important
}

.has-text-power-automate-invert {
  color: #fff !important
}

.has-background-power-automate,
.has-background-power-automate-card {
  background-color: #0066ff !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-power-automate {
  background-image: linear-gradient(174.2deg, #0066ff, #005ce6 66.72%, #0052cc) !important;
  outline-color: #fff !important
}

.has-text-power-bi {
  color: #f2c811 !important
}

.has-text-power-bi-invert {
  color: #000 !important
}

.has-background-power-bi,
.has-background-power-bi-card {
  background-color: #f2c811 !important;
  outline-color: #000 !important
}

.has-linear-gradient-background-power-bi {
  background-image: linear-gradient(174.2deg, #f2c811, #ddb60c 66.72%, #c5a20b) !important;
  outline-color: #000 !important
}

.has-text-power-platform {
  color: #000 !important
}

.has-text-power-platform-invert {
  color: #fff !important
}

.has-background-power-platform {
  background-color: #000 !important;
  outline-color: #fff !important
}

.has-background-power-platform-card {
  background-color: #3c3c41 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-power-platform {
  background-image: linear-gradient(174.2deg, #000, black 66.72%, black) !important;
  outline-color: #fff !important
}

.has-text-power-virtual-agents {
  color: #0b556a !important
}

.has-text-power-virtual-agents-invert {
  color: #fff !important
}

.has-background-power-virtual-agents,
.has-background-power-virtual-agents-card {
  background-color: #0b556a !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-power-virtual-agents {
  background-image: linear-gradient(174.2deg, #0b556a, #094253 66.72%, #06303c) !important;
  outline-color: #fff !important
}

.has-text-powershell {
  color: #012456 !important
}

.has-text-powershell-invert {
  color: #fff !important
}

.has-background-powershell,
.has-background-powershell-card {
  background-color: #012456 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-powershell {
  background-image: linear-gradient(174.2deg, #012456, #01193d 66.72%, #000f24) !important;
  outline-color: #fff !important
}

.has-text-project {
  color: #31752f !important
}

.has-text-project-invert {
  color: #fff !important
}

.has-background-project,
.has-background-project-card {
  background-color: #31752f !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-project {
  background-image: linear-gradient(174.2deg, #31752f, #296328 66.72%, #225120) !important;
  outline-color: #fff !important
}

.has-text-sharepoint {
  color: #03787c !important
}

.has-text-sharepoint-invert {
  color: #fff !important
}

.has-background-sharepoint,
.has-background-sharepoint-card {
  background-color: #03787c !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-sharepoint {
  background-image: linear-gradient(174.2deg, #03787c, #026063 66.72%, #02484a) !important;
  outline-color: #fff !important
}

.has-text-sql {
  color: #243a5e !important
}

.has-text-sql-invert {
  color: #fff !important
}

.has-background-sql {
  background-color: #243a5e !important;
  outline-color: #fff !important
}

.has-background-sql-card {
  background-color: #0078d4 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-sql {
  background-image: linear-gradient(174.2deg, #243a5e, #1d2f4c 66.72%, #162339) !important;
  outline-color: #fff !important
}

.has-text-surface {
  color: #737373 !important
}

.has-text-surface-invert {
  color: #fff !important
}

.has-background-surface,
.has-background-surface-card {
  background-color: #737373 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-surface {
  background-image: linear-gradient(174.2deg, #737373, #666666 66.72%, #5a5a5a) !important;
  outline-color: #fff !important
}

.has-text-system-center {
  color: #002050 !important
}

.has-text-system-center-invert {
  color: #fff !important
}

.has-background-system-center,
.has-background-system-center-card {
  background-color: #002050 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-system-center {
  background-image: linear-gradient(174.2deg, #002050, #001637 66.72%, #000c1d) !important;
  outline-color: #fff !important
}

.has-text-teams {
  color: #4b53bc !important
}

.has-text-teams-invert {
  color: #fff !important
}

.has-background-teams,
.has-background-teams-card {
  background-color: #4b53bc !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-teams {
  background-image: linear-gradient(174.2deg, #4b53bc, #4048ad 66.72%, #3a409a) !important;
  outline-color: #fff !important
}

.has-text-visual-studio {
  color: #5c2d91 !important
}

.has-text-visual-studio-invert {
  color: #fff !important
}

.has-background-visual-studio,
.has-background-visual-studio-card {
  background-color: #5c2d91 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-visual-studio {
  background-image: linear-gradient(174.2deg, #5c2d91, #50277e 66.72%, #43216a) !important;
  outline-color: #fff !important
}

.has-text-windows {
  color: #0078d4 !important
}

.has-text-windows-invert {
  color: #fff !important
}

.has-background-windows,
.has-background-windows-card {
  background-color: #0078d4 !important;
  outline-color: #fff !important
}

.has-linear-gradient-background-windows {
  background-image: linear-gradient(174.2deg, #0078d4, #006abb 66.72%, #005ba1) !important;
  outline-color: #fff !important
}

.has-text-workplace-analytics {
  color: #5b95a5 !important
}

.has-text-workplace-analytics-invert {
  color: #000 !important
}

.has-background-workplace-analytics,
.has-background-workplace-analytics-card {
  background-color: #5b95a5 !important;
  outline-color: #000 !important
}

.has-linear-gradient-background-workplace-analytics {
  background-image: linear-gradient(174.2deg, #5b95a5, #528695 66.72%, #497784) !important;
  outline-color: #000 !important
}

.has-text-xamarin {
  color: #3498db !important
}

.has-text-xamarin-invert {
  color: #000 !important
}

.has-background-xamarin,
.has-background-xamarin-card {
  background-color: #3498db !important;
  outline-color: #000 !important
}

.has-linear-gradient-background-xamarin {
  background-image: linear-gradient(174.2deg, #3498db, #258cd1 66.72%, #217dbb) !important;
  outline-color: #000 !important
}

.has-text-color {
  color: #171717 !important;
  color: var(--theme-text) !important
}

.has-color-current-color {
  color: currentColor !important
}

.has-text-primary {
  color: #0078d4 !important;
  color: var(--theme-primary-base) !important
}

a.has-text-primary.focus-visible,
a.has-text-primary:hover {
  color: #0065b3 !important;
  color: var(--theme-primary-hover) !important
}

a.has-text-primary:active {
  color: #00579a !important;
  color: var(--theme-primary-active) !important
}

.has-text-primary-invert {
  color: #ffffff !important;
  color: var(--theme-primary-invert) !important
}

.has-background-primary {
  background-color: #0078d4 !important;
  background-color: var(--theme-primary-base) !important;
  outline-color: #ffffff;
  outline-color: var(--theme-primary-invert)
}

.has-background-primary-invert {
  background-color: #ffffff !important;
  background-color: var(--theme-primary-invert) !important;
  outline-color: #0078d4;
  outline-color: var(--theme-primary-base)
}

.has-background-primary-light {
  background-color: #d7eaf8 !important;
  background-color: var(--theme-primary-background) !important;
  outline-color: #004173;
  outline-color: var(--theme-primary-dark)
}

.has-background-primary-dark {
  background-color: #004173 !important;
  background-color: var(--theme-primary-dark) !important;
  outline-color: #d7eaf8;
  outline-color: var(--theme-primary-background)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-primary-mobile {
    background-color: #0078d4 !important;
    background-color: var(--theme-primary-base) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-text-secondary {
  color: #a2a2a2 !important;
  color: var(--theme-secondary-base) !important
}

a.has-text-secondary.focus-visible,
a.has-text-secondary:hover {
  color: #d2d2d2 !important;
  color: var(--theme-secondary-hover) !important
}

a.has-text-secondary:active {
  color: #d2d2d2 !important;
  color: var(--theme-secondary-active) !important
}

.has-text-secondary-invert {
  color: #000000 !important;
  color: var(--theme-secondary-invert) !important
}

.has-background-secondary {
  background-color: #a2a2a2 !important;
  background-color: var(--theme-secondary-base) !important;
  outline-color: #000000;
  outline-color: var(--theme-secondary-invert)
}

.has-background-secondary-invert {
  background-color: #000000 !important;
  background-color: var(--theme-secondary-invert) !important;
  outline-color: #a2a2a2;
  outline-color: var(--theme-secondary-base)
}

.has-background-secondary-light {
  background-color: #e6e6e6 !important;
  background-color: var(--theme-secondary-background) !important;
  outline-color: #2f2f2f;
  outline-color: var(--theme-secondary-dark)
}

.has-background-secondary-dark {
  background-color: #2f2f2f !important;
  background-color: var(--theme-secondary-dark) !important;
  outline-color: #e6e6e6;
  outline-color: var(--theme-secondary-background)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-secondary-mobile {
    background-color: #a2a2a2 !important;
    background-color: var(--theme-secondary-base) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-text-tertiary {
  color: #243a5e !important;
  color: var(--theme-tertiary-base) !important
}

a.has-text-tertiary.focus-visible,
a.has-text-tertiary:hover {
  color: #14294c !important;
  color: var(--theme-tertiary-hover) !important
}

a.has-text-tertiary:active {
  color: #70819f !important;
  color: var(--theme-tertiary-active) !important
}

.has-text-tertiary-invert {
  color: #ffffff !important;
  color: var(--theme-tertiary-invert) !important
}

.has-background-tertiary {
  background-color: #243a5e !important;
  background-color: var(--theme-tertiary-base) !important;
  outline-color: #ffffff;
  outline-color: var(--theme-tertiary-invert)
}

.has-background-tertiary-invert {
  background-color: #ffffff !important;
  background-color: var(--theme-tertiary-invert) !important;
  outline-color: #243a5e;
  outline-color: var(--theme-tertiary-base)
}

.has-background-tertiary-light {
  background-color: #061329 !important;
  background-color: var(--theme-tertiary-background) !important;
  outline-color: #a4b2c9;
  outline-color: var(--theme-tertiary-dark)
}

.has-background-tertiary-dark {
  background-color: #a4b2c9 !important;
  background-color: var(--theme-tertiary-dark) !important;
  outline-color: #061329;
  outline-color: var(--theme-tertiary-background)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-tertiary-mobile {
    background-color: #243a5e !important;
    background-color: var(--theme-tertiary-base) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-text-success {
  color: #107c10 !important;
  color: var(--theme-success-base) !important
}

a.has-text-success.focus-visible,
a.has-text-success:hover {
  color: #0b6413 !important;
  color: var(--theme-success-hover) !important
}

a.has-text-success:active {
  color: #054b16 !important;
  color: var(--theme-success-active) !important
}

.has-text-success-invert {
  color: #ffffff !important;
  color: var(--theme-success-invert) !important
}

.has-background-success {
  background-color: #107c10 !important;
  background-color: var(--theme-success-base) !important;
  outline-color: #ffffff;
  outline-color: var(--theme-success-invert)
}

.has-background-success-invert {
  background-color: #ffffff !important;
  background-color: var(--theme-success-invert) !important;
  outline-color: #107c10;
  outline-color: var(--theme-success-base)
}

.has-background-success-light {
  background-color: #dff6dd !important;
  background-color: var(--theme-success-background) !important;
  outline-color: #054b16;
  outline-color: var(--theme-success-dark)
}

.has-background-success-dark {
  background-color: #054b16 !important;
  background-color: var(--theme-success-dark) !important;
  outline-color: #dff6dd;
  outline-color: var(--theme-success-background)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-success-mobile {
    background-color: #107c10 !important;
    background-color: var(--theme-success-base) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-text-info {
  color: #8661c5 !important;
  color: var(--theme-info-base) !important
}

a.has-text-info.focus-visible,
a.has-text-info:hover {
  color: #8661c5 !important;
  color: var(--theme-info-hover) !important
}

a.has-text-info:active {
  color: #624991 !important;
  color: var(--theme-info-active) !important
}

.has-text-info-invert {
  color: #ffffff !important;
  color: var(--theme-info-invert) !important
}

.has-background-info {
  background-color: #8661c5 !important;
  background-color: var(--theme-info-base) !important;
  outline-color: #ffffff;
  outline-color: var(--theme-info-invert)
}

.has-background-info-invert {
  background-color: #ffffff !important;
  background-color: var(--theme-info-invert) !important;
  outline-color: #8661c5;
  outline-color: var(--theme-info-base)
}

.has-background-info-light {
  background-color: #efd9fd !important;
  background-color: var(--theme-info-background) !important;
  outline-color: #3b2e58;
  outline-color: var(--theme-info-dark)
}

.has-background-info-dark {
  background-color: #3b2e58 !important;
  background-color: var(--theme-info-dark) !important;
  outline-color: #efd9fd;
  outline-color: var(--theme-info-background)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-info-mobile {
    background-color: #8661c5 !important;
    background-color: var(--theme-info-base) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-text-warning {
  color: #ffb900 !important;
  color: var(--theme-warning-base) !important
}

a.has-text-warning.focus-visible,
a.has-text-warning:hover {
  color: #d19501 !important;
  color: var(--theme-warning-hover) !important
}

a.has-text-warning:active {
  color: #966802 !important;
  color: var(--theme-warning-active) !important
}

.has-text-warning-invert {
  color: #000000 !important;
  color: var(--theme-warning-invert) !important
}

.has-background-warning {
  background-color: #ffb900 !important;
  background-color: var(--theme-warning-base) !important;
  outline-color: #000000;
  outline-color: var(--theme-warning-invert)
}

.has-background-warning-invert {
  background-color: #000000 !important;
  background-color: var(--theme-warning-invert) !important;
  outline-color: #ffb900;
  outline-color: var(--theme-warning-base)
}

.has-background-warning-light {
  background-color: #fff4ce !important;
  background-color: var(--theme-warning-background) !important;
  outline-color: #6a4b16;
  outline-color: var(--theme-warning-dark)
}

.has-background-warning-dark {
  background-color: #6a4b16 !important;
  background-color: var(--theme-warning-dark) !important;
  outline-color: #fff4ce;
  outline-color: var(--theme-warning-background)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-warning-mobile {
    background-color: #ffb900 !important;
    background-color: var(--theme-warning-base) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-text-danger {
  color: #a80000 !important;
  color: var(--theme-danger-base) !important
}

a.has-text-danger.focus-visible,
a.has-text-danger:hover {
  color: #870000 !important;
  color: var(--theme-danger-hover) !important
}

a.has-text-danger:active {
  color: #630001 !important;
  color: var(--theme-danger-active) !important
}

.has-text-danger-invert {
  color: #ffffff !important;
  color: var(--theme-danger-invert) !important
}

.has-background-danger {
  background-color: #a80000 !important;
  background-color: var(--theme-danger-base) !important;
  outline-color: #ffffff;
  outline-color: var(--theme-danger-invert)
}

.has-background-danger-invert {
  background-color: #ffffff !important;
  background-color: var(--theme-danger-invert) !important;
  outline-color: #a80000;
  outline-color: var(--theme-danger-base)
}

.has-background-danger-light {
  background-color: #fde7e9 !important;
  background-color: var(--theme-danger-background) !important;
  outline-color: #470001;
  outline-color: var(--theme-danger-dark)
}

.has-background-danger-dark {
  background-color: #470001 !important;
  background-color: var(--theme-danger-dark) !important;
  outline-color: #fde7e9;
  outline-color: var(--theme-danger-background)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-danger-mobile {
    background-color: #a80000 !important;
    background-color: var(--theme-danger-base) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-body-background {
  background-color: #ffffff !important;
  background-color: var(--theme-body-background) !important;
  outline-color: #171717;
  outline-color: var(--theme-text)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-body-background-mobile {
    background-color: #ffffff !important;
    background-color: var(--theme-body-background) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-body-background-dark,
.has-body-background-medium {
  background-color: #f2f2f2 !important;
  background-color: var(--theme-body-background-medium) !important;
  outline-color: #171717;
  outline-color: var(--theme-text)
}

@media print,
screen and (min-width:768px) {

  .has-body-background-dark-tablet,
  .has-body-background-medium-tablet {
    background-color: #f2f2f2 !important;
    background-color: var(--theme-body-background-medium) !important;
    outline-color: #171717;
    outline-color: var(--theme-text)
  }
}

.has-background-dark-opacity {
  background-color: #000000 !important;
  background-color: var(--theme-overlay) !important;
  outline-color: #ffffff;
  outline-color: var(--theme-overlay-invert)
}

.has-background-alternating-grey {
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--theme-border-white-high-contrast)
}

.has-background-alternating-grey:nth-of-type(2n) {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.has-background-alternating-grey:nth-of-type(odd) {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.has-background-alternating-grey-reversed {
  border-top: 1px solid #ffffff;
  border-top: 1px solid var(--theme-border-white-high-contrast)
}

.has-background-alternating-grey-reversed:nth-of-type(2n) {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.has-background-alternating-grey-reversed:nth-of-type(odd) {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.has-background-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.background-position-right-bottom {
  background-position: 100% 100%
}

.background-repeat-no-repeat {
  background-repeat: no-repeat
}

.has-background-image-right-bottom {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-images-top-left-right-hide-left-mobile {
    background-position: 0 -9999px, 100% 0 !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-images-top-left-right-hide-right-mobile {
    background-position: 0 0, 0 -9999px !important
  }
}

@media print,
screen and (min-width:768px) {
  .has-background-images-top-left-right-hide-right-tablet {
    background-position: 0 0, 0 -9999px !important
  }
}

@media print,
screen and (min-width:768px) {
  .has-background-images-top-left-right-hide-left-tablet {
    background-position: 0 -9999px, 100% 0 !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-background-image-none-mobile {
    background-image: none !important
  }
}

.has-background-purple-hero {
  background-color: #3b2e58 !important;
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.has-fill-current-color {
  fill: currentColor !important
}

.has-outline-color-text {
  outline-color: #171717 !important;
  outline-color: var(--theme-text) !important
}

.has-stroke-current-color {
  stroke: currentColor !important
}

.is-shadowless {
  box-shadow: none !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-shadowless-mobile {
    box-shadow: none !important
  }
}

.is-block {
  display: block !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-block-mobile {
    display: block !important
  }
}

@media print,
screen and (min-width:768px) {
  .is-block-tablet {
    display: block !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .is-block-tablet-only {
    display: block !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .is-block-touch {
    display: block !important
  }
}

@media screen and (min-width:1088px) {
  .is-block-desktop {
    display: block !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-resolution:120dpi) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-width:1088px) and (max-width:1279px) {
  .is-block-desktop-only {
    display: block !important
  }
}

@media screen and (min-width:1280px) {
  .is-block-widescreen {
    display: block !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-resolution:120dpi) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-width:1280px) and (max-width:1471px) {
  .is-block-widescreen-only {
    display: block !important
  }
}

@media screen and (min-width:1472px) {
  .is-block-fullhd {
    display: block !important
  }
}

.is-flex {
  display: flex !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-flex-mobile {
    display: flex !important
  }
}

@media print,
screen and (min-width:768px) {
  .is-flex-tablet {
    display: flex !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .is-flex-tablet-only {
    display: flex !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .is-flex-touch {
    display: flex !important
  }
}

@media screen and (min-width:1088px) {
  .is-flex-desktop {
    display: flex !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-resolution:120dpi) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-width:1088px) and (max-width:1279px) {
  .is-flex-desktop-only {
    display: flex !important
  }
}

@media screen and (min-width:1280px) {
  .is-flex-widescreen {
    display: flex !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-resolution:120dpi) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-width:1280px) and (max-width:1471px) {
  .is-flex-widescreen-only {
    display: flex !important
  }
}

@media screen and (min-width:1472px) {
  .is-flex-fullhd {
    display: flex !important
  }
}

.is-inline {
  display: inline !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-inline-mobile {
    display: inline !important
  }
}

@media print,
screen and (min-width:768px) {
  .is-inline-tablet {
    display: inline !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .is-inline-tablet-only {
    display: inline !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .is-inline-touch {
    display: inline !important
  }
}

@media screen and (min-width:1088px) {
  .is-inline-desktop {
    display: inline !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-resolution:120dpi) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-width:1088px) and (max-width:1279px) {
  .is-inline-desktop-only {
    display: inline !important
  }
}

@media screen and (min-width:1280px) {
  .is-inline-widescreen {
    display: inline !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-resolution:120dpi) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-width:1280px) and (max-width:1471px) {
  .is-inline-widescreen-only {
    display: inline !important
  }
}

@media screen and (min-width:1472px) {
  .is-inline-fullhd {
    display: inline !important
  }
}

.is-inline-block {
  display: inline-block !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-inline-block-mobile {
    display: inline-block !important
  }
}

@media print,
screen and (min-width:768px) {
  .is-inline-block-tablet {
    display: inline-block !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .is-inline-block-tablet-only {
    display: inline-block !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .is-inline-block-touch {
    display: inline-block !important
  }
}

@media screen and (min-width:1088px) {
  .is-inline-block-desktop {
    display: inline-block !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-resolution:120dpi) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-width:1088px) and (max-width:1279px) {
  .is-inline-block-desktop-only {
    display: inline-block !important
  }
}

@media screen and (min-width:1280px) {
  .is-inline-block-widescreen {
    display: inline-block !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-resolution:120dpi) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-width:1280px) and (max-width:1471px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important
  }
}

@media screen and (min-width:1472px) {
  .is-inline-block-fullhd {
    display: inline-block !important
  }
}

.is-inline-flex {
  display: inline-flex !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-inline-flex-mobile {
    display: inline-flex !important
  }
}

@media print,
screen and (min-width:768px) {
  .is-inline-flex-tablet {
    display: inline-flex !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .is-inline-flex-touch {
    display: inline-flex !important
  }
}

@media screen and (min-width:1088px) {
  .is-inline-flex-desktop {
    display: inline-flex !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-resolution:120dpi) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-width:1088px) and (max-width:1279px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important
  }
}

@media screen and (min-width:1280px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-resolution:120dpi) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-width:1280px) and (max-width:1471px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important
  }
}

@media screen and (min-width:1472px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important
  }
}

.is-hidden {
  display: none !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-hidden-mobile {
    display: none !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (-webkit-min-device-pixel-ratio:1.25) and (max-aspect-ratio:1/1),
screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (max-aspect-ratio:1/1),
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.25) and (max-aspect-ratio:1/1),
screen and (max-width:767px) and (max-aspect-ratio:1/1),
screen and (max-width:767px) and (min-resolution:120dpi) and (max-aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (max-aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (min-resolution:120dpi) and (max-aspect-ratio:1/1) {
  .is-hidden-portrait {
    display: none !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (-webkit-min-device-pixel-ratio:1.25) and (min-aspect-ratio:1/1),
screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (min-aspect-ratio:1/1),
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.25) and (min-aspect-ratio:1/1),
screen and (max-width:767px) and (min-aspect-ratio:1/1),
screen and (max-width:767px) and (min-resolution:120dpi) and (min-aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (min-aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (min-resolution:120dpi) and (min-aspect-ratio:1/1) {
  .is-hidden-landscape {
    display: none !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (-webkit-min-device-pixel-ratio:1.25) and (aspect-ratio:1/1),
screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (aspect-ratio:1/1),
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.25) and (aspect-ratio:1/1),
screen and (max-width:767px) and (aspect-ratio:1/1),
screen and (max-width:767px) and (min-resolution:120dpi) and (aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (min-resolution:120dpi) and (aspect-ratio:1/1) {
  .is-hidden-landscape {
    display: inherit !important
  }
}

@media print,
screen and (min-width:768px) {
  .is-hidden-tablet {
    display: none !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .is-hidden-tablet-only {
    display: none !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .is-hidden-touch {
    display: none !important
  }
}

@media screen and (min-width:1088px) {
  .is-hidden-desktop {
    display: none !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-resolution:120dpi) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-width:1088px) and (max-width:1279px) {
  .is-hidden-desktop-only {
    display: none !important
  }
}

@media screen and (min-width:1280px) {
  .is-hidden-widescreen {
    display: none !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-resolution:120dpi) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-width:1280px) and (max-width:1471px) {
  .is-hidden-widescreen-only {
    display: none !important
  }
}

@media screen and (min-width:1472px) {
  .is-hidden-fullhd {
    display: none !important
  }
}

.is-invisible {
  visibility: hidden !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-invisible-mobile {
    visibility: hidden !important
  }
}

@media print,
screen and (min-width:768px) {
  .is-invisible-tablet {
    visibility: hidden !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .is-invisible-tablet-only {
    visibility: hidden !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .is-invisible-touch {
    visibility: hidden !important
  }
}

@media screen and (min-width:1088px) {
  .is-invisible-desktop {
    visibility: hidden !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-resolution:120dpi) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-width:1088px) and (max-width:1279px) {
  .is-invisible-desktop-only {
    visibility: hidden !important
  }
}

@media screen and (min-width:1280px) {
  .is-invisible-widescreen {
    visibility: hidden !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-resolution:120dpi) and (min-width:1280px) and (max-width:1471.9px),
screen and (min-width:1280px) and (max-width:1471px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important
  }
}

@media screen and (min-width:1472px) {
  .is-invisible-fullhd {
    visibility: hidden !important
  }
}

.is-visually-hidden,
.is-visually-hidden-until-focused:not(:focus),
.visually-hidden,
.visually-hidden-until-focused:not(:focus) {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-visually-hidden-mobile {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .is-visually-hidden-touch {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
  }
}

@media print,
screen and (min-width:768px) {
  .is-visually-hidden-tablet {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .is-visually-hidden-tablet-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
  }
}

@media screen and (min-width:1088px) {
  .is-visually-hidden-desktop {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
  }
}

/*html.theme-dark .theme-display:not(.is-dark),
html.theme-high-contrast .theme-display:not(.is-high-contrast),
html.theme-light .theme-display:not(.is-light) {
  display: none;
  background-image: none
}*/

.is-hidden-non-en-us {
  display: none
}

html[lang=en-us] .is-hidden-non-en-us {
  display: block
}

.is-fixed-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.is-full-height {
  height: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-full-height-mobile {
    height: 100%
  }
}

.has-height-zero {
  height: 0 !important
}

.has-height-auto {
  height: auto !important
}

.is-absolute-fills {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.is-unstyled {
  list-style-type: none !important
}

.is-inline-truncated {
  display: inline-block;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.is-inline-truncated wbr {
  display: none
}

.is-inline-truncated.has-max-width-200 {
  max-width: 200px
}

.is-vertically-scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.has-line-height-reset {
  line-height: 1.3 !important
}

.has-outline-hover:hover {
  outline: 1px solid #0078d4;
  outline: 1px solid var(--theme-primary-base)
}

.has-heavy-shadow-hover:hover {
  box-shadow: 0 6.4px 14.4px 0 #000000, 0 1.2px 3.6px 0 #000000 !important;
  box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light) !important;
  transition: all .3s cubic-bezier(.8, 0, .2, 1)
}

.is-text-left {
  text-align: left !important
}

.is-text-centered {
  text-align: center
}

@media print,
screen and (min-width:768px) {
  .is-text-centered-tablet {
    text-align: center
  }
}

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

@media print,
screen and (min-width:768px) {
  .is-text-right-tablet {
    text-align: right
  }
}

.is-full-width {
  width: 100% !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-full-width-mobile {
    width: 100% !important
  }
}

.is-one-third-width {
  width: 33% !important
}

@media print,
screen and (min-width:768px) {
  .is-one-third-width-tablet {
    width: 33% !important
  }
}

@media screen and (min-width:1088px) {
  .is-one-quarter-width-desktop {
    width: 25% !important
  }
}

.has-two-lines-height {
  min-height: 2.5em
}

.has-four-lines-height {
  min-height: 5em
}

.has-min-height-256 {
  min-height: 256px
}

.has-max-height-eight-lines {
  max-height: 10em
}

@media print,
screen and (min-width:768px) {
  .has-max-height-twelve-lines-tablet {
    max-height: 15em;
  }
}
.facet-frame{
  background-color: #eee;
  padding-left: 7px;
}

.has-max-height-260 {
  max-height: 260px;
  margin-top: 5px;
}

.has-max-height-300 {
  max-height: 300px
}

.expanded-indicator {
  transition: transform .15s
}

[aria-expanded=true] .expanded-indicator {
  transform: rotateX(180deg)
}

.is-radiusless {
  border-radius: 0 !important
}

.has-overflow-hidden {
  overflow: hidden !important
}

.has-overflow-scroll {
  overflow: scroll !important
}

.is-comma-delimited>:not(:last-child):after {
  content: ", "
}

.is-dot-separated:not(:last-of-type):not(:only-of-type):after {
  padding-left: 5px;
  padding-right: 5px;
  content: "•"
}

.has-z-index-one {
  z-index: 1
}

@media print,
screen and (min-width:768px) {
  .has-min-height-567-tablet {
    min-height: 567px
  }
}

@media print,
screen and (min-width:768px) {
  .has-two-text-columns {
    -moz-columns: 2;
    columns: 2
  }
}

@media print,
screen and (min-width:768px) {
  .has-three-text-columns {
    -moz-columns: 3;
    columns: 3
  }
}

.has-three-text-columns-list-items {
  -moz-column-break-inside: avoid;
  break-inside: avoid
}

@media print,
screen and (min-width:768px) {
  .has-fluid-text-columns {
    -moz-columns: 3;
    columns: 3
  }
}

@media screen and (min-width:1280px) {
  .has-fluid-text-columns {
    -moz-columns: 4;
    columns: 4
  }
}

@media screen and (min-width:1472px) {
  .has-fluid-text-columns {
    -moz-columns: 5;
    columns: 5
  }
}

.has-appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.has-cursor-default {
  cursor: default !important
}

.has-background-linethrough {
  position: relative;
  z-index: 1
}

.has-background-linethrough:before {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border);
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1
}

.is-scaled-marketing-image {
  transform: scale(1.6) translateY(23%)
}

@media screen and (min-width:1088px) {
  .is-scaled-marketing-image {
    transform: scale(2.2) translate(20%, 17%)
  }
}

.is-downward-translated-marketing-image {
  box-shadow: 0 25.6px 57.6px 0 #000000, 0 4.8px 14.4px 0 #000000;
  box-shadow: 0 25.6px 57.6px 0 var(--theme-box-shadow-extra-heavy), 0 4.8px 14.4px 0 var(--theme-box-shadow-heavy);
  transform-origin: left center;
  transform: translateY(35%)
}

@media screen and (min-width:1088px) {
  .is-downward-translated-marketing-image {
    transform: translateY(50%) scale(1.2)
  }
}

.has-backdrop-filter-blur {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}

.has-text-hyphens {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.is-size-jumbo {
  font-size: 3.375rem !important
}

.is-size-h2 {
  font-size: 2.125rem !important
}

.is-size-h3 {
  font-size: 1.75rem !important
}

.is-size-h4 {
  font-size: 1.5rem !important
}

.is-size-h5 {
  font-size: 1.25rem !important
}

.has-text-weight-normal {
  font-weight: 400 !important
}

.has-text-weight-semibold {
  font-weight: 600 !important
}

.has-text-weight-bold {
  font-weight: 700 !important
}

.is-size-large {
  font-size: 1.125rem !important
}

.is-size-body {
  font-size: 1rem !important
}

.is-size-small {
  font-size: .875rem !important
}

.is-size-extra-small {
  font-size: .75rem !important
}

.is-monospace {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important
}

.has-letter-spacing-wide {
  letter-spacing: .225rem
}

.is-italic {
  font-style: italic !important
}

.is-underlined {
  text-decoration: underline
}

.is-undecorated {
  text-decoration: none
}

.is-undecorated,
.is-undecorated *,
.is-undecorated.focus-visible,
.is-undecorated .focus-visible,
.is-undecorated:hover,
.is-undecorated :hover {
  text-decoration: none !important
}

.is-size-jumbo-responsive {
  font-size: calc(1.60417rem + 2.36111vw) !important
}

@media (min-width:1200px) {
  .is-size-jumbo-responsive {
    font-size: 3.375rem !important
  }
}

.is-size-h1-responsive {
  font-size: calc(1.45833rem + 1.38889vw) !important
}

@media (min-width:1200px) {
  .is-size-h1-responsive {
    font-size: 2.5rem !important
  }
}

.is-size-h2-responsive {
  font-size: calc(1.39583rem + .97222vw) !important
}

@media (min-width:1200px) {
  .is-size-h2-responsive {
    font-size: 2.125rem !important
  }
}

.is-size-h3-responsive {
  font-size: calc(1.33333rem + .55556vw) !important
}

@media (min-width:1200px) {
  .is-size-h3-responsive {
    font-size: 1.75rem !important
  }
}

.is-size-h4-responsive {
  font-size: calc(1.29167rem + .27778vw) !important
}

@media (min-width:1200px) {
  .is-size-h4-responsive {
    font-size: 1.5rem !important
  }
}

.is-size-h6 {
  font-size: 1.125rem !important
}

.has-text-wrap {
  word-wrap: break-word !important;
  white-space: normal !important;
  word-break: break-word !important;
  height: auto !important
}

.cdlHolder .cdl,
.memberNameHolder,
.pdlHolder .pdl,
.propertyInfo,
dl.parameterList dd {
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-word
}

.has-no-wrap {
  white-space: nowrap
}

.has-text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis
}

.is-capitalized {
  text-transform: capitalize !important
}

.is-lowercase {
  text-transform: lowercase !important
}

.is-uppercase {
  text-transform: uppercase !important
}

.is-underlined-dotted {
  border-bottom: 1px dotted
}

.is-normal {
  font-style: normal
}

.has-text-subtle {
  color: #505050 !important;
  color: var(--theme-text-subtle) !important
}

.has-text-overlay-invert {
  color: #ffffff;
  color: var(--theme-overlay-invert)
}

.has-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.has-overflow-ellipsis wbr {
  display: none
}

@media print,
screen and (min-width:768px) {
  .has-overflow-ellipsis-tablet {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .has-overflow-ellipsis-tablet wbr {
    display: none
  }
}

.has-text-centered {
  text-align: center !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-text-centered-mobile {
    text-align: center !important
  }
}

@media print,
screen and (min-width:768px) {
  .has-text-centered-tablet {
    text-align: center !important
  }
}

.has-text-justified {
  text-align: justify !important
}

.has-text-left {
  text-align: left !important
}

.has-text-right {
  text-align: right !important
}

@media screen and (min-width:1088px) {
  .text-align-right-desktop {
    text-align: right !important
  }
}

.has-tabular-nums {
  font-variant-numeric: tabular-nums
}

.has-margin-extra-small {
  margin: .25rem !important
}

.has-padding-extra-small {
  padding: .25rem !important
}

.has-margin-small {
  margin: .5rem !important
}

.has-padding-small {
  padding: .5rem !important
}

.has-margin-medium {
  margin: 1rem !important
}

.has-padding-medium {
  padding: 1rem !important
}

.has-margin-large {
  margin: 1.5rem !important
}

.has-padding-large {
  padding: 1.5rem !important
}

.has-margin-extra-large {
  margin: 3rem !important
}

.has-padding-extra-large {
  padding: 3rem !important
}

.has-margin-super-large {
  margin: 6rem !important
}

.has-padding-super-large {
  padding: 6rem !important
}

.has-margin-none {
  margin: 0 !important
}

.has-padding-none {
  padding: 0 !important
}

.has-margin-top-extra-small {
  margin-top: .25rem !important
}

.has-padding-top-extra-small {
  padding-top: .25rem !important
}

.has-margin-right-extra-small {
  margin-right: .25rem !important
}

.has-padding-right-extra-small {
  padding-right: .25rem !important
}

.has-content-margin-right-extra-small {
  margin-right: .25rem !important
}

.has-content-padding-right-extra-small {
  padding-right: .25rem !important
}

.has-margin-bottom-extra-small {
  margin-bottom: .25rem !important
}

.has-padding-bottom-extra-small {
  padding-bottom: .25rem !important
}

.has-margin-left-extra-small {
  margin-left: .25rem !important
}

.has-padding-left-extra-small {
  padding-left: .25rem !important
}

.has-content-margin-left-extra-small {
  margin-left: .25rem !important
}

.has-content-padding-left-extra-small {
  padding-left: .25rem !important
}

.has-margin-top-small {
  margin-top: .5rem !important
}

.has-padding-top-small {
  padding-top: .5rem !important
}

.has-margin-right-small {
  margin-right: .5rem !important
}

.has-padding-right-small {
  padding-right: .5rem !important
}

.has-content-margin-right-small {
  margin-right: .5rem !important
}

.has-content-padding-right-small {
  padding-right: .5rem !important
}

.has-margin-bottom-small {
  margin-bottom: .5rem !important
}

.has-padding-bottom-small {
  padding-bottom: .5rem !important
}

.has-margin-left-small {
  margin-left: .5rem !important
}

.has-padding-left-small {
  padding-left: .5rem !important
}

.has-content-margin-left-small {
  margin-left: .5rem !important
}

.has-content-padding-left-small {
  padding-left: .5rem !important
}

.has-margin-top-medium {
  margin-top: 1rem !important
}

.has-padding-top-medium {
  padding-top: 1rem !important
}

.has-margin-right-medium {
  margin-right: 1rem !important
}

.has-padding-right-medium {
  padding-right: 1rem !important
}

.has-content-margin-right-medium {
  margin-right: 1rem !important
}

.has-content-padding-right-medium {
  padding-right: 1rem !important
}

.has-margin-bottom-medium {
  margin-bottom: 1rem !important
}

.has-padding-bottom-medium {
  padding-bottom: 1rem !important
}

.has-margin-left-medium {
  margin-left: 1rem !important
}

.has-padding-left-medium {
  padding-left: 1rem !important
}

.has-content-margin-left-medium {
  margin-left: 1rem !important
}

.has-content-padding-left-medium {
  padding-left: 1rem !important
}

.has-margin-top-large {
  margin-top: 1.5rem !important
}

.has-padding-top-large {
  padding-top: 1.5rem !important
}

.has-margin-right-large {
  margin-right: 1.5rem !important
}

.has-padding-right-large {
  padding-right: 1.5rem !important
}

.has-content-margin-right-large {
  margin-right: 1.5rem !important
}

.has-content-padding-right-large {
  padding-right: 1.5rem !important
}

.has-margin-bottom-large {
  margin-bottom: 1.5rem !important
}

.has-padding-bottom-large {
  padding-bottom: 1.5rem !important
}

.has-margin-left-large {
  margin-left: 1.5rem !important
}

.has-padding-left-large {
  padding-left: 1.5rem !important
}

.has-content-margin-left-large {
  margin-left: 1.5rem !important
}

.has-content-padding-left-large {
  padding-left: 1.5rem !important
}

.has-margin-top-extra-large {
  margin-top: 3rem !important
}

.has-padding-top-extra-large {
  padding-top: 3rem !important
}

.has-margin-right-extra-large {
  margin-right: 3rem !important
}

.has-padding-right-extra-large {
  padding-right: 3rem !important
}

.has-content-margin-right-extra-large {
  margin-right: 3rem !important
}

.has-content-padding-right-extra-large {
  padding-right: 3rem !important
}

.has-margin-bottom-extra-large {
  margin-bottom: 3rem !important
}

.has-padding-bottom-extra-large {
  padding-bottom: 3rem !important
}

.has-margin-left-extra-large {
  margin-left: 3rem !important
}

.has-padding-left-extra-large {
  padding-left: 3rem !important
}

.has-content-margin-left-extra-large {
  margin-left: 3rem !important
}

.has-content-padding-left-extra-large {
  padding-left: 3rem !important
}

.has-margin-top-super-large {
  margin-top: 6rem !important
}

.has-padding-top-super-large {
  padding-top: 6rem !important
}

.has-margin-right-super-large {
  margin-right: 6rem !important
}

.has-padding-right-super-large {
  padding-right: 6rem !important
}

.has-content-margin-right-super-large {
  margin-right: 6rem !important
}

.has-content-padding-right-super-large {
  padding-right: 6rem !important
}

.has-margin-bottom-super-large {
  margin-bottom: 6rem !important
}

.has-padding-bottom-super-large {
  padding-bottom: 6rem !important
}

.has-margin-left-super-large {
  margin-left: 6rem !important
}

.has-padding-left-super-large {
  padding-left: 6rem !important
}

.has-content-margin-left-super-large {
  margin-left: 6rem !important
}

.has-content-padding-left-super-large {
  padding-left: 6rem !important
}

.has-margin-top-none {
  margin-top: 0 !important
}

.has-padding-top-none {
  padding-top: 0 !important
}

.has-margin-right-none {
  margin-right: 0 !important
}

.has-padding-right-none {
  padding-right: 0 !important
}

.has-content-margin-right-none {
  margin-right: 0 !important
}

.has-content-padding-right-none {
  padding-right: 0 !important
}

.has-margin-bottom-none {
  margin-bottom: 0 !important
}

.has-padding-bottom-none {
  padding-bottom: 0 !important
}

.has-margin-left-none {
  margin-left: 0 !important
}

.has-padding-left-none {
  padding-left: 0 !important
}

.has-content-margin-left-none {
  margin-left: 0 !important
}

.has-content-padding-left-none {
  padding-left: 0 !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-margin-extra-small-mobile {
    margin: .25rem !important
  }

  .has-padding-extra-small-mobile {
    padding: .25rem !important
  }

  .has-margin-small-mobile {
    margin: .5rem !important
  }

  .has-padding-small-mobile {
    padding: .5rem !important
  }

  .has-margin-medium-mobile {
    margin: 1rem !important
  }

  .has-padding-medium-mobile {
    padding: 1rem !important
  }

  .has-margin-large-mobile {
    margin: 1.5rem !important
  }

  .has-padding-large-mobile {
    padding: 1.5rem !important
  }

  .has-margin-extra-large-mobile {
    margin: 3rem !important
  }

  .has-padding-extra-large-mobile {
    padding: 3rem !important
  }

  .has-margin-super-large-mobile {
    margin: 6rem !important
  }

  .has-padding-super-large-mobile {
    padding: 6rem !important
  }

  .has-margin-none-mobile {
    margin: 0 !important
  }

  .has-padding-none-mobile {
    padding: 0 !important
  }

  .has-margin-top-extra-small-mobile {
    margin-top: .25rem !important
  }

  .has-padding-top-extra-small-mobile {
    padding-top: .25rem !important
  }

  .has-margin-right-extra-small-mobile {
    margin-right: .25rem !important
  }

  .has-padding-right-extra-small-mobile {
    padding-right: .25rem !important
  }

  .has-content-margin-right-extra-small-mobile {
    margin-right: .25rem !important
  }

  .has-content-padding-right-extra-small-mobile {
    padding-right: .25rem !important
  }

  .has-margin-bottom-extra-small-mobile {
    margin-bottom: .25rem !important
  }

  .has-padding-bottom-extra-small-mobile {
    padding-bottom: .25rem !important
  }

  .has-margin-left-extra-small-mobile {
    margin-left: .25rem !important
  }

  .has-padding-left-extra-small-mobile {
    padding-left: .25rem !important
  }

  .has-content-margin-left-extra-small-mobile {
    margin-left: .25rem !important
  }

  .has-content-padding-left-extra-small-mobile {
    padding-left: .25rem !important
  }

  .has-margin-top-small-mobile {
    margin-top: .5rem !important
  }

  .has-padding-top-small-mobile {
    padding-top: .5rem !important
  }

  .has-margin-right-small-mobile {
    margin-right: .5rem !important
  }

  .has-padding-right-small-mobile {
    padding-right: .5rem !important
  }

  .has-content-margin-right-small-mobile {
    margin-right: .5rem !important
  }

  .has-content-padding-right-small-mobile {
    padding-right: .5rem !important
  }

  .has-margin-bottom-small-mobile {
    margin-bottom: .5rem !important
  }

  .has-padding-bottom-small-mobile {
    padding-bottom: .5rem !important
  }

  .has-margin-left-small-mobile {
    margin-left: .5rem !important
  }

  .has-padding-left-small-mobile {
    padding-left: .5rem !important
  }

  .has-content-margin-left-small-mobile {
    margin-left: .5rem !important
  }

  .has-content-padding-left-small-mobile {
    padding-left: .5rem !important
  }

  .has-margin-top-medium-mobile {
    margin-top: 1rem !important
  }

  .has-padding-top-medium-mobile {
    padding-top: 1rem !important
  }

  .has-margin-right-medium-mobile {
    margin-right: 1rem !important
  }

  .has-padding-right-medium-mobile {
    padding-right: 1rem !important
  }

  .has-content-margin-right-medium-mobile {
    margin-right: 1rem !important
  }

  .has-content-padding-right-medium-mobile {
    padding-right: 1rem !important
  }

  .has-margin-bottom-medium-mobile {
    margin-bottom: 1rem !important
  }

  .has-padding-bottom-medium-mobile {
    padding-bottom: 1rem !important
  }

  .has-margin-left-medium-mobile {
    margin-left: 1rem !important
  }

  .has-padding-left-medium-mobile {
    padding-left: 1rem !important
  }

  .has-content-margin-left-medium-mobile {
    margin-left: 1rem !important
  }

  .has-content-padding-left-medium-mobile {
    padding-left: 1rem !important
  }

  .has-margin-top-large-mobile {
    margin-top: 1.5rem !important
  }

  .has-padding-top-large-mobile {
    padding-top: 1.5rem !important
  }

  .has-margin-right-large-mobile {
    margin-right: 1.5rem !important
  }

  .has-padding-right-large-mobile {
    padding-right: 1.5rem !important
  }

  .has-content-margin-right-large-mobile {
    margin-right: 1.5rem !important
  }

  .has-content-padding-right-large-mobile {
    padding-right: 1.5rem !important
  }

  .has-margin-bottom-large-mobile {
    margin-bottom: 1.5rem !important
  }

  .has-padding-bottom-large-mobile {
    padding-bottom: 1.5rem !important
  }

  .has-margin-left-large-mobile {
    margin-left: 1.5rem !important
  }

  .has-padding-left-large-mobile {
    padding-left: 1.5rem !important
  }

  .has-content-margin-left-large-mobile {
    margin-left: 1.5rem !important
  }

  .has-content-padding-left-large-mobile {
    padding-left: 1.5rem !important
  }

  .has-margin-top-extra-large-mobile {
    margin-top: 3rem !important
  }

  .has-padding-top-extra-large-mobile {
    padding-top: 3rem !important
  }

  .has-margin-right-extra-large-mobile {
    margin-right: 3rem !important
  }

  .has-padding-right-extra-large-mobile {
    padding-right: 3rem !important
  }

  .has-content-margin-right-extra-large-mobile {
    margin-right: 3rem !important
  }

  .has-content-padding-right-extra-large-mobile {
    padding-right: 3rem !important
  }

  .has-margin-bottom-extra-large-mobile {
    margin-bottom: 3rem !important
  }

  .has-padding-bottom-extra-large-mobile {
    padding-bottom: 3rem !important
  }

  .has-margin-left-extra-large-mobile {
    margin-left: 3rem !important
  }

  .has-padding-left-extra-large-mobile {
    padding-left: 3rem !important
  }

  .has-content-margin-left-extra-large-mobile {
    margin-left: 3rem !important
  }

  .has-content-padding-left-extra-large-mobile {
    padding-left: 3rem !important
  }

  .has-margin-top-super-large-mobile {
    margin-top: 6rem !important
  }

  .has-padding-top-super-large-mobile {
    padding-top: 6rem !important
  }

  .has-margin-right-super-large-mobile {
    margin-right: 6rem !important
  }

  .has-padding-right-super-large-mobile {
    padding-right: 6rem !important
  }

  .has-content-margin-right-super-large-mobile {
    margin-right: 6rem !important
  }

  .has-content-padding-right-super-large-mobile {
    padding-right: 6rem !important
  }

  .has-margin-bottom-super-large-mobile {
    margin-bottom: 6rem !important
  }

  .has-padding-bottom-super-large-mobile {
    padding-bottom: 6rem !important
  }

  .has-margin-left-super-large-mobile {
    margin-left: 6rem !important
  }

  .has-padding-left-super-large-mobile {
    padding-left: 6rem !important
  }

  .has-content-margin-left-super-large-mobile {
    margin-left: 6rem !important
  }

  .has-content-padding-left-super-large-mobile {
    padding-left: 6rem !important
  }

  .has-margin-top-none-mobile {
    margin-top: 0 !important
  }

  .has-padding-top-none-mobile {
    padding-top: 0 !important
  }

  .has-margin-right-none-mobile {
    margin-right: 0 !important
  }

  .has-padding-right-none-mobile {
    padding-right: 0 !important
  }

  .has-content-margin-right-none-mobile {
    margin-right: 0 !important
  }

  .has-content-padding-right-none-mobile {
    padding-right: 0 !important
  }

  .has-margin-bottom-none-mobile {
    margin-bottom: 0 !important
  }

  .has-padding-bottom-none-mobile {
    padding-bottom: 0 !important
  }

  .has-margin-left-none-mobile {
    margin-left: 0 !important
  }

  .has-padding-left-none-mobile {
    padding-left: 0 !important
  }

  .has-content-margin-left-none-mobile {
    margin-left: 0 !important
  }

  .has-content-padding-left-none-mobile {
    padding-left: 0 !important
  }
}

@media print,
screen and (min-width:768px) {
  .has-margin-extra-small-tablet {
    margin: .25rem !important
  }

  .has-padding-extra-small-tablet {
    padding: .25rem !important
  }

  .has-margin-small-tablet {
    margin: .5rem !important
  }

  .has-padding-small-tablet {
    padding: .5rem !important
  }

  .has-margin-medium-tablet {
    margin: 1rem !important
  }

  .has-padding-medium-tablet {
    padding: 1rem !important
  }

  .has-margin-large-tablet {
    margin: 1.5rem !important
  }

  .has-padding-large-tablet {
    padding: 1.5rem !important
  }

  .has-margin-extra-large-tablet {
    margin: 3rem !important
  }

  .has-padding-extra-large-tablet {
    padding: 3rem !important
  }

  .has-margin-super-large-tablet {
    margin: 6rem !important
  }

  .has-padding-super-large-tablet {
    padding: 6rem !important
  }

  .has-margin-none-tablet {
    margin: 0 !important
  }

  .has-padding-none-tablet {
    padding: 0 !important
  }

  .has-margin-top-extra-small-tablet {
    margin-top: .25rem !important
  }

  .has-padding-top-extra-small-tablet {
    padding-top: .25rem !important
  }

  .has-margin-right-extra-small-tablet {
    margin-right: .25rem !important
  }

  .has-padding-right-extra-small-tablet {
    padding-right: .25rem !important
  }

  .has-content-margin-right-extra-small-tablet {
    margin-right: .25rem !important
  }

  .has-content-padding-right-extra-small-tablet {
    padding-right: .25rem !important
  }

  .has-margin-bottom-extra-small-tablet {
    margin-bottom: .25rem !important
  }

  .has-padding-bottom-extra-small-tablet {
    padding-bottom: .25rem !important
  }

  .has-margin-left-extra-small-tablet {
    margin-left: .25rem !important
  }

  .has-padding-left-extra-small-tablet {
    padding-left: .25rem !important
  }

  .has-content-margin-left-extra-small-tablet {
    margin-left: .25rem !important
  }

  .has-content-padding-left-extra-small-tablet {
    padding-left: .25rem !important
  }

  .has-margin-top-small-tablet {
    margin-top: .5rem !important
  }

  .has-padding-top-small-tablet {
    padding-top: .5rem !important
  }

  .has-margin-right-small-tablet {
    margin-right: .5rem !important
  }

  .has-padding-right-small-tablet {
    padding-right: .5rem !important
  }

  .has-content-margin-right-small-tablet {
    margin-right: .5rem !important
  }

  .has-content-padding-right-small-tablet {
    padding-right: .5rem !important
  }

  .has-margin-bottom-small-tablet {
    margin-bottom: .5rem !important
  }

  .has-padding-bottom-small-tablet {
    padding-bottom: .5rem !important
  }

  .has-margin-left-small-tablet {
    margin-left: .5rem !important
  }

  .has-padding-left-small-tablet {
    padding-left: .5rem !important
  }

  .has-content-margin-left-small-tablet {
    margin-left: .5rem !important
  }

  .has-content-padding-left-small-tablet {
    padding-left: .5rem !important
  }

  .has-margin-top-medium-tablet {
    margin-top: 1rem !important
  }

  .has-padding-top-medium-tablet {
    padding-top: 1rem !important
  }

  .has-margin-right-medium-tablet {
    margin-right: 1rem !important
  }

  .has-padding-right-medium-tablet {
    padding-right: 1rem !important
  }

  .has-content-margin-right-medium-tablet {
    margin-right: 1rem !important
  }

  .has-content-padding-right-medium-tablet {
    padding-right: 1rem !important
  }

  .has-margin-bottom-medium-tablet {
    margin-bottom: 1rem !important
  }

  .has-padding-bottom-medium-tablet {
    padding-bottom: 1rem !important
  }

  .has-margin-left-medium-tablet {
    margin-left: 1rem !important
  }

  .has-padding-left-medium-tablet {
    padding-left: 1rem !important
  }

  .has-content-margin-left-medium-tablet {
    margin-left: 1rem !important
  }

  .has-content-padding-left-medium-tablet {
    padding-left: 1rem !important
  }

  .has-margin-top-large-tablet {
    margin-top: 1.5rem !important
  }

  .has-padding-top-large-tablet {
    padding-top: 1.5rem !important
  }

  .has-margin-right-large-tablet {
    margin-right: 1.5rem !important
  }

  .has-padding-right-large-tablet {
    padding-right: 1.5rem !important
  }

  .has-content-margin-right-large-tablet {
    margin-right: 1.5rem !important
  }

  .has-content-padding-right-large-tablet {
    padding-right: 1.5rem !important
  }

  .has-margin-bottom-large-tablet {
    margin-bottom: 1.5rem !important
  }

  .has-padding-bottom-large-tablet {
    padding-bottom: 1.5rem !important
  }

  .has-margin-left-large-tablet {
    margin-left: 1.5rem !important
  }

  .has-padding-left-large-tablet {
    padding-left: 1.5rem !important
  }

  .has-content-margin-left-large-tablet {
    margin-left: 1.5rem !important
  }

  .has-content-padding-left-large-tablet {
    padding-left: 1.5rem !important
  }

  .has-margin-top-extra-large-tablet {
    margin-top: 3rem !important
  }

  .has-padding-top-extra-large-tablet {
    padding-top: 3rem !important
  }

  .has-margin-right-extra-large-tablet {
    margin-right: 3rem !important
  }

  .has-padding-right-extra-large-tablet {
    padding-right: 3rem !important
  }

  .has-content-margin-right-extra-large-tablet {
    margin-right: 3rem !important
  }

  .has-content-padding-right-extra-large-tablet {
    padding-right: 3rem !important
  }

  .has-margin-bottom-extra-large-tablet {
    margin-bottom: 3rem !important
  }

  .has-padding-bottom-extra-large-tablet {
    padding-bottom: 3rem !important
  }

  .has-margin-left-extra-large-tablet {
    margin-left: 3rem !important
  }

  .has-padding-left-extra-large-tablet {
    padding-left: 3rem !important
  }

  .has-content-margin-left-extra-large-tablet {
    margin-left: 3rem !important
  }

  .has-content-padding-left-extra-large-tablet {
    padding-left: 3rem !important
  }

  .has-margin-top-super-large-tablet {
    margin-top: 6rem !important
  }

  .has-padding-top-super-large-tablet {
    padding-top: 6rem !important
  }

  .has-margin-right-super-large-tablet {
    margin-right: 6rem !important
  }

  .has-padding-right-super-large-tablet {
    padding-right: 6rem !important
  }

  .has-content-margin-right-super-large-tablet {
    margin-right: 6rem !important
  }

  .has-content-padding-right-super-large-tablet {
    padding-right: 6rem !important
  }

  .has-margin-bottom-super-large-tablet {
    margin-bottom: 6rem !important
  }

  .has-padding-bottom-super-large-tablet {
    padding-bottom: 6rem !important
  }

  .has-margin-left-super-large-tablet {
    margin-left: 6rem !important
  }

  .has-padding-left-super-large-tablet {
    padding-left: 6rem !important
  }

  .has-content-margin-left-super-large-tablet {
    margin-left: 6rem !important
  }

  .has-content-padding-left-super-large-tablet {
    padding-left: 6rem !important
  }

  .has-margin-top-none-tablet {
    margin-top: 0 !important
  }

  .has-padding-top-none-tablet {
    padding-top: 0 !important
  }

  .has-margin-right-none-tablet {
    margin-right: 0 !important
  }

  .has-padding-right-none-tablet {
    padding-right: 0 !important
  }

  .has-content-margin-right-none-tablet {
    margin-right: 0 !important
  }

  .has-content-padding-right-none-tablet {
    padding-right: 0 !important
  }

  .has-margin-bottom-none-tablet {
    margin-bottom: 0 !important
  }

  .has-padding-bottom-none-tablet {
    padding-bottom: 0 !important
  }

  .has-margin-left-none-tablet {
    margin-left: 0 !important
  }

  .has-padding-left-none-tablet {
    padding-left: 0 !important
  }

  .has-content-margin-left-none-tablet {
    margin-left: 0 !important
  }

  .has-content-padding-left-none-tablet {
    padding-left: 0 !important
  }
}

@media print,
screen and (min-width:860px) {
  .has-padding-none-uhf-tablet {
    padding: 0 !important
  }

  .has-padding-top-none-uhf-tablet {
    padding-top: 0 !important
  }

  .has-padding-right-none-uhf-tablet {
    padding-right: 0 !important
  }

  .has-padding-bottom-none-uhf-tablet {
    padding-bottom: 0 !important
  }

  .has-padding-left-none-uhf-tablet {
    padding-left: 0 !important
  }
}

@media screen and (min-width:1088px) {
  .has-margin-extra-small-desktop {
    margin: .25rem !important
  }

  .has-padding-extra-small-desktop {
    padding: .25rem !important
  }

  .has-margin-small-desktop {
    margin: .5rem !important
  }

  .has-padding-small-desktop {
    padding: .5rem !important
  }

  .has-margin-medium-desktop {
    margin: 1rem !important
  }

  .has-padding-medium-desktop {
    padding: 1rem !important
  }

  .has-margin-large-desktop {
    margin: 1.5rem !important
  }

  .has-padding-large-desktop {
    padding: 1.5rem !important
  }

  .has-margin-extra-large-desktop {
    margin: 3rem !important
  }

  .has-padding-extra-large-desktop {
    padding: 3rem !important
  }

  .has-margin-super-large-desktop {
    margin: 6rem !important
  }

  .has-padding-super-large-desktop {
    padding: 6rem !important
  }

  .has-margin-none-desktop {
    margin: 0 !important
  }

  .has-padding-none-desktop {
    padding: 0 !important
  }

  .has-margin-top-extra-small-desktop {
    margin-top: .25rem !important
  }

  .has-padding-top-extra-small-desktop {
    padding-top: .25rem !important
  }

  .has-margin-right-extra-small-desktop {
    margin-right: .25rem !important
  }

  .has-padding-right-extra-small-desktop {
    padding-right: .25rem !important
  }

  .has-content-margin-right-extra-small-desktop {
    margin-right: .25rem !important
  }

  .has-content-padding-right-extra-small-desktop {
    padding-right: .25rem !important
  }

  .has-margin-bottom-extra-small-desktop {
    margin-bottom: .25rem !important
  }

  .has-padding-bottom-extra-small-desktop {
    padding-bottom: .25rem !important
  }

  .has-margin-left-extra-small-desktop {
    margin-left: .25rem !important
  }

  .has-padding-left-extra-small-desktop {
    padding-left: .25rem !important
  }

  .has-content-margin-left-extra-small-desktop {
    margin-left: .25rem !important
  }

  .has-content-padding-left-extra-small-desktop {
    padding-left: .25rem !important
  }

  .has-margin-top-small-desktop {
    margin-top: .5rem !important
  }

  .has-padding-top-small-desktop {
    padding-top: .5rem !important
  }

  .has-margin-right-small-desktop {
    margin-right: .5rem !important
  }

  .has-padding-right-small-desktop {
    padding-right: .5rem !important
  }

  .has-content-margin-right-small-desktop {
    margin-right: .5rem !important
  }

  .has-content-padding-right-small-desktop {
    padding-right: .5rem !important
  }

  .has-margin-bottom-small-desktop {
    margin-bottom: .5rem !important
  }

  .has-padding-bottom-small-desktop {
    padding-bottom: .5rem !important
  }

  .has-margin-left-small-desktop {
    margin-left: .5rem !important
  }

  .has-padding-left-small-desktop {
    padding-left: .5rem !important
  }

  .has-content-margin-left-small-desktop {
    margin-left: .5rem !important
  }

  .has-content-padding-left-small-desktop {
    padding-left: .5rem !important
  }

  .has-margin-top-medium-desktop {
    margin-top: 1rem !important
  }

  .has-padding-top-medium-desktop {
    padding-top: 1rem !important
  }

  .has-margin-right-medium-desktop {
    margin-right: 1rem !important
  }

  .has-padding-right-medium-desktop {
    padding-right: 1rem !important
  }

  .has-content-margin-right-medium-desktop {
    margin-right: 1rem !important
  }

  .has-content-padding-right-medium-desktop {
    padding-right: 1rem !important
  }

  .has-margin-bottom-medium-desktop {
    margin-bottom: 1rem !important
  }

  .has-padding-bottom-medium-desktop {
    padding-bottom: 1rem !important
  }

  .has-margin-left-medium-desktop {
    margin-left: 1rem !important
  }

  .has-padding-left-medium-desktop {
    padding-left: 1rem !important
  }

  .has-content-margin-left-medium-desktop {
    margin-left: 1rem !important
  }

  .has-content-padding-left-medium-desktop {
    padding-left: 1rem !important
  }

  .has-margin-top-large-desktop {
    margin-top: 1.5rem !important
  }

  .has-padding-top-large-desktop {
    padding-top: 1.5rem !important
  }

  .has-margin-right-large-desktop {
    margin-right: 1.5rem !important
  }

  .has-padding-right-large-desktop {
    padding-right: 1.5rem !important
  }

  .has-content-margin-right-large-desktop {
    margin-right: 1.5rem !important
  }

  .has-content-padding-right-large-desktop {
    padding-right: 1.5rem !important
  }

  .has-margin-bottom-large-desktop {
    margin-bottom: 1.5rem !important
  }

  .has-padding-bottom-large-desktop {
    padding-bottom: 1.5rem !important
  }

  .has-margin-left-large-desktop {
    margin-left: 1.5rem !important
  }

  .has-padding-left-large-desktop {
    padding-left: 1.5rem !important
  }

  .has-content-margin-left-large-desktop {
    margin-left: 1.5rem !important
  }

  .has-content-padding-left-large-desktop {
    padding-left: 1.5rem !important
  }

  .has-margin-top-extra-large-desktop {
    margin-top: 3rem !important
  }

  .has-padding-top-extra-large-desktop {
    padding-top: 3rem !important
  }

  .has-margin-right-extra-large-desktop {
    margin-right: 3rem !important
  }

  .has-padding-right-extra-large-desktop {
    padding-right: 3rem !important
  }

  .has-content-margin-right-extra-large-desktop {
    margin-right: 3rem !important
  }

  .has-content-padding-right-extra-large-desktop {
    padding-right: 3rem !important
  }

  .has-margin-bottom-extra-large-desktop {
    margin-bottom: 3rem !important
  }

  .has-padding-bottom-extra-large-desktop {
    padding-bottom: 3rem !important
  }

  .has-margin-left-extra-large-desktop {
    margin-left: 3rem !important
  }

  .has-padding-left-extra-large-desktop {
    padding-left: 3rem !important
  }

  .has-content-margin-left-extra-large-desktop {
    margin-left: 3rem !important
  }

  .has-content-padding-left-extra-large-desktop {
    padding-left: 3rem !important
  }

  .has-margin-top-super-large-desktop {
    margin-top: 6rem !important
  }

  .has-padding-top-super-large-desktop {
    padding-top: 6rem !important
  }

  .has-margin-right-super-large-desktop {
    margin-right: 6rem !important
  }

  .has-padding-right-super-large-desktop {
    padding-right: 6rem !important
  }

  .has-content-margin-right-super-large-desktop {
    margin-right: 6rem !important
  }

  .has-content-padding-right-super-large-desktop {
    padding-right: 6rem !important
  }

  .has-margin-bottom-super-large-desktop {
    margin-bottom: 6rem !important
  }

  .has-padding-bottom-super-large-desktop {
    padding-bottom: 6rem !important
  }

  .has-margin-left-super-large-desktop {
    margin-left: 6rem !important
  }

  .has-padding-left-super-large-desktop {
    padding-left: 6rem !important
  }

  .has-content-margin-left-super-large-desktop {
    margin-left: 6rem !important
  }

  .has-content-padding-left-super-large-desktop {
    padding-left: 6rem !important
  }

  .has-margin-top-none-desktop {
    margin-top: 0 !important
  }

  .has-padding-top-none-desktop {
    padding-top: 0 !important
  }

  .has-margin-right-none-desktop {
    margin-right: 0 !important
  }

  .has-padding-right-none-desktop {
    padding-right: 0 !important
  }

  .has-content-margin-right-none-desktop {
    margin-right: 0 !important
  }

  .has-content-padding-right-none-desktop {
    padding-right: 0 !important
  }

  .has-margin-bottom-none-desktop {
    margin-bottom: 0 !important
  }

  .has-padding-bottom-none-desktop {
    padding-bottom: 0 !important
  }

  .has-margin-left-none-desktop {
    margin-left: 0 !important
  }

  .has-padding-left-none-desktop {
    padding-left: 0 !important
  }

  .has-content-margin-left-none-desktop {
    margin-left: 0 !important
  }

  .has-content-padding-left-none-desktop {
    padding-left: 0 !important
  }
}

.has-margin-auto-sides {
  margin-right: auto !important;
  margin-left: auto !important
}

.has-margin-auto-top {
  margin-top: auto !important
}

.has-margin-left-negative-extra-large {
  left: -3rem
}

.has-margin-right-negative-extra-large {
  right: -3rem
}

.has-margin-top-negative-small {
  margin-top: -.5rem !important
}

.has-margin-top-negative-large {
  margin-top: -1.5rem !important
}

.has-one-line {
  -webkit-line-clamp: 1 !important
}

.has-two-lines {
  -webkit-line-clamp: 2 !important
}

.has-three-lines {
  -webkit-line-clamp: 3 !important
}

.is-fixed {
  position: fixed !important
}

.is-absolute {
  position: absolute !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-absolute-mobile {
    position: absolute !important
  }
}

.is-relative {
  position: relative !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .is-relative-mobile {
    position: relative !important
  }
}

@media print,
screen and (min-width:768px) {
  .is-relative-tablet {
    position: relative !important
  }
}

.has-top-zero {
  top: 0
}

.has-bottom-zero {
  bottom: 0
}

.has-left-zero {
  left: 0
}

.has-right-zero {
  right: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-top-zero-mobile {
    top: 0
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-right-zero-mobile {
    right: 0
  }
}

.has-content-left-zero {
  left: 0
}

.is-vertically-aligned-bottom {
  vertical-align: bottom !important
}

.has-content-right-zero {
  right: 0
}

.is-vertically-aligned-middle {
  vertical-align: middle !important
}

html.has-interactive .has-margin-top-medium-interactive {
  margin-top: 1rem !important
}

html.has-interactive .has-margin-right-large-interactive {
  margin-right: 1.5rem !important
}

.has-flex-align-self-center {
  align-self: center !important
}

.has-flex-align-self-end {
  align-self: flex-end !important
}

.has-flex-align-items-center {
  align-items: center !important
}

.has-flex-justify-content-start {
  justify-content: flex-start !important
}

.has-flex-justify-content-center {
  justify-content: center !important
}

.has-flex-justify-content-space-between {
  justify-content: space-between !important
}

.has-flex-justify-content-end {
  justify-content: flex-end !important
}

.has-flex-wrap {
  flex-wrap: wrap !important
}

.has-flex-grow {
  flex-grow: 1 !important
}

.has-flex-shrink {
  flex-shrink: 1 !important
}

.is-flex-column {
  flex-direction: column !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-flex-justify-content-start-mobile {
    justify-content: flex-start !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-flex-justify-content-center-mobile {
    justify-content: center !important
  }
}

@media print,
screen and (min-width:768px) {
  .has-flex-justify-content-center-tablet {
    justify-content: center !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .has-flex-justify-content-end-mobile {
    justify-content: flex-end !important
  }
}

@media print,
screen and (min-width:768px) {
  .has-flex-justify-content-end-tablet {
    justify-content: flex-end !important
  }
}

@media screen and (min-width:1088px) {
  .has-flex-justify-content-end-desktop {
    justify-content: flex-end !important
  }
}

.has-width-100 {
  width: 100px !important
}

.has-width-150 {
  width: 150px !important
}

@media screen and (max-width:767px) {
  .has-width-200-mobile {
    width: 200px !important
  }
}

.has-width-250 {
  width: 250px !important
}

@media screen and (min-width:768px) {
  .has-width-300-tablet {
    width: 300px !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  .has-min-width-110-tablet-only {
    min-width: 110px !important
  }
}

@media print,
screen and (min-width:768px) {
  .has-width-400-tablet {
    width: 400px !important
  }
}

.has-width-450 {
  width: 450px !important
}

@media screen and (min-width:1472px) {
  .has-width-450-fullhd {
    width: 450px !important
  }
}

.has-min-width-200 {
  min-width: 200px !important
}

.has-min-width-270 {
  min-width: 270px !important
}

.has-min-width-300 {
  min-width: 300px !important
}

.has-width-auto {
  width: auto !important
}

.has-width-330 {
  width: 330px !important
}

.is-reading-width {
  max-width: 75ch !important
}

.is-overlayed-large {
  padding-bottom: 6rem !important
}

.is-overlayed-large+* {
  margin-top: -3rem !important
}
/*
.theme-light,
:root {
  --theme-text: #171717;
  --theme-text-subtle: #505050;
  --theme-text-invert: #fff;
  --theme-text-glow-high-contrast: #171717;
  --theme-box-shadow-light: rgba(0, 0, 0, 0.11);
  --theme-box-shadow-medium: rgba(0, 0, 0, 0.13);
  --theme-box-shadow-heavy: rgba(0, 0, 0, 0.18);
  --theme-box-shadow-extra-heavy: rgba(0, 0, 0, 0.22);
  --theme-overlay: rgba(0, 0, 0, 0.7);
  --theme-overlay-invert: #fff;
  --theme-body-background: #fff;
  --theme-body-background-medium: #f2f2f2;
  --theme-alternate-background: #171717;
  --theme-alternate-background-medium: #2f2f2f;
  --theme-border: #e6e6e6;
  --theme-table-header: #e6e6e6;
  --theme-table-row-header: #fafafa;
  --theme-table-border-dark: #d2d2d2;
  --theme-hover-base: #2f2f2f;
  --theme-hover-invert: #fafafa;
  --theme-border-white-high-contrast: rgba(255, 255, 255, 0);
  --theme-border-yellow-high-contrast: rgba(0, 0, 0, 0);
  --theme-code-header: #e6e6e6;
  --theme-code-block: #f2f2f2;
  --theme-inline-code: #e6e6e6;
  --theme-code-highlight-background: #fff4ce;
  --theme-visited: #624991;
  --theme-score-low-off: rgba(168, 0, 0, 0.3);
  --theme-score-low: #b62626;
  --theme-score-medium-off: rgba(255, 187, 0, 0.3);
  --theme-score-medium: #ffb900;
  --theme-score-high-off: rgba(72, 157, 72, 0.3);
  --theme-score-high: #2a8b2a;
  --theme-hyperlink: #0065b3;
  --theme-primary-base: #0078d4;
  --theme-primary-background: #d7eaf8;
  --theme-primary-background-glow-high-contrast: #d7eaf8;
  --theme-primary-dark: #004173;
  --theme-primary-hover: #0065b3;
  --theme-primary-active: #00579a;
  --theme-primary-box-shadow: rgba(0, 101, 179, 0.3);
  --theme-primary-invert: #fff;
  --theme-secondary-base: #a2a2a2;
  --theme-secondary-background: #e6e6e6;
  --theme-secondary-background-glow-high-contrast: #e6e6e6;
  --theme-secondary-dark: #2f2f2f;
  --theme-secondary-hover: #d2d2d2;
  --theme-secondary-active: #d2d2d2;
  --theme-secondary-box-shadow: rgba(0, 0, 0, 0.3);
  --theme-secondary-invert: #000;
  --theme-tertiary-base: #243a5e;
  --theme-tertiary-background: #061329;
  --theme-tertiary-background-glow-high-contrast: #061329;
  --theme-tertiary-dark: #a4b2c9;
  --theme-tertiary-hover: #14294c;
  --theme-tertiary-active: #70819f;
  --theme-tertiary-box-shadow: rgba(38, 23, 63, 0.3);
  --theme-tertiary-invert: #fff;
  --theme-success-base: #107c10;
  --theme-success-background: #dff6dd;
  --theme-success-background-glow-high-contrast: #dff6dd;
  --theme-success-dark: #054b16;
  --theme-success-hover: #0b6413;
  --theme-success-active: #054b16;
  --theme-success-box-shadow: rgba(72, 157, 72, 0.3);
  --theme-success-invert: #fff;
  --theme-info-base: #8661c5;
  --theme-info-background: #efd9fd;
  --theme-info-background-glow-high-contrast: #efd9fd;
  --theme-info-dark: #3b2e58;
  --theme-info-hover: #8661c5;
  --theme-info-active: #624991;
  --theme-info-box-shadow: rgba(32, 24, 67, 0.3);
  --theme-info-invert: #fff;
  --theme-warning-base: #ffb900;
  --theme-warning-background: #fff4ce;
  --theme-warning-background-glow-high-contrast: #fff4ce;
  --theme-warning-dark: #6a4b16;
  --theme-warning-hover: #d19501;
  --theme-warning-active: #966802;
  --theme-warning-box-shadow: rgba(255, 187, 0, 0.3);
  --theme-warning-invert: #000;
  --theme-danger-base: #a80000;
  --theme-danger-background: #fde7e9;
  --theme-danger-background-glow-high-contrast: #fde7e9;
  --theme-danger-dark: #470001;
  --theme-danger-hover: #870000;
  --theme-danger-active: #630001;
  --theme-danger-box-shadow: rgba(168, 0, 0, 0.3);
  --theme-danger-invert: #fff;
  --theme-facepile-red: #a80000;
  --theme-facepile-teal: #328e9f;
  --theme-facepile-blue: #0078d4;
  color-scheme: light
}

@media not print {
  .theme-dark {
    --theme-text: #e6e6e6;
    --theme-text-subtle: #d2d2d2;
    --theme-text-invert: #2f2f2f;
    --theme-text-glow-high-contrast: #e6e6e6;
    --theme-box-shadow-light: rgba(255, 255, 255, 0.11);
    --theme-box-shadow-medium: rgba(255, 255, 255, 0.13);
    --theme-box-shadow-heavy: rgba(255, 255, 255, 0.18);
    --theme-box-shadow-extra-heavy: rgba(255, 255, 255, 0.22);
    --theme-overlay: rgba(0, 0, 0, 0.7);
    --theme-overlay-invert: #fff;
    --theme-body-background: #171717;
    --theme-body-background-medium: #2f2f2f;
    --theme-alternate-background: #f2f2f2;
    --theme-alternate-background-medium: #fafafa;
    --theme-border: #404040;
    --theme-table-header: #404040;
    --theme-table-row-header: #2f2f2f;
    --theme-table-border-dark: #505050;
    --theme-hover-base: #d2d2d2;
    --theme-hover-invert: #2f2f2f;
    --theme-border-white-high-contrast: rgba(255, 255, 255, 0);
    --theme-border-yellow-high-contrast: rgba(0, 0, 0, 0);
    --theme-code-header: #404040;
    --theme-code-block: #2f2f2f;
    --theme-inline-code: #404040;
    --theme-code-highlight-background: #0b6413;
    --theme-visited: #ac7ee1;
    --theme-score-low-off: rgba(168, 0, 0, 0.7);
    --theme-score-low: #b62626;
    --theme-score-medium-off: rgba(255, 187, 0, 0.3);
    --theme-score-medium: #ffcb3f;
    --theme-score-high-off: rgba(72, 157, 72, 0.7);
    --theme-score-high: #489d48;
    --theme-hyperlink: #75b6e7;
    --theme-primary-base: #75b6e7;
    --theme-primary-background: #004173;
    --theme-primary-background-glow-high-contrast: #004173;
    --theme-primary-dark: #9ccbee;
    --theme-primary-hover: #278cda;
    --theme-primary-active: #0078d4;
    --theme-primary-box-shadow: rgba(0, 101, 179, 0.3);
    --theme-primary-invert: #000;
    --theme-secondary-base: #757575;
    --theme-secondary-background: #2f2f2f;
    --theme-secondary-background-glow-high-contrast: #2f2f2f;
    --theme-secondary-dark: #e6e6e6;
    --theme-secondary-hover: #8e8e8e;
    --theme-secondary-active: #a2a2a2;
    --theme-secondary-box-shadow: rgba(0, 0, 0, 0.7);
    --theme-secondary-invert: #fff;
    --theme-tertiary-base: #404040;
    --theme-tertiary-background: #171717;
    --theme-tertiary-background-glow-high-contrast: #171717;
    --theme-tertiary-dark: #e6e6e6;
    --theme-tertiary-hover: #505050;
    --theme-tertiary-active: #757575;
    --theme-tertiary-box-shadow: rgba(0, 101, 179, 0.3);
    --theme-tertiary-invert: #fff;
    --theme-success-base: #489d48;
    --theme-success-background: #054b16;
    --theme-success-background-glow-high-contrast: #054b16;
    --theme-success-dark: #dff6dd;
    --theme-success-hover: #489d48;
    --theme-success-active: #7cbb7b;
    --theme-success-box-shadow: rgba(72, 157, 72, 0.7);
    --theme-success-invert: #000;
    --theme-info-base: #9970d3;
    --theme-info-background: #3b2e58;
    --theme-info-background-glow-high-contrast: #3b2e58;
    --theme-info-dark: #efd9fd;
    --theme-info-hover: #ac7ee1;
    --theme-info-active: #d59dff;
    --theme-info-box-shadow: rgba(32, 24, 67, 0.7);
    --theme-info-invert: #000;
    --theme-warning-base: #ffb900;
    --theme-warning-background: #6a4b16;
    --theme-warning-background-glow-high-contrast: #6a4b16;
    --theme-warning-dark: #fff4ce;
    --theme-warning-hover: #ffcb3f;
    --theme-warning-active: #ffdf84;
    --theme-warning-box-shadow: rgba(255, 187, 0, 0.7);
    --theme-warning-invert: #000;
    --theme-danger-base: #b62626;
    --theme-danger-background: #630001;
    --theme-danger-background-glow-high-contrast: #630001;
    --theme-danger-dark: #fde7e9;
    --theme-danger-hover: #c54f4f;
    --theme-danger-active: #d4797a;
    --theme-danger-box-shadow: rgba(168, 0, 0, 0.7);
    --theme-danger-invert: #fff;
    --theme-facepile-red: #c54f4f;
    --theme-facepile-teal: #50e6ff;
    --theme-facepile-blue: #278cda
  }

  .theme-high-contrast {
    --theme-text: #fff;
    --theme-text-subtle: #fff;
    --theme-text-invert: #000;
    --theme-text-glow-high-contrast: #ff0;
    --theme-box-shadow-light: rgba(255, 255, 255, 0);
    --theme-box-shadow-medium: rgba(255, 255, 255, 0);
    --theme-box-shadow-heavy: rgba(255, 255, 255, 0);
    --theme-box-shadow-extra-heavy: rgba(255, 255, 255, 0);
    --theme-overlay: #404040;
    --theme-overlay-invert: #fff;
    --theme-body-background: #000;
    --theme-body-background-medium: #000;
    --theme-alternate-background: #000;
    --theme-alternate-background-medium: #000;
    --theme-border: #fff;
    --theme-table-header: #505050;
    --theme-table-row-header: #171717;
    --theme-table-border-dark: #fff;
    --theme-hover-base: #ff0;
    --theme-hover-invert: #000;
    --theme-border-white-high-contrast: #fff;
    --theme-border-yellow-high-contrast: #ff0;
    --theme-code-header: #000;
    --theme-code-block: #000;
    --theme-inline-code: #2f2f2f;
    --theme-code-highlight-background: #0b6413;
    --theme-visited: #3cff00;
    --theme-score-low-off: #a80000;
    --theme-score-low: #fde7e9;
    --theme-score-medium-off: rgba(255, 187, 0, 0.7);
    --theme-score-medium: #ffe79f;
    --theme-score-high-off: #107c10;
    --theme-score-high: #dff6dd;
    --theme-hyperlink: #ff0;
    --theme-primary-base: #ff0;
    --theme-primary-background: #000;
    --theme-primary-background-glow-high-contrast: #ff0;
    --theme-primary-dark: #ff0;
    --theme-primary-hover: #ff3;
    --theme-primary-active: #ff3;
    --theme-primary-box-shadow: #fff;
    --theme-primary-invert: #000;
    --theme-secondary-base: #e6e6e6;
    --theme-secondary-background: #000;
    --theme-secondary-background-glow-high-contrast: #505050;
    --theme-secondary-dark: #e6e6e6;
    --theme-secondary-hover: #d2d2d2;
    --theme-secondary-active: #d2d2d2;
    --theme-secondary-box-shadow: #e6e6e6;
    --theme-secondary-invert: #000;
    --theme-tertiary-base: #fff;
    --theme-tertiary-background: #000;
    --theme-tertiary-background-glow-high-contrast: #fff;
    --theme-tertiary-dark: #fff;
    --theme-tertiary-hover: #e6e6e6;
    --theme-tertiary-active: #e6e6e6;
    --theme-tertiary-box-shadow: #fff;
    --theme-tertiary-invert: #000;
    --theme-success-base: #acd7aa;
    --theme-success-background: #000;
    --theme-success-background-glow-high-contrast: #acd7aa;
    --theme-success-dark: #dff6dd;
    --theme-success-hover: #dff6dd;
    --theme-success-active: #dff6dd;
    --theme-success-box-shadow: #fff;
    --theme-success-invert: #000;
    --theme-info-base: #e0b7fe;
    --theme-info-background: #000;
    --theme-info-background-glow-high-contrast: #e0b7fe;
    --theme-info-dark: #efd9fd;
    --theme-info-hover: #efd9fd;
    --theme-info-active: #efd9fd;
    --theme-info-box-shadow: #fff;
    --theme-info-invert: #000;
    --theme-warning-base: #ffe79f;
    --theme-warning-background: #000;
    --theme-warning-background-glow-high-contrast: #ffe79f;
    --theme-warning-dark: #fff4ce;
    --theme-warning-hover: #efd9fd;
    --theme-warning-active: #efd9fd;
    --theme-warning-box-shadow: #fff;
    --theme-warning-invert: #000;
    --theme-danger-base: #e5a7a8;
    --theme-danger-background: #000;
    --theme-danger-background-glow-high-contrast: #e5a7a8;
    --theme-danger-dark: #fde7e9;
    --theme-danger-hover: #fde7e9;
    --theme-danger-active: #fde7e9;
    --theme-danger-box-shadow: #fff;
    --theme-danger-invert: #000;
    --theme-facepile-red: #d4797a;
    --theme-facepile-teal: #7becff;
    --theme-facepile-blue: #75b6e7
  }

  .theme-dark,
  .theme-high-contrast {
    color-scheme: dark
  }
}

.theme-dark,
.theme-high-contrast,
.theme-light {
  color: #171717;
  color: var(--theme-text);
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  outline-color: #171717;
  outline-color: var(--theme-text)
}

h1,
h2,
h2.likeAnH1,
h3,
h4,
h5,
h6 {
  font-weight: 500
}*/

.docon {
  font-family: docons;
  font-size: inherit;
  speak-as: none;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  direction: ltr;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@font-face {
  font-family: docons;
  src: url(docons.c77ce607.eot);
  src: url(docons.c77ce607.eot) format("embedded-opentype"), url(docons.66501339.woff2) format("woff2"), url(docons.45081f9b.woff) format("woff"), url(docons.93127cef.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}
/*
@font-face {
  font-family: SegoeUI;
  src: url(/static/third-party/SegoeUIWeb/1.01.206/SegoeUI-Roman-VF_web.woff2) format("woff2"), url(/static/third-party/SegoeUIWeb/1.01.206/SegoeUI-Roman-VF_web.woff) format("woff"), url(/static/third-party/SegoeUIWeb/1.01.206/SegoeUI-Roman-VF_web.ttf) format("ttf");
  font-weight: 100 700
}

@font-face {
  font-family: SegoeUI;
  src: url(/static/third-party/SegoeUI/5.32/west-european/italic/latest.eot);
  src: url(/static/third-party/SegoeUI/5.32/west-european/italic/latest.woff2) format("woff2"), url(/static/third-party/SegoeUI/5.32/west-european/italic/latest.woff) format("woff"), url(/static/third-party/SegoeUI/5.32/west-european/italic/latest.ttf) format("ttf");
  font-style: italic;
  font-weight: 400
}

@font-face {
  font-family: SegoeUI;
  src: local("Apple Color Emoji"), local("Android Emoji"), local("Segoe UI Emoji"), local(EmojiSymbols), local(Symbola);
  unicode-range: U+1f300-1f5ff, U+1f600-1f64f, U+1f680-1f6ff, U+026??
} */

@-webkit-keyframes spinAround {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(359deg)
  }
}

@keyframes spinAround {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(359deg)
  }
}

@-webkit-keyframes dots {

  0%,
  20% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0
  }

  25%,
  75% {
    opacity: 1
  }

  35% {
    left: 45%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }

  65% {
    left: 55%;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80%,
  to {
    left: 100%;
    opacity: 0
  }
}

@keyframes dots {

  0%,
  20% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0
  }

  25%,
  75% {
    opacity: 1
  }

  35% {
    left: 45%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }

  65% {
    left: 55%;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80%,
  to {
    left: 100%;
    opacity: 0
  }
}

@-webkit-keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  7% {
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }

  30% {
    transform: rotate(455deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  39% {
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }

  70% {
    transform: rotate(815deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  75% {
    transform: rotate(945deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  76%,
  to {
    transform: rotate(945deg);
    opacity: 0
  }
}

@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  7% {
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }

  30% {
    transform: rotate(455deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  39% {
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
  }

  70% {
    transform: rotate(815deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  75% {
    transform: rotate(945deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  76%,
  to {
    transform: rotate(945deg);
    opacity: 0
  }
}

@-webkit-keyframes slideUp {
  0% {
    transform: translateY(100%)
  }

  70% {
    transform: translateY(-10%)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(100%)
  }

  70% {
    transform: translateY(-10%)
  }

  to {
    transform: translateY(0)
  }
}

@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(0)
  }
}

@-webkit-keyframes slideUpOutFadeOut {
  to {
    transform: translateY(-100%);
    opacity: 0
  }
}

@keyframes slideUpOutFadeOut {
  to {
    transform: translateY(-100%);
    opacity: 0
  }
}

@-webkit-keyframes fadeOut {
  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  to {
    opacity: 0
  }
}

@-webkit-keyframes slideLeft {
  to {
    transform: translateX(-100%)
  }
}

@keyframes slideLeft {
  to {
    transform: translateX(-100%)
  }
}

@-webkit-keyframes slideRight {
  to {
    transform: translateX(100%)
  }
}

@keyframes slideRight {
  to {
    transform: translateX(100%)
  }
}

@-webkit-keyframes scaleIn {
  0% {
    transform: scale(0)
  }

  30% {
    transform: scale(0)
  }

  75% {
    transform: scale(1.2)
  }

  to {
    transform: scale(1)
  }
}

@keyframes scaleIn {
  0% {
    transform: scale(0)
  }

  30% {
    transform: scale(0)
  }

  75% {
    transform: scale(1.2)
  }

  to {
    transform: scale(1)
  }
}

@-webkit-keyframes fadeInSpin {

  0%,
  50% {
    opacity: 0;
    right: 0;
    transform: rotate(180deg)
  }

  to {
    opacity: 1;
    right: 105%;
    transform: rotate(0deg)
  }
}

@keyframes fadeInSpin {

  0%,
  50% {
    opacity: 0;
    right: 0;
    transform: rotate(180deg)
  }

  to {
    opacity: 1;
    right: 105%;
    transform: rotate(0deg)
  }
}

@-webkit-keyframes shake {
  0% {
    transform: translateX(-10px)
  }

  20% {
    transform: translateX(10px)
  }

  50% {
    transform: translateX(-10px)
  }

  70% {
    transform: translateX(10px)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes shake {
  0% {
    transform: translateX(-10px)
  }

  20% {
    transform: translateX(10px)
  }

  50% {
    transform: translateX(-10px)
  }

  70% {
    transform: translateX(10px)
  }

  to {
    transform: translateX(0)
  }
}

@-webkit-keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, .1)
  }

  50% {
    background-color: rgba(165, 165, 165, .3)
  }

  to {
    background-color: rgba(165, 165, 165, .1)
  }
}

@keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, .1)
  }

  50% {
    background-color: rgba(165, 165, 165, .3)
  }

  to {
    background-color: rgba(165, 165, 165, .1)
  }
}

.shake-in,
.task-completed-modal.is-incorrect {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation: shake .5s ease-out;
  animation: shake .5s ease-out
}

@-webkit-keyframes boop {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.1)
  }

  to {
    transform: scale(1)
  }
}

@keyframes boop {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.1)
  }

  to {
    transform: scale(1)
  }
}

html *,
html a,
html li {
  outline-color: inherit
}

.vector-icon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  fill: currentColor
}

.textAccent1 {
  color: #6a4b16;
  color: var(--theme-warning-dark)
}

.textAccent2 {
  color: #3b2e58;
  color: var(--theme-info-dark)
}

.bgdAccent1 {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium)
}

span.likeALabel {
  color: #505050;
  color: var(--theme-text-subtle)
}

time.loading {
  visibility: hidden
}

[hidden] {
  display: none !important
}

div.embeddedvideo {
  max-width: 640px;
  position: relative;
  overflow: hidden;
  width: 100%
}

div.embeddedvideo:before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  width: 100%;
  z-index: -1
}

div.embeddedvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.codeHeaderTitle {
  font-weight: 600;
  margin-top: 24px
}

.codeHeader {
  box-sizing: content-box;
  background-color: #e6e6e6;
  background-color: var(--theme-code-header);
  color: #171717;
  color: var(--theme-text);
  display: flex;
  flex-direction: row;
  font-size: .8rem;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  border-bottom: 0;
  margin-top: 16px;
  min-height: 30px
}

.codeHeader button.run,
.codeHeader button.tryIt {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  color: #ffffff;
  color: var(--theme-success-invert)
}

.codeHeader button.run:hover,
.codeHeader button.tryIt:hover {
  background-color: #0b6413;
  background-color: var(--theme-success-hover);
  color: #ffffff;
  color: var(--theme-success-invert)
}

.codeHeaderTitle+.codeHeader {
  margin-top: 4px
}

.codeHeader>.language {
  padding: 2px 16px;
  flex-grow: 1
}

.codeHeader>.action {
  padding: 2px 10px;
  background-color: transparent;
  border: 0 solid #e6e6e6;
  border: 0 solid var(--theme-border);
  border-left-width: 1px;
  color: #171717;
  color: var(--theme-text);
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: normal
}

.codeHeader>.action>.docon {
  margin-right: .25em
}

.codeHeader>.action:hover {
  background-color: #f2f2f2;
  background-color: var(--theme-code-block)
}

.codeHeader>.action.focus-visible {
  z-index: 3
}

.codeHeader>.action.action-interactive {
  color: #ffffff;
  color: var(--theme-success-invert);
  background-color: #107c10;
  background-color: var(--theme-success-base)
}

.codeHeader>.action.action-interactive:hover {
  background-color: #0b6413 !important;
  background-color: var(--theme-success-hover) !important
}

.codeHeader>.action.action-interactive.is-loading:after {
  border-color: transparent transparent #0b6413 #0b6413 !important;
  border-color: transparent transparent var(--theme-success-hover) var(--theme-success-hover) !important
}

.codeHeader>.action .successful-copy-alert.is-transparent {
  opacity: 0;
  transition: opacity .5s ease-in-out
}

.codeHeader+pre {
  margin-top: 0
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 1030;
  overflow-y: auto
}

.centered {
  text-align: center
}

.pageFooter {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border);
  margin-top: 48px;
  padding: 24px 0
}

.pageFooter ul.links {
  list-style-type: none
}

.pageFooter ul.links>li {
  display: inline-block;
  padding: 0 25px
}

.pageFooter ul.links>li a {
  font-weight: 600;
  color: #171717;
  color: var(--theme-text)
}

.pageFooter ul.links>li a:hover {
  color: #0078d4;
  color: var(--theme-primary-base);
  text-decoration: underline
}

.pageFooter ul.links>li a:visited {
  color: #171717;
  color: var(--theme-text)
}

.subtle {
  color: #505050;
  color: var(--theme-text-subtle)
}

h2.hiddenAnchor {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
  width: 2px
}

.summaryHolder {
  margin-top: 24px
}

.summary p:first-of-type {
  margin-top: 0
}

.inlineEditButton {
  font-size: .875rem;
  align-self: center;
  flex-shrink: 0;
  margin-left: 24px
}

@media print,
screen and (min-width:768px) {
  .inlineEditButton {
    align-self: flex-end
  }
}

.inlineEditButton a,
.inlineEditButton a:link {
  color: #505050;
  color: var(--theme-text-subtle)
}

.inlineEditButton a:hover {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.inlineEditButton a:after {
  display: none !important
}

.inlineEditButton a span.docon {
  color: #0078d4;
  color: var(--theme-primary-base);
  margin-right: 6px;
  display: inline
}

.summaryHolder .inlineEditButton {
  float: right
}

.content :not(.codeHeader)+pre>code {
  margin-top: -16px
}

.content :not(.codeHeader)+pre>code:before {
  display: block;
  height: 31px;
  box-sizing: border-box;
  margin: -16px -16px 16px;
  padding: 5px 16px;
  content: " ";
  font-weight: 400;
  font-size: .8rem;
  line-height: 160%;
  color: #171717;
  color: var(--theme-text);
  background-color: #e6e6e6;
  background-color: var(--theme-code-header);
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

pre.wrap {
  white-space: pre-wrap
}

dl.attributeList {
  display: flex;
  margin: 0
}

dl.attributeList dd {
  margin-left: 8px
}

dl.attributeList dd p:first-child {
  margin-top: 0
}

.stack,
dl.stack {
  margin-top: 24px
}

.halfStack,
dl.halfStack {
  margin-top: 12px
}

.pdlHolder {
  display: flex;
  flex-direction: column;
  flex-flow: wrap
}

.cdlHolder .cdl,
.pdlHolder .pdl {
  display: inline-block
}

.cdlHolder .cdl a,
.pdlHolder .pdl a {
  outline-offset: -.125rem
}

.cdlHolder .cdl:after {
  content: ", "
}

.pdlHolder .pdl:after {
  color: #505050;
  color: var(--theme-text-subtle);
  content: "\FF19";
  font-family: docons;
  font-size: 12px;
  padding-left: 6px;
  vertical-align: baseline;
  padding-right: 6px
}

.cdlHolder .cdl.cdlLastVisible:after,
.cdlHolder .cdl:last-child:after,
.pdlHolder .pdl:last-child:after {
  content: ""
}

table.attributeList {
  margin-top: 4px;
  width: auto
}

table.attributeList td {
  padding: 8px;
  border: 1px solid #e6e6e6;
  border: solid 1px var(--theme-border);
  border-collapse: unset
}

.memberNameHolder {
  display: flex;
  justify-content: space-between;
  margin-top: 24px
}

.memberInfo {
  margin-left: 24px
}

.memberInfo+p {
  word-break: break-all
}

.propertyInfoTitle {
  margin-bottom: 2px
}

.propertyInfoTitle+p {
  margin-top: 0
}

.propertyInfo+p,
.propertyInfo p:first-child,
.propertyInfo p:nth-child(2) {
  margin-top: 2px
}

dl.parameterList {
  display: flex;
  max-width: 100%;
  margin: 0
}

dl.parameterList dd {
  margin-left: 12px
}

dl.parameterList+p {
  margin-top: 4px
}

.detailTile {
  width: 50%;
  float: left;
  margin-bottom: 28px
}

.detailTile h4 {
  font-size: 1rem;
  margin: 0 0 6px
}

.detailTile div {
  color: #505050;
  color: var(--theme-text-subtle)
}

.detailTile+h2 {
  clear: left
}

.parameterName,
dl.parameterList dt {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  display: inline-block;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  font-weight: 600;
  padding: 0 6px 2px
}

.parameterInfo {
  margin-left: 24px
}

.parameterInfo table.stack {
  margin-top: 12px
}

.parameterName+.parameterDetails {
  margin-top: 4px
}

.parameterDetails {
  font-size: .875rem
}

.globalParamsHolder {
  margin-top: 24px
}

.globalParamsHolder>a {
  padding-left: 24px
}

.globalParamsHolder>a:before {
  color: #171717;
  color: var(--theme-text);
  font-family: docons;
  content: "\FF34";
  font-size: .8rem;
  font-weight: 600;
  left: 0;
  padding-top: 1px;
  position: absolute;
  transition: transform .2s ease-out;
  transform: rotate(0deg)
}

.globalParamsHolder[aria-expanded=true]>a:before {
  transform: rotate(90deg)
}

.globalParamsHolder .globalParams {
  display: none
}

.globalParamsHolder[aria-expanded=true] .globalParams {
  display: block
}

main .memberDetails table.nameValue td:first-child {
  padding: 8px 0 0
}

main .memberDetails table.nameValue td:nth-child(2) {
  padding: 0 0 8px
}

main .memberDetails table.nameValue td:only-child {
  padding: 8px 0
}

@media print,
screen and (min-width:768px) {
  main .memberDetails table.nameValue td:first-child {
    padding: 8px 16px 8px 0
  }

  main .memberDetails table.nameValue td:nth-child(2),
  main .memberDetails table.nameValue td:only-child {
    padding: 8px 0
  }
}

body[dir=rtl] .locale-selector-link:before {
  margin-right: 0;
  margin-left: 5px
}

div.table-scroll-wrapper {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

div.table-scroll-wrapper-scrollable {
  margin: 1px;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border)
}

html.is-chromeless body {
  display: block;
  width: auto;
  overflow: hidden;
  padding: 0 24px 24px
}
/*
a {
  color: #0065b3;
  color: var(--theme-hyperlink);
  cursor: pointer;
  text-decoration: none;
  word-wrap: break-word
}

a:hover {
  color: #0065b3;
  color: var(--theme-primary-hover);
  text-decoration: underline
}

/a:visited {
  color: #624991;
  color: var(--theme-visited)
}*/

a,
li {
  outline: 0
}

button {
  color: #171717;
  color: var(--theme-text);
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  cursor: pointer
}

:not(a):not(pre)>code {
  padding: .1em .2em;
  background-color: #e6e6e6;
  background-color: var(--theme-inline-code);
  border-radius: 3px;
  font-size: 85%;
  font-smooth: auto;
  word-wrap: break-word
}

pre {
  font-size: .875rem;
  overflow: auto;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  background-color: #f2f2f2;
  background-color: var(--theme-code-block);
  font-smooth: auto;
  padding: 1rem;
  margin: 1rem 0 0;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-overflow-scrolling: touch
}

pre,
pre>code {
  line-height: 1.3571
}

pre>code {
  position: relative;
  border: 0;
  padding: 0;
  display: block
}

pre>code mark {
  min-width: calc(100% + 2rem);
  min-height: 18.9px;
  padding: 0 1rem;
  margin: 0 -1rem
}

kbd,
pre>code mark {
  display: inline-block;
  color: #171717;
  color: var(--theme-text)
}

kbd {
  padding: .25rem;
  font-size: .75rem;
  line-height: 10px;
  vertical-align: middle;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border: 1px solid #a2a2a2;
  border: solid 1px var(--theme-secondary-base);
  border-bottom-color: #a2a2a2;
  border-bottom-color: var(--theme-secondary-base);
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 #000000;
  box-shadow: inset 0 -1px 0 var(--theme-secondary-box-shadow)
}

fieldset {
  border: none;
  min-width: 0
}

ol.default,
ul.default {
  margin: 16px 0;
  margin-left: 38px
}

ol.default>li,
ul.default>li {
  list-style: disc outside none
}

ol.default>li {
  list-style-type: decimal
}

ul.default>li>ul.default>li {
  list-style-type: circle
}

.azureselector select {
  display: inline-block;
  overflow: auto;
  box-sizing: border-box;
  margin: 0;
  padding: 0 30px 0 6px;
  vertical-align: middle;
  height: 28px;
  border: 1px solid #e6e6e6;
  border: solid 1px var(--theme-border);
  font-size: .75rem;
  line-height: 16px;
  outline: 0;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #707070 0), linear-gradient(135deg, #707070 50%, transparent 0);
  background-position: calc(100% - 13px) 11px, calc(100% - 8px) 11px;
  background-size: 5px 5px, 5px 6px;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #171717;
  color: var(--theme-text)
}

[dir=rtl] :not([dir=ltr]) select,
[dir=rtl]>select {
  background-position: 8px 11px, 13px 11px;
  padding: 0 6px 0 30px
}

body select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
  text-shadow: 0 0 0 var(--theme-box-shadow-heavy)
}

select::-ms-expand {
  display: none
}

html.os-high-contrast-enabled select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  background-image: none;
  padding-right: 0
}

html.os-high-contrast-enabled select::-ms-expand {
  display: block
}
/*
input[type=search] {
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: #ffffff;
  background-color: var(--theme-body-background)
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}*/

option {
  padding: 0;
  margin: 0
}

hr {
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  margin-top: 25px;
}

input::-ms-clear {
  display: none
}

.clearFix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

iframe {
  width: 100%
}

html[data-target=chromeless] [data-target]:not([data-target=chromeless]),
html[data-target=chromeless] [data-zone]:not([data-zone=chromeless]),
html[data-target=docs] [data-target]:not([data-target=docs]),
html[data-target=docs] [data-zone]:not([data-zone=docs]) {
  display: none
}

html:not(.os-high-contrast-enabled) .high-contrast-only {
  display: none !important
}

b,
strong {
  font-weight: 600
}

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

summary {
  cursor: pointer
}

html {
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
  min-height: 100vh;
  outline-color: #171717;
  outline-color: var(--theme-text)
}

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

body {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  /*background-color: #ffffff;
  background-color: var(--theme-body-background);
  color: #171717;
  color: var(--theme-text);
  line-height: 160%;
  min-height: 100vh*/
}

.mainContainer .left-container,
.mainContainer .primary-holder,
.mainContainer .right-container {
  padding-top: 1.5rem
}

@media print {

  body,
  body>.mainContainer>.columns,
  body>.mainContainer>.columns>.primary-holder>.columns {
    display: block !important;
    margin: 0 auto !important
  }

  .feedback-section,
  .left-container,
  .right-container,
  body>.mainContainer>.columns>.primary-holder>.columns>:not(.column),
  body>:not(.mainContainer) {
    display: none !important
  }

  .mainContainer,
  .primary-holder,
  .uhf-container {
    max-width: 100% !important;
    width: 100% !important
  }

  pre {
    white-space: pre-wrap !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important
  }
}

.content img {
  border: 0
}

.content img,
.content video {
  max-width: 100%;
  height: auto
}

.content audio,
.content canvas,
.content img,
.content progress,
.content video {
  display: inline-block;
  vertical-align: baseline
}

.content audio:not([controls]) {
  display: none;
  height: 0
}

.content svg:not(:root) {
  overflow: hidden
}

.content td img {
  max-width: none
}

.content ul ul {
  margin: 0;
  margin-left: 20px
}

.content ul ul>li {
  list-style-type: circle
}

.content ul ul ul>li {
  list-style-type: square
}

.content ol ol {
  margin: 0;
  margin-left: 20px
}

.content ol ol>li {
  list-style-type: lower-alpha
}

.content ol ol ol>li {
  list-style-type: lower-roman
}

.content h1:first-of-type {
  margin-top: -10px;
  margin-bottom: 0
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  line-height: 1.3;
  margin-bottom: 12px;
  margin-top: 10px
}

.content h1,
.content h2.likeAnH1 {
  line-height: 1.3;
  margin-bottom: 12px;
  font-size: calc(1.45833rem + 1.38889vw);
  margin-top: 0;
  word-wrap: break-word;
  word-break: break-word
}

@media (min-width:1200px) {

  .content h1,
  .content h2.likeAnH1 {
    font-size: 2.5rem
  }
}

.content h2 {
  font-size: calc(1.39583rem + .97222vw);
  margin-top: 32px
}

@media (min-width:1200px) {
  .content h2 {
    font-size: 2.125rem
  }
}

.content h3 {
  font-size: calc(1.33333rem + .55556vw);
  margin-top: 30px;
  margin-bottom: 18px
}

@media (min-width:1200px) {
  .content h3 {
    font-size: 1.75rem
  }
}

.content h4 {
  font-size: calc(1.29167rem + .27778vw);
  margin-top: 36px;
  margin-bottom: 6px
}

@media (min-width:1200px) {
  .content h4 {
    font-size: 1.5rem
  }
}

.content h5 {
  font-size: 1.25rem
}

.content h5,
.content h6 {
  letter-spacing: 1px;
  margin-top: 36px;
  margin-bottom: 6px
}

.content h6 {
  font-size: 1.125rem
}

.content p {
  margin-top: 1rem;
  margin-bottom: 0;
  word-wrap: break-word
}

.content blockquote {
  display: block;
  margin: 1.2em 0 2em;
  padding: 0 .8em;
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: #e6e6e6;
  border-color: var(--theme-border)
}

.content blockquote footer {
  font-size: .9em;
  color: #505050;
  color: var(--theme-text-subtle)
}

.content ol.clean,
.content ul.clean {
  margin: 0;
  padding: 0;
  margin-bottom: 16px
}

.content ol,
.content ul {
  margin: 16px 0;
  margin-left: 38px
}

.content ol>li,
.content ul>li {
  list-style: disc outside none
}

.content ul>li>ul>li {
  list-style-type: circle
}

.content ol>li {
  list-style-type: decimal
}

.content .checklist>ul {
  margin-left: 1rem;
  line-height: 1.3
}

.content .checklist>ul>li {
  list-style-type: none;
  position: relative;
  margin-left: 1em
}

.content .checklist>ul>li:before {
  position: absolute;
  left: -1.5em;
  font-family: docons;
  content: "\FF02";
  display: inline-block;
  height: 1em;
  width: 1em;
  color: #107c10;
  color: var(--theme-success-base)
}

.content td>ul:first-child {
  margin-top: 0
}

.content[lang^=ja] th,
.content[lang^=ko] th,
.content[lang^=zh] th {
  white-space: nowrap
}

.content nobr {
  white-space: normal
}

.docon-more:before {
  content: "\E712"
}

.docon-people:before {
  content: "\E716"
}

.docon-link:before {
  content: "\E71B"
}

.docon-filter:before {
  content: "\E71C"
}

.docon-search:before {
  content: "\E721"
}

.docon-share:before {
  content: "\E72D"
}

.docon-lock:before {
  content: "\E72E"
}

.docon-check-mark:before {
  content: "\E73E"
}

.docon-delete:before {
  content: "\E74D"
}

.docon-play:before {
  content: "\E768"
}

.docon-calendar:before {
  content: "\E787"
}

.docon-enhance-pop:before {
  content: "\E78F"
}

.docon-flag:before {
  content: "\E7C1"
}

.docon-location-circle:before {
  content: "\E80E"
}

.docon-home:before {
  content: "\E80F"
}

.docon-location:before {
  content: "\E81D"
}

.docon-view:before {
  content: "\E890"
}

.docon-download:before {
  content: "\E896"
}

.docon-upload:before {
  content: "\E898"
}

.docon-dislike:before {
  content: "\E8E0"
}

.docon-like:before {
  content: "\E8E1"
}

.docon-world:before {
  content: "\E909"
}

.docon-clock:before {
  content: "\E917"
}

.docon-reply:before {
  content: "\E97A"
}

.docon-clear-night:before {
  content: "\E9C2"
}

.docon-asterisk:before {
  content: "\EA38"
}

.docon-lightbulb:before {
  content: "\EA80"
}

.docon-website:before {
  content: "\EB41"
}

.docon-developer-tools:before {
  content: "\EC7A"
}

.docon-web-components:before {
  content: "\EC8B"
}

.docon-feedback:before {
  content: "\ED15"
}

.docon-single-bookmark:before {
  content: "\EDFF"
}

.docon-single-bookmark-solid:before {
  content: "\EE00"
}

.docon-cloud-import-export:before {
  content: "\EE55"
}

.docon-text-document:before {
  content: "\F029"
}

.docon-arrow-up-right:before {
  content: "\F069"
}

.docon-arrow-up8:before {
  content: "\F0AD"
}

.docon-arrow-down8:before {
  content: "\F0AE"
}

.docon-medium-monogram-logo:before {
  content: "\F1A1"
}

.docon-blog:before {
  content: "\F22B"
}

.docon-deploy:before {
  content: "\F29D"
}

.docon-more-vertical:before {
  content: "\F2BC"
}

.docon-circle-addition:before {
  content: "\F2E3"
}

.docon-circle-addition-solid:before {
  content: "\F2E4"
}

.docon-file-code:before {
  content: "\F30E"
}

.docon-asterisk-solid:before {
  content: "\F34D"
}

.docon-like-solid:before {
  content: "\F3BF"
}

.docon-dislike-solid:before {
  content: "\F3C0"
}

.docon-pod-cast:before {
  content: "\F47D"
}

.docon-dictionary-download:before {
  content: "\F72F"
}

.docon-set-history-status:before {
  content: "\F738"
}

.docon-reading-settings:before {
  content: "\F73C"
}

.docon-filter-settings:before {
  content: "\F76C"
}

.docon-inspect:before {
  content: "\F80A"
}

.docon-enter-mode:before {
  content: "\F80B"
}

.docon-wechat:before {
  content: "\F80D"
}

.docon-weibo:before {
  content: "\F80F"
}

.docon-brand-linkedin:before {
  content: "\FF00"
}

.docon-feed:before {
  content: "\FF01"
}

.docon-check:before {
  content: "\FF02"
}

.docon-feedback-positive-outline:before {
  content: "\FF03"
}

.docon-math-multiply:before {
  content: "\FF04"
}

.docon-octicon-smiley:before {
  content: "\FF06"
}

.docon-power:before {
  content: "\FF07"
}

.docon-terminal:before {
  content: "\FF08"
}

.docon-status-info-outline:before {
  content: "\FF09"
}

.docon-navigate-refresh:before {
  content: "\FF0A"
}

.docon-sharing:before {
  content: "\FF0B"
}

.docon-exit-mode:before {
  content: "\FF0C"
}

.docon-octicon-issue-closed:before {
  content: "\FF0D"
}

.docon-octicon-issue-opened:before {
  content: "\FF0E"
}

.docon-edit-outline:before {
  content: "\FF0F"
}

.docon-sun:before {
  content: "\FF10"
}

.docon-locale-globe:before {
  content: "\FF11"
}

.docon-status-warning-outline:before {
  content: "\FF12"
}

.docon-status-success-outline:before {
  content: "\FF13"
}

.docon-brand-facebook:before {
  content: "\FF14"
}

.docon-brand-github:before {
  content: "\FF16"
}

.docon-status-error-outline:before {
  content: "\FF17"
}

.docon-arrow-up-left:before {
  content: "\FF18"
}

.docon-arrow-right:before {
  content: "\FF19"
}

.docon-code-lang:before {
  content: "\FF1B"
}

.docon-brand-twitter:before {
  content: "\FF1C"
}

.docon-edit-copy:before {
  content: "\FF1D"
}

.docon-editor-list-bullet:before {
  content: "\FF1E"
}

.docon-octicon-plus-small:before {
  content: "\FF1F"
}

.docon-arrow-down:before {
  content: "\FF20"
}

.docon-arrow-left:before {
  content: "\FF21"
}

.docon-status-waiting:before {
  content: "\FF22"
}

.docon-comment-lines:before {
  content: "\FF24"
}

.docon-comment-outline:before {
  content: "\FF25"
}

.docon-mail-message-fill:before {
  content: "\FF27"
}

.docon-math-minus:before {
  content: "\FF28"
}

.docon-math-plus:before {
  content: "\FF29"
}

.docon-math-plus-light:before {
  content: "\FF2A"
}

.docon-user:before {
  content: "\FF2C"
}

.docon-navigate-external:before {
  content: "\FF2D"
}

.docon-play-fill:before {
  content: "\FF2E"
}

.docon-menu:before {
  content: "\FF2F"
}

.docon-navigate-close:before {
  content: "\FF30"
}

.docon-chevron-up-light:before {
  content: "\FF31"
}

.docon-chevron-left-light:before {
  content: "\FF32"
}

.docon-chevron-down-light:before {
  content: "\FF33"
}

.docon-chevron-right-light:before {
  content: "\FF34"
}

.docon-status-failure-outline:before {
  content: "\FF35"
}

.docon-star:before {
  content: "\FF36"
}

.docon-star-half:before {
  content: "\FF37"
}

.docon-star-outline:before {
  content: "\FF38"
}

.docon-topic-architecture:before {
  content: "\FF39"
}

.docon-topic-deploy:before {
  content: "\FF40"
}

.docon-topic-download:before {
  content: "\FF41"
}

.docon-topic-get-started:before {
  content: "\FF42"
}

.docon-topic-how-to-guide:before {
  content: "\FF43"
}

.docon-topic-learn:before {
  content: "\FF44"
}

.docon-topic-overview:before {
  content: "\FF45"
}

.docon-topic-quickstart:before {
  content: "\FF46"
}

.docon-topic-tutorial:before {
  content: "\FF47"
}

.docon-topic-whats-new:before {
  content: "\FF48"
}

.docon-topic-reference:before {
  content: "\FF49"
}

.docon-topic-concept:before {
  content: "\FF50"
}

.docon-topic-video:before {
  content: "\FF51"
}

.docon-telescope:before {
  content: "\FF52"
}

.docon-topic-sample:before {
  content: "\FF53"
}

.docon-question-circle-solid:before {
  content: "\FF54"
}

.docon-book-solid:before {
  content: "\FF55"
}

.docon-tag-circle-solid:before {
  content: "\FF56"
}

.docon-lightbulb-regular:before {
  content: "\FF57"
}

.docon-brand-dev-to:before {
  content: "\FF58"
}

.docon-brand-instagram:before {
  content: "\FF59"
}

.docon-brand-stack-overflow:before {
  content: "\FF60"
}

.docon-brand-twitch:before {
  content: "\FF61"
}

.docon-brand-youtube:before {
  content: "\FF62"
}

.docon-brand-stack-overflow-solid:before {
  content: "\FF63"
}

.docon-book-open:before {
  content: "\FF66"
}

pre>code mark {
  background-color: #fff4ce;
  background-color: var(--theme-code-highlight-background)
}

.line-highlight {
  background-color: #ffc
}

.hljs-comment {
  color: #008000
}

.hljs-built_in,
.hljs-keyword,
.hljs-name,
.hljs-pscommand,
.hljs-selector-tag,
.hljs-tag {
  color: #0101fd
}

.hljs-literal {
  color: #07704a
}

.hljs-string .hljs-subst {
  color: #171717;
  color: var(--theme-text)
}

.hljs-code,
.hljs-deletion,
.hljs-section,
.hljs-string,
.hljs-string .hljs-subst .hljs-string,
.hljs-template-tag,
.hljs-template-variable {
  color: #a31515
}

.hljs-addition,
.hljs-attribute,
.hljs-meta,
.hljs-parameter,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-title,
.hljs-type {
  color: #006881
}

.hljs-doctag {
  color: #666666
}

.hljs-attr {
  color: #0451a5
}

.hljs-control {
  color: #af00db
}

.hljs-helper {
  color: #795e26
}

.hljs-bullet,
.hljs-link,
.hljs-symbol {
  color: #0064c8
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: 600
}

.hljs-constant,
.hljs-reserved {
  color: #cd3131
}

.theme-dark .line-highlight,
.theme-high-contrast .line-highlight {
  background-color: darkgreen
}

.theme-dark .hljs-comment,
.theme-high-contrast .hljs-comment {
  color: #63b456
}

.theme-dark .hljs-number,
.theme-high-contrast .hljs-number {
  color: #b5cea8
}

.theme-dark .hljs-built_in,
.theme-dark .hljs-keyword,
.theme-dark .hljs-literal,
.theme-dark .hljs-name,
.theme-dark .hljs-pscommand,
.theme-dark .hljs-selector-tag,
.theme-dark .hljs-tag,
.theme-high-contrast .hljs-built_in,
.theme-high-contrast .hljs-keyword,
.theme-high-contrast .hljs-literal,
.theme-high-contrast .hljs-name,
.theme-high-contrast .hljs-pscommand,
.theme-high-contrast .hljs-selector-tag,
.theme-high-contrast .hljs-tag {
  color: #569cd6
}

.theme-dark .hljs-title,
.theme-high-contrast .hljs-title {
  color: #4ec9b0
}

.theme-dark .hljs-string .hljs-subst,
.theme-high-contrast .hljs-string .hljs-subst {
  color: #171717;
  color: var(--theme-text)
}

.theme-dark .hljs-attribute,
.theme-dark .hljs-code,
.theme-dark .hljs-deletion,
.theme-dark .hljs-section,
.theme-dark .hljs-string,
.theme-dark .hljs-string .hljs-subst .hljs-string,
.theme-dark .hljs-template-tag,
.theme-dark .hljs-template-variable,
.theme-dark .hljs-type,
.theme-high-contrast .hljs-attribute,
.theme-high-contrast .hljs-code,
.theme-high-contrast .hljs-deletion,
.theme-high-contrast .hljs-section,
.theme-high-contrast .hljs-string,
.theme-high-contrast .hljs-string .hljs-subst .hljs-string,
.theme-high-contrast .hljs-template-tag,
.theme-high-contrast .hljs-template-variable,
.theme-high-contrast .hljs-type {
  color: #ce9178
}

.theme-dark .hljs-addition,
.theme-dark .hljs-meta,
.theme-dark .hljs-selector-attr,
.theme-dark .hljs-selector-pseudo,
.theme-high-contrast .hljs-addition,
.theme-high-contrast .hljs-meta,
.theme-high-contrast .hljs-selector-attr,
.theme-high-contrast .hljs-selector-pseudo {
  color: #2b91af
}

.theme-dark .hljs-attr,
.theme-high-contrast .hljs-attr {
  color: #9cdcfe
}

.theme-dark .hljs-addition,
.theme-dark .hljs-attribute,
.theme-dark .hljs-meta,
.theme-dark .hljs-parameter,
.theme-dark .hljs-selector-attr,
.theme-dark .hljs-selector-pseudo,
.theme-dark .hljs-title,
.theme-dark .hljs-type,
.theme-high-contrast .hljs-addition,
.theme-high-contrast .hljs-attribute,
.theme-high-contrast .hljs-meta,
.theme-high-contrast .hljs-parameter,
.theme-high-contrast .hljs-selector-attr,
.theme-high-contrast .hljs-selector-pseudo,
.theme-high-contrast .hljs-title,
.theme-high-contrast .hljs-type {
  color: #01cfff
}

.theme-dark .hljs-control,
.theme-high-contrast .hljs-control {
  color: #c586c0
}

.theme-dark .hljs-helper,
.theme-high-contrast .hljs-helper {
  color: #dcdcaa
}

.theme-dark .hljs-bullet,
.theme-dark .hljs-doctag,
.theme-dark .hljs-link,
.theme-dark .hljs-symbol,
.theme-high-contrast .hljs-bullet,
.theme-high-contrast .hljs-doctag,
.theme-high-contrast .hljs-link,
.theme-high-contrast .hljs-symbol {
  color: #a6a6a6
}

.theme-dark .hljs-constant,
.theme-dark .hljs-reserved,
.theme-high-contrast .hljs-constant,
.theme-high-contrast .hljs-reserved {
  color: #f77777
}

.alert {
  display: block;
  position: relative;
  border-radius: 6px;
  font-size: 1rem;
  padding: 1rem;
  margin-top: 1rem;
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  outline-color: #171717;
  outline-color: var(--theme-text);
  color: #171717;
  color: var(--theme-text);
  transition: height .5s ease-in, opacity .5s ease-in;
  word-wrap: break-word;
  word-break: break-word;
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast)
}

.alert>:first-child {
  margin-top: 0
}

.alert>* {
  max-width: 100%
}

.alert.is-primary {
  background-color: #d7eaf8;
  background-color: var(--theme-primary-background);
  border: 1px solid #d7eaf8;
  border: 1px solid var(--theme-primary-background-glow-high-contrast)
}

.alert.is-primary .alert-title,
.alert.is-primary a:not(.button) {
  color: #004173;
  color: var(--theme-primary-dark)
}

.alert.is-primary.is-loading:after {
  border-top-color: #004173;
  border-top-color: var(--theme-primary-dark);
  border-bottom-color: #004173;
  border-bottom-color: var(--theme-primary-dark);
  border-right-color: #004173;
  border-right-color: var(--theme-primary-dark);
  border-left-color: #d7eaf8;
  border-left-color: var(--theme-primary-background)
}

.alert.is-secondary {
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background);
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-secondary-background-glow-high-contrast)
}

.alert.is-secondary .alert-title,
.alert.is-secondary a:not(.button) {
  color: #2f2f2f;
  color: var(--theme-secondary-dark)
}

.alert.is-secondary.is-loading:after {
  border-top-color: #2f2f2f;
  border-top-color: var(--theme-secondary-dark);
  border-bottom-color: #2f2f2f;
  border-bottom-color: var(--theme-secondary-dark);
  border-right-color: #2f2f2f;
  border-right-color: var(--theme-secondary-dark);
  border-left-color: #e6e6e6;
  border-left-color: var(--theme-secondary-background)
}

.alert.is-tertiary {
  background-color: #061329;
  background-color: var(--theme-tertiary-background);
  border: 1px solid #061329;
  border: 1px solid var(--theme-tertiary-background-glow-high-contrast)
}

.alert.is-tertiary .alert-title,
.alert.is-tertiary a:not(.button) {
  color: #a4b2c9;
  color: var(--theme-tertiary-dark)
}

.alert.is-tertiary.is-loading:after {
  border-top-color: #a4b2c9;
  border-top-color: var(--theme-tertiary-dark);
  border-bottom-color: #a4b2c9;
  border-bottom-color: var(--theme-tertiary-dark);
  border-right-color: #a4b2c9;
  border-right-color: var(--theme-tertiary-dark);
  border-left-color: #061329;
  border-left-color: var(--theme-tertiary-background)
}

.alert.is-success {
  background-color: #dff6dd;
  background-color: var(--theme-success-background);
  border: 1px solid #dff6dd;
  border: 1px solid var(--theme-success-background-glow-high-contrast)
}

.alert.is-success .alert-title,
.alert.is-success a:not(.button) {
  color: #054b16;
  color: var(--theme-success-dark)
}

.alert.is-success.is-loading:after {
  border-top-color: #054b16;
  border-top-color: var(--theme-success-dark);
  border-bottom-color: #054b16;
  border-bottom-color: var(--theme-success-dark);
  border-right-color: #054b16;
  border-right-color: var(--theme-success-dark);
  border-left-color: #dff6dd;
  border-left-color: var(--theme-success-background)
}

.alert.is-info {
  background-color: #efd9fd;
  background-color: var(--theme-info-background);
  border: 1px solid #efd9fd;
  border: 1px solid var(--theme-info-background-glow-high-contrast)
}

.alert.is-info .alert-title,
.alert.is-info a:not(.button) {
  color: #3b2e58;
  color: var(--theme-info-dark)
}

.alert.is-info.is-loading:after {
  border-top-color: #3b2e58;
  border-top-color: var(--theme-info-dark);
  border-bottom-color: #3b2e58;
  border-bottom-color: var(--theme-info-dark);
  border-right-color: #3b2e58;
  border-right-color: var(--theme-info-dark);
  border-left-color: #efd9fd;
  border-left-color: var(--theme-info-background)
}

.alert.is-warning {
  background-color: #fff4ce;
  background-color: var(--theme-warning-background);
  border: 1px solid #fff4ce;
  border: 1px solid var(--theme-warning-background-glow-high-contrast)
}

.alert.is-warning .alert-title,
.alert.is-warning a:not(.button) {
  color: #6a4b16;
  color: var(--theme-warning-dark)
}

.alert.is-warning.is-loading:after {
  border-top-color: #6a4b16;
  border-top-color: var(--theme-warning-dark);
  border-bottom-color: #6a4b16;
  border-bottom-color: var(--theme-warning-dark);
  border-right-color: #6a4b16;
  border-right-color: var(--theme-warning-dark);
  border-left-color: #fff4ce;
  border-left-color: var(--theme-warning-background)
}

.alert.is-danger {
  background-color: #fde7e9;
  background-color: var(--theme-danger-background);
  border: 1px solid #fde7e9;
  border: 1px solid var(--theme-danger-background-glow-high-contrast)
}

.alert.is-danger .alert-title,
.alert.is-danger a:not(.button) {
  color: #470001;
  color: var(--theme-danger-dark)
}

.alert.is-danger.is-loading:after {
  border-top-color: #470001;
  border-top-color: var(--theme-danger-dark);
  border-bottom-color: #470001;
  border-bottom-color: var(--theme-danger-dark);
  border-right-color: #470001;
  border-right-color: var(--theme-danger-dark);
  border-left-color: #fde7e9;
  border-left-color: var(--theme-danger-background)
}

.alert .alert-title,
.alert a:not(.button) {
  font-weight: 600;
  color: currentColor
}

.alert .codeHeader {
  line-height: 24px
}

.alert ol,
.alert ol.default,
.alert ul,
.alert ul.default {
  line-height: 1.8;
  margin-bottom: 0
}

.alert.is-banner {
  background-color: #efd9fd;
  background-color: var(--theme-info-background);
  padding-top: .5rem;
  padding-bottom: .5rem;
  margin: 0;
  border-radius: 0
}

.alert.is-banner p {
  margin-top: calc(.375em - 1px);
  margin-bottom: calc(.375em - 1px);
  padding-top: calc(.375em - 1px);
  padding-bottom: calc(.375em - 1px)
}

.alert.is-header {
  border-radius: 0
}

.alert.is-header+.alert {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.alert.disappearing {
  -webkit-animation: slideUpOutFadeOut .4s ease-in forwards;
  animation: slideUpOutFadeOut .4s ease-in forwards
}

.alert.disappearing.is-inline-alert {
  -webkit-animation: fadeOut 1s ease-in forwards;
  animation: fadeOut 1s ease-in forwards
}

.alert.is-loading>:first-child {
  margin-left: 1.8em;
  margin-bottom: 0
}

.alert.is-loading:after {
  border-top-color: #171717;
  border-top-color: var(--theme-text);
  border-bottom-color: #171717;
  border-bottom-color: var(--theme-text);
  border-right-color: #171717;
  border-right-color: var(--theme-text);
  border-left-color: transparent;
  margin-top: .25em;
  position: absolute;
  left: 1em;
  top: 1em;
  transform: none
}

.alert.is-loading.is-small:after {
  font-size: .875rem
}

.alert.is-loading.is-medium:after {
  font-size: 1rem
}

.alert.is-loading.is-large:after {
  font-size: 1.125rem
}

.autocomplete {
  display: inline-block;
  position: relative
}

.autocomplete-input {
  padding-right: 26px
}

.autocomplete-loader {
  position: absolute;
  right: 10px;
  top: 8px
}

.autocomplete-loader.is-large {
  top: 10px;
  font-size: 1.25rem
}

.autocomplete-suggestions {
  position: absolute;
  z-index: 1000;
  max-height: 18rem;
  min-width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 2px 0 0 !important;
  list-style-type: none;
  cursor: default;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  box-shadow: 0 1.6px 3.6px 0 #000000, 0 .3px .9px 0 #000000;
  box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light)
}

@media print,
screen and (min-width:768px) {
  .autocomplete-suggestions {
    max-width: 500px
  }
}

.autocomplete-suggestion {
  display: block;
  border: 1px solid transparent
}

.autocomplete-suggestion.is-active-descendant,
.autocomplete-suggestion:hover {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  border: 1px solid #000000;
  border: 1px solid var(--theme-border-yellow-high-contrast);
  outline-color: currentColor !important;
  outline-offset: -.125rem
}

@media (-ms-high-contrast:active) {
  .autocomplete-suggestion {
    border: 0
  }

  .autocomplete-suggestion.is-active-descendant,
  .autocomplete-suggestion:hover {
    border: solid #ffffff;
    border: solid var(--theme-border-white-high-contrast);
    border-width: 2px 1px;
    outline-color: inherit;
    outline-offset: .125rem;
    outline-style: dashed;
    outline-width: .125rem;
    outline-color: currentColor !important;
    outline-offset: -.125rem
  }
}

.content .notebooks-main-toolbar-container {
  border: 1px solid #505050 !important;
  border: 1px solid var(--theme-text-subtle) !important
}

.content #jupyter-notebook {
  margin-top: 32px !important
}

.content #jupyter-notebook .notebook-container {
  overflow-y: hidden !important
}

.content #jupyter-notebook .nteract-cells {
  padding-bottom: 0 !important
}

.content #jupyter-notebook .nteract-cell-outputs.cell-code-outputs code {
  background-color: transparent !important
}

.breadcrumbs {
  width: 100%;
  background: #f2f2f2;
  background: var(--theme-body-background-medium);
  font-size: .875rem;
  margin-bottom: 0;
  padding: 0 1rem
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .breadcrumbs {
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid var(--theme-border)
  }
}

.breadcrumbs>li {
  display: inline
}

.breadcrumbs>li:not(:last-of-type):after {
  content: "​/"
}

.breadcrumbs>li:after {
  display: inline;
  margin: 0 6px;
  color: #a2a2a2;
  color: var(--theme-secondary-base)
}

@media print,
screen and (min-width:768px) {
  .breadcrumbs {
    padding: 0;
    background: none;
    width: auto
  }

  .breadcrumbs>li {
    display: inline-block
  }
}

.card {
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast);
  box-shadow: 0 1.6px 3.6px 0 #000000, 0 .3px .9px 0 #000000;
  box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  outline-color: #171717;
  outline-color: var(--theme-text);
  color: #171717;
  color: var(--theme-text);
  max-width: 100%;
  position: relative;
  padding: 1.5rem 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: .125rem
}

.card>:first-child {
  border-top-right-radius: .125rem;
  border-top-left-radius: .125rem
}

.card>:last-child {
  border-bottom-right-radius: .125rem;
  border-bottom-left-radius: .125rem
}

.card.is-uniform {
  padding: 1.5rem !important
}

.card .card-content,
.card .card-footer,
.card .card-header {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.card .card-content:first-child,
.card .card-footer:first-child,
.card .card-header:first-child {
  padding-top: 1.5rem;
  margin-top: -1.5rem
}

.card.is-standalone {
  width: 304px
}

.card .card-tag {
  position: absolute;
  top: 1.5rem;
  right: 2rem
}

.card .card-tag .xp-tag {
  min-width: inherit;
  font-size: .75rem;
  top: 0 !important;
  right: 0 !important
}

.card .card-header {
  position: relative;
  margin-bottom: 1.125rem
}

.card .card-header .card-header-image {
  position: relative;
  height: 64px;
  width: 64px
}

.card .card-header .card-header-image img,
.card .card-header .card-header-image svg {
  display: block;
  height: 100%;
  width: 100%
}

.card .card-content {
  flex-grow: 1;
  margin-bottom: 1.125rem
}

.card .card-content>:not(:first-child) {
  margin-top: .5rem
}

.card .card-content .card-content-super-title {
  letter-spacing: .225rem;
  line-height: 1;
  text-transform: uppercase;
  font-size: .75rem
}

.card .card-content .card-content-title {
  flex-grow: 1;
  font-weight: 600;
  line-height: 1.25;
  font-size: 1rem;
  text-align: left;
  -webkit-line-clamp: 3
}

.card .card-content .card-content-title:first-child {
  margin-top: none
}

.card .card-content .card-content-title:only-child {
  margin: 0
}

.card .card-content button.card-content-title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #0078d4;
  color: var(--theme-primary-base)
}

.card .card-content button.card-content-title:hover {
  text-decoration: underline;
  cursor: pointer
}

.card .card-content a.card-content-title,
.card .card-content button.card-content-title:visited {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.card .card-content a.card-content-title:visited {
  color: #624991;
  color: var(--theme-visited)
}

.obsolete-browser .card .card-content a.card-content-title {
  word-break: break-all
}

.obsolete-browser .card .card-content a.card-content-title h3 {
  display: inline-block
}

.card .card-content ul.card-content-metadata {
  color: #505050;
  color: var(--theme-text-subtle);
  font-size: .75rem;
  line-height: .875rem;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  padding: 0
}

.card .card-content ul.card-content-metadata .star-rating-display .before-text,
.card .card-content ul.card-content-metadata .star-rating-display .explanation-text,
.card .card-content ul.card-content-metadata .star-rating-display .star {
  font-weight: 400;
  font-size: .75rem;
  line-height: .875rem
}

.card .card-content ul.card-content-metadata .star-rating-display .star {
  color: #505050;
  color: var(--theme-text-subtle)
}

.card .card-content ul.card-content-metadata>li {
  list-style: none;
  display: flex;
  flex-basis: auto;
  margin-bottom: .25rem
}

.card .card-content ul.card-content-metadata>li:not(:only-child):not(:last-child) {
  margin-right: .75rem
}

.card .card-content ul.card-content-metadata>li:not(:only-child):not(:first-child) {
  padding-right: .75rem
}

.card .card-content ul.card-content-metadata>li:first-of-type,
.card .card-content ul.card-content-metadata>li:only-of-type {
  margin-left: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .card .card-content ul.card-content-metadata>li:last-of-type {
    margin-left: 0
  }
}

.card .card-content ul.card-content-metadata.has-bullets .docon {
  font-size: 13px;
  line-height: inherit;
  margin-right: 5px;
  width: 14px
}

.card .card-content ul.card-content-metadata.has-bullets>li:not(:last-of-type):not(:only-of-type):after {
  padding-left: 5px;
  padding-right: 5px;
  content: "•"
}

.card .card-content ul.card-content-metadata.has-bullets>li:not(:last-of-type):not(:only-of-type).has-text-danger:after {
  color: #505050;
  color: var(--theme-text-subtle)
}

.card .card-content p.card-content-description {
  line-height: 1.25;
  font-size: .875rem
}

@supports (display:grid) {
  .card .card-content p.card-content-description {
    -webkit-line-clamp: 4;
    max-height: inherit !important;
    padding-bottom: 0 !important
  }

  .card .card-content p.card-content-description:after {
    display: none
  }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .card .card-content p.card-content-description {
    position: relative;
    overflow: hidden;
    max-height: 4rem;
    padding-bottom: 1rem
  }

  .card .card-content p.card-content-description:after {
    position: absolute;
    z-index: 2;
    bottom: -1px;
    right: 0;
    left: 0;
    height: 1rem;
    content: ""
  }

  .theme-light .card .card-content p.card-content-description:after {
    background-color: linear-gradient(rgba(255, 255, 255, 0), #fff 50%)
  }

  .theme-dark .card .card-content p.card-content-description:after {
    background-color: linear-gradient(rgba(0, 0, 0, 0), #171717 50%)
  }

  .theme-high-contrast .card .card-content p.card-content-description:after {
    background-color: linear-gradient(rgba(0, 0, 0, 0), #000 50%)
  }
}

.card .card-footer {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: .75rem
}

.card .card-footer.is-left .card-footer-item,
.card .card-footer.is-right .card-footer-item {
  flex-grow: 0
}

.card .card-footer.is-left {
  justify-content: flex-start
}

.card .card-footer.is-right {
  justify-content: flex-end
}

.card .card-footer .card-footer-item {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center;
  padding-top: .375rem;
  padding-bottom: .375rem;
  margin-bottom: .25rem;
  margin-top: .25rem
}

.card .card-footer .card-footer-item>.buttons {
  margin-top: -.375rem;
  margin-bottom: -.375rem
}

.card .card-footer .card-footer-item>.buttons>.button {
  margin-bottom: 0
}

.card .card-footer .card-footer-item>.progress {
  margin-top: .375rem;
  margin-bottom: .375rem;
  max-width: 5rem
}

.card .card-footer .card-footer-item>.progress+.progress-label {
  font-size: .75rem;
  color: #505050;
  color: var(--theme-text-subtle);
  padding-left: .5rem
}

.card .card-footer .card-footer-item>.progress-label {
  font-size: .75rem;
  color: #107c10;
  color: var(--theme-success-base);
  text-transform: uppercase
}

.card .card-footer .card-footer-item>.progress-label .docon {
  padding-left: .25rem
}

.card .card-footer .card-footer-item:first-child,
.card .card-footer .card-footer-item:only-child {
  justify-content: flex-start
}

.card .card-footer .card-footer-item:last-child {
  justify-content: flex-end
}

.card .card-footer .card-footer-item:not(:last-child):not(:first-child):not(:only-child) {
  justify-content: center
}

@media print,
screen and (min-width:768px) {
  .card.is-horizontal {
    flex-direction: row;
    flex-wrap: wrap
  }

  .card.is-horizontal .card-content {
    padding-left: 0;
    max-width: calc(100% - 7rem);
    padding-right: 8rem
  }

  .card.is-horizontal .card-footer {
    width: 100%;
    flex-shrink: 0;
    flex-grow: 1
  }
}

.card.is-branded {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-color: transparent;
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast)
}

.card.is-branded>:first-child {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px
}

.card.is-branded .card-header {
  margin-top: -26px;
  margin-left: -1px;
  margin-right: -1px;
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid var(--theme-border-white-high-contrast)
}

.card.is-branded .card-header:first-child {
  padding-top: 0
}

.card.is-branded .card-header-image {
  top: 1.75rem
}

.card.is-branded .card-content {
  margin-top: 1rem
}

.card.is-branded .card-content .card-content-title {
  margin-bottom: 1rem
}

.card.is-branded .card-tag {
  position: absolute;
  top: 1rem;
  right: 0
}

.card.is-branded .card-tag .xp-tag-hexagon {
  margin-right: -1px
}

.card.is-branded .card-tag .xp-tag-hexagon:after {
  content: "";
  right: 0;
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-top: 0
}

.cloud-shell {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%
}

.cloud-shell-header {
  flex-shrink: 0;
  border-bottom: 1px solid currentColor
}

.cloud-shell-header .button {
  color: inherit;
  background-color: transparent
}

.cloud-shell-header .button.focus-visible,
.cloud-shell-header .button:hover {
  color: #a2a2a2;
  color: var(--theme-secondary-base);
  background-color: transparent
}

.cloud-shell-header-title {
  color: inherit;
  border-left: 1px solid currentColor;
  line-height: 1
}

.cloud-shell-frame {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%
}

.date-countdown-timer {
  align-items: center;
  justify-content: space-between;
  display: flex
}

.date-countdown-timer:not(:last-child) {
  margin-bottom: 1.5rem
}

.date-countdown-timer .timer-item {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center
}

.date-countdown-timer .timer-item .subtitle,
.date-countdown-timer .timer-item .title {
  margin-bottom: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .date-countdown-timer .timer-item:not(:last-child) {
    margin-bottom: .75rem
  }
}

.date-countdown-timer .countdown-title {
  font-weight: 100
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .date-countdown-timer .countdown-title {
    font-size: 3rem
  }
}

@media print,
screen and (min-width:768px) {
  .date-countdown-timer .countdown-title {
    font-size: 4.5rem
  }
}

@media screen and (min-width:1088px) {
  .date-countdown-timer .countdown-title {
    font-size: 4.5rem;
    transform: scale(1.3)
  }
}

@media screen and (min-width:1280px) {
  .date-countdown-timer .countdown-title {
    font-size: 5.375rem
  }
}

.expired-date-title {
  line-height: 1.3 !important;
  text-align: center;
  font-weight: 100
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .expired-date-title {
    font-size: 2.875rem
  }
}

@media print,
screen and (min-width:768px) {
  .expired-date-title {
    font-size: 3.5rem
  }
}

@media screen and (min-width:1088px) {
  .expired-date-title {
    font-size: 3.5rem;
    transform: scale(1.3)
  }
}

@media screen and (min-width:1280px) {
  .expired-date-title {
    font-size: 4.375rem
  }
}

.metadata {
  display: block;
  color: #505050;
  color: var(--theme-text-subtle);
  font-size: .875rem
}

.metadata.page-metadata {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 !important;
  padding: .125rem 0 0 0 !important
}

.metadata.page-metadata>li {
  list-style: none;
  display: flex;
  flex-basis: auto;
  align-items: center
}

.metadata.page-metadata>li .docon {
  font-size: 13px;
  line-height: inherit;
  margin-right: 5px;
  width: 14px
}

.metadata.page-metadata>li:not(:last-of-type):not(:only-of-type):after {
  padding-left: 5px;
  padding-right: 5px;
  content: "•"
}

.metadata.page-metadata>li:first-of-type,
.metadata.page-metadata>li:only-of-type {
  margin-left: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .metadata.page-metadata>li:last-of-type {
    margin-left: 0
  }
}

.metadata>.displayDate.loading {
  visibility: hidden
}

.metadata.page-metadata .contributors-text {
  margin-right: 5px
}

.metadata.page-metadata .contributors {
  display: inline-block;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important
}

.metadata.page-metadata .contributors li {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0
}

.metadata.page-metadata .contributors li img {
  border-radius: 100%;
  height: 16px;
  margin-top: 5px;
  overflow: hidden;
  width: 16px
}

.expandable:not(.is-expanded) {
  display: none !important
}

.footerContainer {
  margin-top: 1.5rem
}

.footer-layout {
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background);
  display: flex;
  flex-direction: column;
  padding: 3rem 1rem 3rem
}

@media screen and (min-width:1088px) {
  .footer-layout {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

.footer-layout .links {
  display: flex;
  font-size: .875rem;
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-top: 1rem
}

@media screen and (min-width:1088px) {
  .footer-layout .links {
    margin-top: 0
  }
}

.footer-layout .links>li {
  display: inline-block;
  margin: .25rem 1.5rem 0 0
}

.footer-layout .links>li:last-child {
  margin-right: 0
}

.footer-layout .links>li a {
  color: #171717;
  color: var(--theme-text)
}

.footer-layout .links>li a:active,
.footer-layout .links>li a:hover {
  color: #505050;
  color: var(--theme-text-subtle)
}

.footer-layout .links>li button {
  background-color: transparent;
  border: none;
  padding: 0
}

.footer-layout .links>li button:active,
.footer-layout .links>li button:hover {
  text-decoration: underline
}

.locale-selector-link {
  color: #171717;
  color: var(--theme-text);
  font-size: .875rem;
  display: flex;
  align-items: center
}

.locale-selector-link:hover {
  color: #505050;
  color: var(--theme-text-subtle);
  text-decoration: none
}

.locale-selector-link:hover .local-selector-link-text {
  text-decoration: underline
}

.theme-dropdown-trigger:hover {
  background-color: transparent !important
}

.modal,
html.obsolete-browser .theme-dropdown-trigger {
  display: none
}

.modal {
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  position: fixed;
  z-index: 1050
}

.modal.is-active {
  display: flex
}

.modal p {
  margin: 0
}

.modal .buttons:last-child {
  margin-bottom: 0
}

.modal-background {
  background-color: rgba(0, 0, 0, .5);
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.modal-background+div:not(.modal-content) {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.modal-content {
  overflow-y: auto
}

@media print,
screen and (min-width:768px) {
  .modal-content {
    max-width: calc(100vw - 40px);
    width: auto
  }
}

.modal-card {
  box-shadow: 0 1.6px 3.6px 0 #000000, 0 .3px .9px 0 #000000;
  box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  outline-color: #171717;
  outline-color: var(--theme-text);
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast)
}

@media print,
screen and (min-width:768px) {
  .modal-card {
    overflow: hidden;
    border-radius: 6px;
    width: 600px
  }
}

@media print,
screen and (min-width:768px) {
  .modal-card-full {
    overflow: auto;
    position: fixed !important;
    top: 3%;
    left: 1%;
    right: 1%;
    width: 98%;
    height: 80%
  }
}

.modal-card,
.modal-content {
  margin: 0 20px;
  overflow-y: auto;
  position: relative;
  max-height: 100%
}

@media print,
screen and (min-width:768px) {

  .modal-card,
  .modal-content {
    margin: 0 auto
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {

  .modal-card.fill-mobile,
  .modal-content.fill-mobile {
    -webkit-overflow-scrolling: touch;
    border-radius: 0;
    height: 100vh;
    max-height: 100%;
    width: 100%;
    max-width: 100vw;
    margin: 0
  }

  .modal-card.restrict-height,
  .modal-content.restrict-height {
    max-height: 82vh
  }
}

.modal-content.is-docked-left,
.modal-content.is-docked-right {
  position: fixed;
  max-width: 100% !important;
  max-height: 100vh !important;
  width: 320px !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.modal-content.is-docked-left {
  left: 0 !important
}

.modal-content.is-docked-right {
  right: 0 !important
}

.modal-close-button {
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px)
}

.modal-card-close-button {
  margin-left: auto
}

.modal-card-close-button.is-sticky {
  position: absolute;
  z-index: 1050;
  right: .5rem;
  top: 1rem
}

.modal-card-close-button.has-color-transition {
  transition: color .25s
}

.modal-card-foot,
.modal-card-head {
  align-items: center;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  outline-color: #171717;
  outline-color: var(--theme-text);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative
}

.modal-card-title {
  color: #171717;
  color: var(--theme-text);
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.125rem;
  line-height: 1
}

.modal-card-foot .button:not(:last-child) {
  margin-right: 10px
}

.modal-card-foot.is-sticky {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .modal-card-foot.is-sticky {
    position: relative
  }
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  outline-color: #171717;
  outline-color: var(--theme-text);
  flex-grow: 1;
  flex-shrink: 1;
  padding: 20px
}

.modal-tab-sentinel {
  position: fixed;
  top: 0;
  left: 0
}

.module-completed-hero .animation-holder {
  -webkit-animation: slideUp .5s ease;
  animation: slideUp .5s ease
}

.module-completed-hero .animation-holder img.achievement-image {
  width: 112px
}

.module-completed-hero .module-badge {
  position: absolute;
  opacity: 0;
  bottom: 10px;
  height: 50px;
  -webkit-animation: fadeInSpin 1.5s ease forwards;
  animation: fadeInSpin 1.5s ease forwards
}

.module-completed-hero .xp-tag {
  bottom: 0 !important;
  right: 20px
}

.module-completed-hero .xp-tag-small {
  bottom: -4px !important;
  right: 2px
}

.module-completed-hero .xp-tag-medium {
  bottom: 1px !important;
  right: 8px
}

.module-completed-hero .xp-tag-large {
  bottom: -1px !important;
  right: 10px
}

.module-completed-hero .xp-tag-extra-large {
  bottom: 3px !important;
  right: 12px
}

.module-completed-hero .xp-tag,
.module-completed-hero .xp-tag-extra-large,
.module-completed-hero .xp-tag-large,
.module-completed-hero .xp-tag-medium,
.module-completed-hero .xp-tag-small {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation: scaleIn 1s ease;
  animation: scaleIn 1s ease;
  top: auto !important
}

.task-completed-modal .task-modal-background-correct {
  background-image: url(modal-complete-plain.609fc87c.svg);
  background-size: contain;
  min-height: 118px
}

.task-completed-modal .task-body p {
  display: inline
}

.modal-slide-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .modal-slide-container {
    min-height: 100%
  }
}

.modal-slide {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%
}

.modal-slide:first-of-type {
  align-items: center;
  justify-content: flex-start
}

.modal-slide:last-of-type {
  align-items: center;
  justify-content: flex-end
}

.modal-slide.slide-left {
  -webkit-animation: slideLeft .25s ease forwards;
  animation: slideLeft .25s ease forwards
}

.modal-slide.slide-right {
  -webkit-animation: slideRight .25s ease backwards;
  animation: slideRight .25s ease backwards
}

.not-found-container {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  padding-top: 32px
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .not-found-container {
    flex-direction: column
  }

  .not-found-container .message-container {
    order: 2
  }

  .not-found-container .hero-image-container {
    order: 1
  }
}

.not-found-container .hero-image {
  width: 150px;
  height: auto;
  overflow: visible;
  max-width: 100%
}

@media print,
screen and (min-width:480px) {
  .not-found-container .hero-image {
    width: 200px
  }
}

@media print,
screen and (min-width:768px) {
  .not-found-container .hero-image {
    width: 225px
  }
}

@media screen and (min-width:1088px) {
  .not-found-container .hero-image {
    width: 275px
  }
}

.not-found-container .hero-image .st0 {
  opacity: .2
}

.not-found-container .hero-image .st1 {
  fill: #2c3e58
}

.not-found-container .hero-image .st2 {
  fill: #b9d6f2
}

.not-found-container .hero-image .st3 {
  fill: #639ee1
}

.not-found-container .hero-image .st4 {
  opacity: .3;
  fill: #f6e768
}

.not-found-container .hero-image .st5 {
  fill: #f6e768
}

.not-found-container .hero-image-container {
  text-align: center
}

.not-found-container .message-container .error-message {
  font-size: 1.3rem
}

.not-found-container .message-container ul.suggested-links {
  display: flex;
  flex-direction: column;
  margin: 24px 0 0;
  padding: 0
}

.not-found-container .message-container ul.suggested-links li {
  list-style-type: none;
  margin-top: 12px
}

.not-found-container .message-container ul.suggested-links li a {
  text-decoration: none
}


/***********************
   PAGER Details
************************/

.pagesize-select-wrapper { /*div#content - Aiz*/
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.pagesize {
  margin: 0;
  max-width: 10vw;
  padding-left: 2px;
  padding-top: 0px;
  background-color: #e3e0e0;
  width: 35px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

.pagesize label {
  font-size: 14px;
  color: black;
  width: max-content;
}

.pagesize select {
  font-size: 14px;
  width: 45px;
  margin-left: 125px;
  margin-top: -20px;
}

.pagesize select {
  border-color: #ccc;
  white-space: nowrap !important;
}

.pagesize input {
  border-color: #ccc;
  color: #171717 !important;
}

::selection {
  background: #2c1b13;
  color: #fff;
  text-shadow: none;
}

.holder {
  margin: 15px 0;
}
.holder a {
  font-size: 18px;
  cursor: pointer;
  margin: 0 5px;
  color: #333;
}

.holder a:hover {
  background-color: #222;
  color: #fff;
}

.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }

.holder a.jp-current, a.jp-current:hover {
  color: #0072ed;
  font-weight: bold;
}

.holder a.jp-disabled, a.jp-disabled:hover {
  color: #bbb;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
  cursor: default;
  background: none;
}

.holder span { margin: 0 5px; }

/* Content -> Unorderlist list for pager */

div#content ul#searchResults { list-style: none; padding:0; margin: 20px 0;  }
div#content ul#searchResults li { display: block; margin: 5px; zoom: 1; *display:inline; }
div#content ul#searchResults ll li img { vertical-align: bottom; width: 125px; height: 125px; }

div.content ul.searchResults { list-style: none; padding:0; margin: 20px 0;  }
div.content ul.searchResults li { display: block; margin: 5px; zoom: 1; *display:inline; }
div.content ul.searchResults ll li img { vertical-align: bottom; width: 125px; height: 125px; }


.btn-menu.is-open, .btn-action.is-open {
  color: #0072ed;
}
.pager-toolbar {
  font-size: 1.6rem;
  height: 38px;
  margin: 5px 10px;
  max-height: 38px;
  padding-top: 4px;
  text-align: center;
}

.pager-toolbar > li {
  cursor: pointer;
  display: inline-block;
}

.pager-pagesize {
  float: right;
}

.pager-pagesize button {
  height: auto;
  min-height: 26px;
}

.pager-pagesize button span {
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: none;
}

.pager-pagesize button .icon {
  height: 18px;
  margin-right: -2px;
  width: 18px;
}

.pagination {
  font-size: 1rem;
  margin: -.25rem
}

.pagination.is-small {
  font-size: .875rem
}

.pagination.is-medium {
  font-size: 1rem
}

.pagination.is-large {
  font-size: 1.125rem
}

.pagination.is-rounded .pagination-next,
.pagination.is-rounded .pagination-previous {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 290486px
}

.pagination.is-rounded .pagination-link {
  border-radius: 290486px
}

.pagination.is-wide {
  justify-content: space-between
}

.pagination,
ul.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0;
  color:#ffffff;
}

.pagination>li,
ul.pagination-list>li {
  list-style: none !important;
  margin: .25rem
}

.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
  font-size: 1em;
  padding-left: .5em;
  padding-right: .5em;
  justify-content: center;
  text-align: center
}

.pagination-link,
.pagination-next,
.pagination-previous {
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  color: #171717;
  color: var(--theme-text);
  text-decoration: none;
  min-width: 2.25em
}

.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
  border-color: #0065b3;
  border-color: var(--theme-primary-hover);
  color: #0065b3;
  color: var(--theme-primary-hover);
  text-decoration: none
}

.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled] {
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background);
  border-color: #e6e6e6;
  border-color: var(--theme-secondary-background);
  color: #a2a2a2;
  color: var(--theme-secondary-base);
  opacity: .5
}

.pagination-next,
.pagination-previous {
  padding-left: .75em;
  padding-right: .75em;
  white-space: nowrap
}

.pagination-link.is-current {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.pagination-link.is-current:hover {
  background-color: #0065b3;
  background-color: var(--theme-primary-hover)
}

.pagination-ellipsis {
  color: #e6e6e6;
  color: var(--theme-secondary-background);
  pointer-events: none
}

.pagination-list {
  flex-wrap: wrap
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .pagination {
    flex-wrap: wrap
  }

  .pagination-list {
    flex-grow: 1
  }

  .pagination-next,
  .pagination-previous {
    flex-grow: 0;
    flex-shrink: 1
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (-webkit-min-device-pixel-ratio:1.25) and (min-aspect-ratio:1/1),
screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (min-aspect-ratio:1/1),
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.25) and (min-aspect-ratio:1/1),
screen and (max-width:767px) and (min-aspect-ratio:1/1),
screen and (max-width:767px) and (min-resolution:120dpi) and (min-aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (min-aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (min-resolution:120dpi) and (min-aspect-ratio:1/1) {
  .pagination.is-centered .pagination-previous {
    order: 1
  }

  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2
  }

  .pagination.is-centered .pagination-next {
    order: 3
  }
}

@media print,
screen and (min-width:768px) {
  .pagination-list {
    flex-grow: 0;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1
  }

  .pagination-previous {
    order: 2
  }

  .pagination-next {
    order: 3
  }

  .pagination {
    justify-content: center
  }

  .pagination.is-centered .pagination-previous {
    order: 1
  }

  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2
  }

  .pagination.is-centered .pagination-next {
    order: 3
  }

  .pagination.is-right .pagination-previous {
    order: 1
  }

  .pagination.is-right .pagination-next {
    order: 2
  }

  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3
  }
}

.nav-box {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  padding: 0;
  margin: 0
}

.nav-box .nav-box-title {
  margin: 0;
  padding: 1rem 1.25rem .5rem
}

.nav-box .nav-box-line {
  padding: 0;
  display: inline-block;
  width: 100%;
  border-left: 3px solid #e6e6e6;
  border-left: 3px solid var(--theme-border)
}

.nav-box .nav-box-line .line-item {
  width: 100%;
  padding: .5rem 1.25rem;
  text-align: left
}

.nav-box .nav-box-line .line-item :last-child {
  padding-left: 1.25rem
}

.nav-box .nav-box-line .is-spaced {
  display: flex;
  justify-content: space-between
}

.nav-box .nav-box-line.is-current {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  font-weight: 600;
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast);
  border-left: 3px solid #e6e6e6;
  border-left: 3px solid var(--theme-border);
  border-left-color: #0078d4 !important;
  border-left-color: var(--theme-primary-base) !important
}

.nav-box .nav-box-line.is-current:visited {
  color: #624991;
  color: var(--theme-visited)
}

.nav-box .nav-box-line:hover {
  border-left-color: #0078d4;
  border-left-color: var(--theme-primary-base)
}

.nav-box .nav-box-line:active,
.nav-box .nav-box-line:hover {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium)
}

.media {
  align-items: flex-start;
  display: flex
}

.media .content:not(:last-child) {
  margin-bottom: .75rem
}

.media.is-user-dir .media-left {
  margin-right: 0;
  margin-right: 1rem
}

.media.is-user-dir .media-right {
  margin-left: 0;
  margin-left: 1rem
}

.media .media {
  border-top: 1px solid #000000;
  border-top: 1px solid var(--theme-box-shadow-medium);
  display: flex;
  padding-top: .75rem
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: .5rem
}

.media .media .media {
  padding-top: .5rem
}

.media .media .media+.media {
  margin-top: .5rem
}

.media+.media {
  border-top: 1px solid #000000;
  border-top: 1px solid var(--theme-box-shadow-medium);
  margin-top: 1rem;
  padding-top: 1rem
}

.media.is-large+.media {
  margin-top: 1.5rem;
  padding-top: 1.5rem
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0
}

.media-left {
  margin-right: 1rem
}

.media-right {
  margin-left: 1rem
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  word-break: break-word
}
/*
.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding: .25rem;
  margin: -.25rem
}

.tabs .tab-control {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid transparent;
  align-items: center;
  color: #171717;
  color: var(--theme-text);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: .5em 1em;
  vertical-align: top;
  cursor: pointer
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent {
  display: block
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent.is-active .tab-control {
  color: #171717;
  color: var(--theme-text);
  border-bottom: 3px solid #0078d4;
  border-bottom: 3px solid var(--theme-primary-base)
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent:not(.is-active) .tab-control:hover:after {
  position: absolute;
  content: "";
  top: 0;
  left: .25rem;
  right: .25rem;
  bottom: -3px;
  border-bottom: 3px solid #e6e6e6;
  border-bottom: 3px solid var(--theme-border)
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent:not(.is-active):first-child .tab-control:hover:after {
  left: 0
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent:not(.is-active):last-child .tab-control:hover:after {
  right: 0
}

.tabs .tab-list {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start
}

.tabs .tab-list.is-left {
  padding-right: .75em
}

.tabs .tab-list.is-center {
  flex: none;
  justify-content: center;
  padding-left: .75em;
  padding-right: .75em
}

.tabs .tab-list.is-right {
  justify-content: flex-end;
  padding-left: .75em
}

.tabs .icon:first-child {
  margin-right: .5em
}

.tabs .icon:last-child {
  margin-left: .5em
}

.tabs.is-centered .tab-list {
  justify-content: center
}

.tabs.is-right .tab-list {
  justify-content: flex-end
}

.tabs.is-boxed .tab-control {
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  border-radius: 4px 4px 0 0
}

.tabs.is-boxed .tab-control:hover {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border-bottom-color: #e6e6e6;
  border-bottom-color: var(--theme-border)
}

.tabs.is-boxed .tab-parent.is-active .tab-control {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  border-bottom-color: #e6e6e6 !important;
  border-bottom-color: var(--theme-border) !important
}

.tabs.is-fullwidth .tab-parent {
  flex-grow: 1;
  flex-shrink: 0
}

.tabs.is-fullwidth .tab-control {
  border-radius: 0;
  width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .tabs.is-fullwidth-mobile .tab-parent {
    flex-grow: 1;
    flex-shrink: 0
  }

  .tabs.is-fullwidth-mobile .tab-control {
    border-radius: 0;
    width: 100%
  }
}

.tabs.is-toggle .tab-control {
  color: #171717;
  color: var(--theme-text);
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  padding: .25em;
  position: relative
}

.tabs.is-toggle .tab-control:hover {
  background-color: #fafafa;
  background-color: var(--theme-hover-invert);
  border-color: #2f2f2f;
  border-color: var(--theme-hover-base);
  z-index: 2
}*/

@media print,
screen and (min-width:768px) {
  .tabs.is-toggle .tab-control {
    padding: .5em 1em
  }
}

.tabs.is-toggle .tab-parent+.tab-parent {
  margin-left: -1px
}

.tabs.is-toggle .tab-parent:first-child .tab-control {
  border-radius: 4px 0 0 4px
}

.tabs.is-toggle .tab-parent:last-child .tab-control {
  border-radius: 0 4px 4px 0
}

.tabs.is-toggle .tab-parent.is-active .tab-control {
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base);
  border-style: solid;
  border-width: 1px;
  color: #000000;
  color: var(--theme-secondary-invert);
  z-index: 1
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .tabs.is-toggle .tab-parent.is-active .tab-control {
    border-width: 1px
  }
}

.tabs.is-toggle .tab-list {
  border-bottom: none
}

.tabs.is-toggle.is-toggle-rounded .tab-parent:first-child .tab-control {
  border-bottom-left-radius: 290486px;
  border-top-left-radius: 290486px;
  padding-left: 1.25em
}

.tabs.is-toggle.is-toggle-rounded .tab-parent:last-child .tab-control {
  border-bottom-right-radius: 290486px;
  border-top-right-radius: 290486px;
  padding-right: 1.25em
}

.tabs.is-small {
  font-size: .875rem
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .tabs.is-extra-small-mobile {
    font-size: 6px
  }
}

.tabs.is-medium {
  font-size: 1rem
}

.tabs.is-large {
  font-size: 1.125rem
}

.tree {
  position: relative;
  font-size: .875rem
}

.tree ul,
ul.tree {
  list-style-type: none;
  margin-bottom: 0
}

.tree-item.is-leaf {
  color: #171717 !important;
  color: var(--theme-text) !important
}

.tree-item>.tree-group {
  display: none
}

.tree-item.is-expanded>.tree-group {
  display: block
}

.tree-group {
  margin-left: 1rem
}

.tree-expander,
.tree-item.is-leaf {
  display: block;
  padding-left: 1rem;
  padding-top: 2px;
  padding-bottom: 2px
}

.tree-item:not(.is-leaf) {
  outline: none !important
}

.tree-expander,
.tree-item.is-leaf {
  outline-offset: -.125rem !important
}

.tree-expander {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.tree-expander-indicator {
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 3px;
  color: #505050;
  color: var(--theme-text-subtle);
  font-size: .55rem;
  font-weight: 600;
  transition: transform .15s ease-in-out;
  transform: rotate(0deg)
}

.tree-item.is-expanded>.tree-expander>.tree-expander-indicator {
  transform: rotate(90deg)
}

.tree-item.is-selected {
  color: #171717 !important;
  color: var(--theme-text-glow-high-contrast) !important;
  font-weight: 600;
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium)
}

.tree-item.is-leaf.has-icon {
  display: flex
}

.tree-item.is-leaf.has-icon:hover {
  text-decoration: none
}

.tree-item.is-leaf.has-icon span.icon {
  line-height: 2;
  align-items: baseline;
  flex-shrink: 0;
  width: 1rem;
  font-size: .75rem
}

.tree-item.is-leaf.has-icon span:not(.icon) {
  padding-left: .5rem
}

.tree-item.is-leaf.has-icon span:not(.icon):hover {
  text-decoration: underline !important
}

.tree[data-is-collapsible=false] .tree-item.is-leaf {
  padding-left: 0 !important
}

.binary-rating-redesign .thumb-rating-update.is-selected .docon-dislike:before,
.binary-rating-redesign .thumb-rating-update:hover .docon-dislike:before,
.thumb-rating.is-selected .docon-dislike:before,
.thumb-rating:hover .docon-dislike:before {
  content: "\F3C0"
}

.binary-rating-redesign .thumb-rating-update.is-selected .docon-like:before,
.binary-rating-redesign .thumb-rating-update:hover .docon-like:before,
.thumb-rating.is-selected .docon-like:before,
.thumb-rating:hover .docon-like:before {
  content: "\F3BF"
}

.thumb-rating {
  height: auto;
  border: none
}

.thumb-rating .icon {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.binary-rating-redesign button.has-border.has-transparent-border {
  border-color: var(--primary-invert) !important
}

.binary-rating-redesign .button.is-disabled,
.binary-rating-redesign .button[disabled] {
  background-color: transparent
}

.binary-rating-redesign .thumb-rating-update.is-selected {
  background-color: var(--body-background) !important;
  color: var(--primary-base) !important
}

.binary-rating-redesign .thumb-rating-update.is-selected.focus-visible {
  outline-color: #ffffff;
  outline-color: var(--theme-primary-invert)
}

.binary-rating-redesign .thumb-rating-update.is-selected .icon {
  color: #0078d4;
  color: var(--theme-primary-base)
}

@media screen and (min-width:1088px) {
  .binary-rating-experiment-active .is-hidden-desktop.binary-rating-holder {
    display: block !important
  }
}

.star-rating-control label,
.star-rating-control output {
  cursor: pointer
}

.star-rating-control label {
  display: inline-block;
  padding: 0 .25rem
}

.star-rating-control output {
  display: block;
  margin-left: .25rem
}

.star-rating-control .rating-star:before {
  font-family: docons;
  content: "\FF38"
}

.star-rating-control .star-collection {
  display: flex
}

.star-rating-control .star-collection>input.is-selected~label .rating-star:before {
  content: "\FF36"
}

.star-rating-control .star-collection>input+label.focus-visible~label .rating-star:before,
.star-rating-control .star-collection>input+label:hover~label .rating-star:before,
.star-rating-control .star-collection>input:not(.is-selected)~label .rating-star:before {
  content: "\FF38"
}

.star-rating-control .star-collection.focus-visible>input+label .rating-star:before,
.star-rating-control .star-collection:hover>input+label .rating-star:before {
  content: "\FF36"
}

.star-rating-control .star-layout {
  display: flex
}

.star-rating-control .star-layout.is-centered {
  flex-direction: column;
  align-items: center
}

.star-rating-control .star-layout.is-centered .star-collection {
  margin: 0 .5rem
}

.star-rating-control .star-layout.is-centered output {
  height: 1rem;
  margin-bottom: .5rem;
  font-weight: 600;
  line-height: 1.125
}

.star-rating-control .star-layout.is-stacked {
  flex-direction: column
}

.star-rating-control .star-layout.is-stacked output {
  width: auto
}

.star-rating-display {
  display: flex
}

.star-rating-display .before-text,
.star-rating-display .star {
  padding-right: .25rem
}

.star-rating-display .explanation-text {
  font-size: .875rem;
  color: #505050;
  color: var(--theme-text-subtle);
  font-weight: 400
}

.star-rating-display.is-small .before-text,
.star-rating-display.is-small .explanation-text,
.star-rating-display.is-small .star {
  font-size: .875rem;
  line-height: .875rem
}

.star-rating-display.has-subtle-stars .star {
  color: #505050;
  color: var(--theme-text-subtle)
}

.theme-selector .theme-selector-icon {
  width: 24px !important
}

.theme-selector .theme-control.is-selected:not(.focus-visible) {
  border: 1px solid #0078d4;
  border: 1px solid var(--theme-primary-base)
}

.bracket {
  overflow-x: hidden
}

.bracket .bracket-group-line,
.bracket .bracket-line {
  border-bottom: 2px solid #a2a2a2;
  border-bottom: 2px solid var(--theme-secondary-base)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {

  .bracket .bracket-group-line,
  .bracket .bracket-line {
    border-bottom: 0;
    border-left: 2px solid #a2a2a2;
    border-left: 2px solid var(--theme-secondary-base);
    height: 15px;
    transform: translate(50%)
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .bracket .bracket-line {
    margin-top: 10px
  }
}

body[dir=ltr] .bracket .bracket-group-line {
  margin-right: 5px
}

body[dir=rtl] .bracket .bracket-group-line {
  margin-left: 5px
}

.bracket .bracket-group-right {
  position: relative;
  top: 65px;
  height: calc(100% - 100px);
  border-top: 2px solid #a2a2a2;
  border-top: 2px solid var(--theme-secondary-base);
  border-bottom: 2px solid #a2a2a2;
  border-bottom: 2px solid var(--theme-secondary-base)
}

body[dir=ltr] .bracket .bracket-group-right {
  border-right: 2px solid #a2a2a2;
  border-right: 2px solid var(--theme-secondary-base);
  margin-left: 5px
}

body[dir=rtl] .bracket .bracket-group-right {
  border-left: 2px solid #a2a2a2;
  border-left: 2px solid var(--theme-secondary-base);
  margin-right: 5px
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .bracket .bracket-group-right {
    top: 0;
    border-top: 0;
    border-left: 2px solid #a2a2a2;
    border-left: 2px solid var(--theme-secondary-base);
    border-bottom: 2px solid #a2a2a2;
    border-bottom: 2px solid var(--theme-secondary-base);
    border-right: 2px solid #a2a2a2;
    border-right: 2px solid var(--theme-secondary-base);
    height: 15px;
    margin-top: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important
  }
}

.divider-line {
  overflow: hidden
}

.divider-line .divider-line-label {
  position: relative;
  padding: 0 10px;
  margin: 0
}

.divider-line .divider-line-label:after,
.divider-line .divider-line-label:before {
  content: "";
  width: 1000px;
  position: absolute;
  top: .65em;
  border-top: 1px solid #a2a2a2;
  border-top: 1px solid var(--theme-secondary-base)
}

.divider-line .divider-line-label:before {
  right: 100%
}

.divider-line .divider-line-label:after {
  left: 100%
}

.nav-bar {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 54px;
  min-height: 54px;
  justify-content: space-between
}

@media print,
screen and (min-width:768px) {
  .nav-bar {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

@media print,
screen and (min-width:860px) {
  .nav-bar {
    padding-left: 24px;
    padding-right: 24px
  }
}

@media print,
screen and (min-width:1084px) {
  .nav-bar {
    padding-left: 5vw;
    padding-right: 5vw
  }
}

@media print,
screen and (min-width:1795px) {
  .nav-bar {
    padding-left: calc(50% - 800px);
    padding-right: calc(50% - 800px)
  }
}

.nav-bar .dropdown-menu {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium)
}

.nav-bar .dropdown-menu .nav-bar-button.focus-visible,
.nav-bar .dropdown-menu .nav-bar-button:hover {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  text-decoration: underline !important;
  width: 100%
}

.nav-bar>:first-child,
.nav-bar>:first-child>:first-child {
  padding-left: .5rem
}

@media print,
screen and (min-width:768px) {

  .nav-bar>:first-child,
  .nav-bar>:first-child>:first-child {
    padding-left: 0 !important
  }
}

.nav-bar-nav {
  display: none;
  align-items: stretch
}

@media print,
screen and (min-width:768px) {
  .nav-bar-nav {
    display: flex
  }
}

.nav-bar-nav-list {
  display: flex;
  align-items: stretch
}

.nav-bar-item {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.nav-bar-item.has-spacing,
.nav-bar-item.is-category {
  margin: 0 .5rem
}

.nav-bar-item.is-category>.nav-bar-button .tag {
  margin-bottom: .25rem
}

.nav-bar-item.is-category>.is-title {
  padding-left: .5rem
}

.nav-bar-item.is-category:before {
  content: "";
  display: inline-block;
  height: 1.5rem;
  border-left: 2px solid #505050;
  border-left: 2px solid var(--theme-text-subtle);
  margin-left: .5rem;
  margin-right: 1rem
}

.nav-bar-search {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  padding-left: .25rem;
  margin-right: 0
}

@media print,
screen and (min-width:768px) {
  .nav-bar-search {
    padding: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}

@media screen and (min-width:1088px) {
  .nav-bar-search {
    margin-right: .25rem
  }
}

.nav-bar-search.is-expanded {
  padding-left: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .nav-bar-search.is-expanded {
    flex-grow: 0;
    flex-shrink: 0
  }
}

.nav-bar-search .nav-bar-search-form {
  display: flex;
  padding-left: .25rem
}

@media print,
screen and (min-width:768px) {
  .nav-bar-search .nav-bar-search-form {
    padding-left: 0
  }
}

.nav-bar-search .nav-bar-button {
  width: 100%
}

@media print,
screen and (min-width:768px) {
  .nav-bar-search .nav-bar-button {
    max-width: 120px
  }
}

@media screen and (min-width:1088px) {
  .nav-bar-search .nav-bar-button {
    max-width: 75px
  }
}

.nav-bar-button {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 54px;
  padding: 0 .5rem;
  background-color: transparent;
  color: #171717;
  color: var(--theme-text);
  border: none;
  text-decoration: none !important;
  white-space: nowrap;
  font-size: .875rem;
  line-height: normal;
  cursor: pointer;
  outline-offset: -.125rem !important
}

.dropdown-menu .nav-bar-button,
.nav-bar-mobile-nav .nav-bar-button {
  justify-content: flex-start
}

.nav-bar-mobile-nav .nav-bar-button {
  padding: 1rem
}

.nav-bar-button.focus-visible,
.nav-bar-button.is-active,
.nav-bar-button:active,
.nav-bar-button:hover {
  color: #171717;
  color: var(--theme-text)
}

.nav-bar-button.focus-visible.has-hover-underline:not([aria-expanded=true])>:first-child,
.nav-bar-button.is-active.has-hover-underline:not([aria-expanded=true])>:first-child,
.nav-bar-button:active.has-hover-underline:not([aria-expanded=true])>:first-child,
.nav-bar-button:hover.has-hover-underline:not([aria-expanded=true])>:first-child {
  position: relative
}

.nav-bar-button.focus-visible.has-hover-underline:not([aria-expanded=true])>:first-child:after,
.nav-bar-button.is-active.has-hover-underline:not([aria-expanded=true])>:first-child:after,
.nav-bar-button:active.has-hover-underline:not([aria-expanded=true])>:first-child:after,
.nav-bar-button:hover.has-hover-underline:not([aria-expanded=true])>:first-child:after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 2px solid #171717;
  border-bottom: 2px solid var(--theme-text);
  left: 0;
  right: 0;
  bottom: -.125rem
}

.nav-bar-button:visited {
  color: #171717;
  color: var(--theme-text)
}

.nav-bar-button.dropdown-trigger[aria-expanded=true] {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium)
}

.dropdown-menu .nav-bar-button {
  padding: .5rem 1rem
}

.nav-bar-button.is-title {
  font-size: 1rem;
  word-break: break-word;
  padding: 0;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  line-height: normal
}

@media print,
screen and (min-width:768px) {
  .nav-bar-button.is-title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.125;
    margin: 0;
    padding: 0 .5rem
  }
}

.nav-bar-button .tag {
  margin-bottom: .25rem;
  vertical-align: middle;
  font-weight: inherit
}

.nav-bar-menu-title {
  padding-left: .5rem;
  padding-bottom: .25rem;
  font-weight: 600
}

.nav-bar-search-form-expander {
  width: 100%;
  height: 100%;
  justify-content: flex-end
}

@media print,
screen and (min-width:768px) {
  .nav-bar-search-form-expander {
    justify-content: center
  }
}

.nav-bar-search-form-expander.is-expanded {
  padding: 0
}

.nav-bar-search-form-expander .nav-bar-button {
  padding: 1rem;
  height: 100%;
  justify-content: flex-end
}

@media print,
screen and (min-width:768px) {
  .nav-bar-search-form-expander .nav-bar-button {
    justify-content: center
  }
}

.nav-bar-search-form-expander .nav-bar-button.is-expanded {
  margin-left: .25rem;
  padding: 1rem;
  justify-content: center
}

.nav-bar-search-form-expander .nav-bar-button.is-expanded .nav-bar-button-text {
  padding: .25rem 0
}

@media print,
screen and (min-width:768px) {
  .nav-bar-search-form-expander .nav-bar-button.is-expanded .nav-bar-button-text {
    padding: 0
  }
}

.nav-bar-button-chevron {
  margin-left: auto;
  padding-left: .25rem;
  font-size: .75rem;
  color: #505050;
  color: var(--theme-text-subtle)
}

.dropdown-menu .nav-bar-button-chevron {
  padding-left: 1rem
}

.nav-bar-button-chevron .docon {
  vertical-align: sub
}

.nav-bar-brand {
  display: flex
}

.nav-bar-spacer {
  display: none;
  flex-grow: 1;
  flex-shrink: 1
}

@media print,
screen and (min-width:768px) {
  .nav-bar-spacer {
    display: block
  }
}

.nav-bar-logo {
  width: 108px;
  height: 23px
}

.nav-bar-burger {
  border: none;
  outline-offset: -.125rem !important;
  padding: 0;
  height: 0;
  cursor: pointer;
  display: block;
  height: 54px;
  position: relative;
  width: 54px
}

.nav-bar-burger span {
  border-top: 1px solid currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px
}

@media screen and (-webkit-min-device-pixel-ratio:1.25),
screen and (min-resolution:120dpi) {
  .nav-bar-burger span {
    height: 1.5px
  }
}

.nav-bar-burger span:first-child {
  top: calc(50% - 6px)
}

.nav-bar-burger span:nth-child(2) {
  top: calc(50% - 1px)
}

.nav-bar-burger span:nth-child(3) {
  top: calc(50% + 4px)
}

.nav-bar-burger:hover {
  background-color: #000000;
  background-color: var(--theme-box-shadow-heavy)
}

.nav-bar-burger[aria-expanded=true] span:first-child {
  transform: translateY(5px) rotate(45deg)
}

.nav-bar-burger[aria-expanded=true] span:nth-child(2) {
  opacity: 0
}

.nav-bar-burger[aria-expanded=true] span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg)
}

@media print,
screen and (min-width:768px) {
  .nav-bar-burger {
    display: none
  }
}

.nav-bar-burger:hover {
  background-color: #ffffff;
  background-color: var(--theme-body-background)
}

.nav-bar-burger .nav-bar-burger-label {
  overflow: hidden;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  margin: -1px;
  padding: 0
}

.nav-bar-list {
  display: flex
}

.nav-bar-profile {
  padding-left: .25rem;
  font-size: .875rem;
  display: none;
  align-items: center;
  flex-shrink: 0
}

@media print,
screen and (min-width:768px) {
  .nav-bar-profile {
    display: flex
  }
}

.nav-bar-profile .docs-sign-in {
  color: #0078d4;
  color: var(--theme-primary-base);
  border: 1px solid transparent;
  border-radius: 2px;
  height: 2.25em;
  line-height: 1.5;
  padding-bottom: calc(.375em - 1px);
  padding-left: .75em;
  padding-right: .75em;
  padding-top: calc(.375em - 1px);
  position: relative;
  align-self: center
}

.nav-bar-profile .docs-sign-in:hover {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium)
}

.nav-bar-mobile-nav {
  background-color: #ffffff;
  background-color: var(--theme-body-background)
}

.nav-bar-mobile-nav-list .nav-bar-mobile-nav-list {
  margin-left: 1rem
}

.nav-bar-mobile-nav-item {
  display: flex;
  flex-direction: column
}

.nav-bar-mobile-nav-item>.nav-bar-button .tag {
  margin-left: .25rem
}

.toast {
  z-index: 1060;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 0;
  width: 100%;
  transition: height .4s ease-in, opacity .4s ease-in
}

.toast.appearing {
  height: auto;
  -webkit-animation: slideDown .4s ease-in forwards;
  animation: slideDown .4s ease-in forwards
}

.toast.disappearing {
  -webkit-animation: slideUpOutFadeOut .4s ease-in forwards;
  animation: slideUpOutFadeOut .4s ease-in forwards
}

.media-card {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast);
  border-color: transparent;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  box-shadow: 0 1.6px 3.6px 0 #000000, 0 .3px .9px 0 #000000;
  box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
  color: #171717;
  color: var(--theme-text);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.media-card.is-horizontal {
  border-bottom-left-radius: .5rem;
  border-top-right-radius: 0;
  flex-direction: row
}

.media-card.is-horizontal .media-card-image {
  border-bottom-left-radius: .5rem;
  border-top-right-radius: 0;
  height: auto;
  padding-top: 0;
  position: relative;
  min-width: 86px
}

@media print,
screen and (min-width:768px) {
  .media-card.is-horizontal .media-card-image {
    min-width: 110px
  }
}

.media-card.is-horizontal .media-card-image img,
.media-card.is-horizontal .media-card-image svg {
  height: 100%;
  left: 50%;
  max-width: none;
  min-width: 86px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto
}

@media print,
screen and (min-width:768px) {

  .media-card.is-horizontal .media-card-image img,
  .media-card.is-horizontal .media-card-image svg {
    min-width: 110px
  }
}

@media print,
screen and (min-width:768px) {
  .media-card.is-horizontal-tablet {
    border-bottom-left-radius: .5rem;
    border-top-right-radius: 0;
    flex-direction: row
  }

  .media-card.is-horizontal-tablet .media-card-image {
    border-bottom-left-radius: .5rem;
    border-top-right-radius: 0;
    height: auto;
    padding-top: 0;
    position: relative;
    min-width: 86px
  }
}

@media print,
screen and (min-width:768px) and (min-width:768px) {
  .media-card.is-horizontal-tablet .media-card-image {
    min-width: 110px
  }
}

@media print,
screen and (min-width:768px) {

  .media-card.is-horizontal-tablet .media-card-image img,
  .media-card.is-horizontal-tablet .media-card-image svg {
    height: 100%;
    left: 50%;
    max-width: none;
    min-width: 86px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
  }
}

@media print,
screen and (min-width:768px) and (min-width:768px) {

  .media-card.is-horizontal-tablet .media-card-image img,
  .media-card.is-horizontal-tablet .media-card-image svg {
    min-width: 110px
  }
}

@media print,
screen and (min-width:768px) {
  .media-card.is-standalone {
    width: 450px
  }
}

.media-card .media-card-image {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%
}

@media print,
screen and (min-width:768px) {
  .media-card .media-card-image {
    min-width: 138px
  }
}

.media-card .media-card-image img,
.media-card .media-card-image svg {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.media-card .media-card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  padding: 1.5rem;
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast);
  width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-resolution:120dpi) and (min-width:1088px) and (max-width:1279.9px),
screen and (min-width:1088px) and (max-width:1279px) {
  .media-card .media-card-content {
    padding: 1rem
  }
}

.media-card .media-card-content>:not(:first-child) {
  margin-top: .75rem
}

.media-card .media-card-content .media-card-content-titles>p {
  letter-spacing: .225rem;
  text-transform: uppercase;
  font-size: .75rem
}

.media-card .media-card-content .media-card-content-titles>h2 {
  line-height: 1.25;
  font-weight: 600;
  font-size: 1.25rem
}

.media-card .media-card-content .media-card-content-description {
  font-size: .875rem;
  line-height: 1.5;
  color: #505050;
  color: var(--theme-text-subtle);
  flex-grow: 1
}

.media-card .media-card-content .media-card-content-link {
  font-size: .875rem;
  line-height: 1.25
}

.page-actions-menu {
  width: 100vw;
  background-color: #ffffff;
  background-color: var(--theme-body-background)
}

.page-actions-menu .menu-divider {
  overflow: hidden
}

.page-actions-menu .menu-divider .menu-divider-line,
.page-actions-menu .menu-divider .menu-divider-line:after,
.page-actions-menu .menu-divider .menu-divider-line:before {
  position: absolute;
  left: 0
}

.page-actions-menu .menu-divider .menu-divider-line:after {
  content: "";
  width: 100vw;
  border-top: 1px solid #a2a2a2;
  border-top: 1px solid var(--theme-secondary-base)
}

.facepile {
  display: flex;
  flex-wrap: wrap;
  font-size: 2rem
}

.facepile.is-small {
  font-size: 1.5rem
}

.facepile.is-large {
  font-size: 2.5rem
}

.facepile-item {
  list-style: none !important;
  padding-right: .25rem
}

.facepile-item-coin {
  border-radius: 290486px;
  overflow: hidden;
  display: flex;
  width: 1em;
  height: 1em
}

.facepile-item-coin:hover {
  text-decoration: none
}

.facepile-item-coin-image {
  width: 100%;
  height: 100%
}

.facepile-item-coin-text {
  color: #ffffff;
  color: var(--theme-primary-invert);
  margin: auto;
  font-size: .5em;
  line-height: 1;
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-transform: uppercase
}

.facepile-item-more {
  display: block;
  padding: 0;
  border: none;
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  border-radius: 290486px;
  overflow: hidden;
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast)
}

.facepile-item-more .facepile-item-coin-text {
  color: #000000;
  color: var(--theme-secondary-invert)
}

.facepile-item-red {
  background-color: #a80000;
  background-color: var(--theme-facepile-red)
}

.facepile-item-teal {
  background-color: #328e9f;
  background-color: var(--theme-facepile-teal)
}

.facepile-item-blue {
  background-color: #0078d4;
  background-color: var(--theme-facepile-blue)
}

.details {
  max-width: 100%
}

.details>summary {
  list-style: none
}

.details>summary:before {
  display: none
}

.details>summary::-webkit-details-marker {
  display: none
}

.details:first-of-type {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border)
}

.details-summary {
  display: block;
  position: relative;
  outline-offset: -.125rem !important;
  padding: 1.5rem;
  padding-right: 4.5rem;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border);
  cursor: pointer;
  font-weight: 600
}

.details-summary:hover {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.details-summary:after {
  position: absolute;
  font-family: docons !important;
  content: "\FF33" !important;
  right: 2.5rem;
  top: 1.5rem;
  transition: transform .15s
}

[open] .details-summary:after {
  transform: rotateX(180deg)
}

.details-content {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  padding: 1.5rem;
  margin: 0;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

.details-content li:first-child,
.details-content p:first-child,
.details-content ul:first-child {
  margin-top: 0
}

.box {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  box-shadow: 0 1.6px 3.6px 0 #000000, 0 .3px .9px 0 #000000;
  box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
  display: block;
  padding: 1.25rem;
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast)
}

a.box:hover {
  box-shadow: 3px 3px 5px 0 #000000, 0 0 0 1px #0078d4;
  box-shadow: 3px 3px 5px 0 var(--theme-box-shadow-light), 0 0 0 1px var(--theme-primary-base)
}

a.box:active {
  box-shadow: inset 0 1px 2px #000000, 0 0 0 1px #0078d4;
  box-shadow: inset 0 1px 2px var(--theme-box-shadow-medium), 0 0 0 1px var(--theme-primary-base)
}

.bar-link,
.barLink {
  align-items: center;
  border-left: 6px solid #e6e6e6;
  border-left: 6px solid var(--theme-border);
  display: flex;
  font-size: 1.125rem;
  line-height: 28px;
  margin-top: .25rem !important;
  min-height: 36px;
  padding-left: .75rem !important;
  padding-right: .75rem !important
}

.bar-link.is-small,
.barLink.is-small {
  margin-top: .5rem !important;
  border-left: 3px solid #e6e6e6;
  border-left: 3px solid var(--theme-border);
  font-size: .875rem;
  line-height: 1.05rem;
  min-height: .9625rem
}

.bar-link:hover,
.barLink:hover {
  border-color: #0065b3;
  border-color: var(--theme-primary-hover);
  border-left-color: #0078d4;
  border-left-color: var(--theme-primary-base)
}

.bar-link:visited,
.barLink:visited {
  color: #624991;
  color: var(--theme-visited)
}

.bar-link.is-unit-list-item,
.barLink.is-unit-list-item {
  align-items: normal;
  justify-content: space-between;
  border-width: 4px;
  padding-right: .75rem !important;
  max-height: 100%;
  line-height: 1;
}

.bar-link img,
.barLink img {
  width: 36px;
  height: 36px;
  margin: 5px 0;
  margin-right: 10px
}

.cols div:last-child>.barLink {
  margin-bottom: 16px
}

.xp-tag-hexagon {
  position: relative;
  top: 0;
  min-width: calc(100% + 1.5em);
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -1.5em
}

.xp-tag-hexagon,
.xp-tag-hexagon:before {
  background-color: #e6e6e6;
  background-color: var(--theme-border);
  transition: background-color .8s ease;
  transition-delay: .4s
}

.xp-tag-hexagon:before {
  content: "";
  position: absolute;
  left: -18px;
  left: -6px;
  top: 3px;
  transform: rotate(45deg);
  height: 12px;
  width: 12px;
  z-index: 1;
  border: none !important
}

.xp-tag-hexagon:after {
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  width: 0;
  height: 0;
  background-color: transparent;
  border-left: 9px solid #e6e6e6;
  border-left: 9px solid var(--theme-border);
  border-right: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  transition: border-color .8s ease;
  transition-delay: .4s
}

.is-complete .xp-tag-hexagon {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  transition: background-color .8s ease;
  transition-delay: .4s
}

.is-complete .xp-tag-hexagon .xp-tag-xp {
  color: #ffffff;
  color: var(--theme-success-invert)
}

.is-complete .xp-tag-hexagon:before {
  background-color: #0b6413;
  background-color: var(--theme-success-hover);
  transition: background-color .8s ease;
  transition-delay: .4s
}

.is-complete .xp-tag-hexagon:after {
  border-left: 9px solid #107c10;
  border-left: 9px solid var(--theme-success-base);
  transition: border-color .8s ease;
  transition-delay: .4s
}

.is-large .xp-tag-hexagon {
  display: flex;
  position: relative;
  min-width: 120px !important;
  height: 36px !important;
  left: auto;
  padding-left: 30px;
  padding-right: 30px
}

.is-large .xp-tag-hexagon:not(.is-centered) {
  margin-left: 48px
}

.is-large .xp-tag-hexagon:before {
  left: -13px !important;
  top: 5px !important;
  height: 25.4558441227px !important;
  width: 25.4558441227px !important
}

.is-large .xp-tag-hexagon:after {
  right: -36px;
  border-left: 18px solid #e6e6e6;
  border-left: 18px solid var(--theme-border);
  border-right: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent
}

.xp-tag-extra-large .xp-tag-hexagon {
  display: flex;
  position: relative;
  height: 18px !important
}

.xp-tag-extra-large .xp-tag-hexagon:not(.is-centered) {
  margin-left: 48px
}

.xp-tag-extra-large .xp-tag-hexagon:before {
  left: -6px !important;
  top: 3px !important;
  height: 12.7279220614px !important;
  width: 12.7279220614px !important
}

.xp-tag-extra-large .xp-tag-hexagon:after {
  right: -18px;
  border-left: 9px solid #e6e6e6;
  border-left: 9px solid var(--theme-border);
  border-right: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent
}

.xp-tag-large .xp-tag-hexagon,
.xp-tag-medium .xp-tag-hexagon {
  display: flex;
  position: relative;
  left: auto
}

.xp-tag-medium .xp-tag-hexagon {
  min-width: 48px;
  height: 14px
}

.xp-tag-medium .xp-tag-hexagon:before {
  left: -5px;
  top: 2px;
  height: 9.8994949366px;
  width: 9.8994949366px
}

.xp-tag-medium .xp-tag-hexagon:after {
  right: -14px;
  border-left: 7px solid #e6e6e6;
  border-left: 7px solid var(--theme-border);
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent
}

.xp-tag-small .xp-tag-hexagon {
  display: flex;
  position: relative;
  min-width: 40px;
  width: 40px;
  height: 12px;
  left: auto
}

.xp-tag-small .xp-tag-hexagon:before {
  left: -5px;
  top: 2px;
  height: 8.4852813742px;
  width: 8.4852813742px
}

.xp-tag-small .xp-tag-hexagon:after {
  right: -12px;
  border-left: 6px solid #e6e6e6;
  border-left: 6px solid var(--theme-border);
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent
}

.is-large.is-complete .xp-tag-hexagon {
  padding-left: 18px !important
}

.is-large.is-complete .xp-tag-hexagon:before {
  background-color: #0b6413 !important;
  background-color: var(--theme-success-hover) !important
}

.is-large.is-complete .xp-tag-hexagon:after {
  border-left: 18px solid #107c10 !important;
  border-left: 18px solid var(--theme-success-base) !important
}

.xp-tag-extra-large.is-complete .xp-tag-hexagon {
  padding-left: 9px !important
}

.xp-tag-extra-large.is-complete .xp-tag-hexagon:before {
  background-color: #0b6413 !important;
  background-color: var(--theme-success-hover) !important
}

.xp-tag-extra-large.is-complete .xp-tag-hexagon:after {
  border-left: 9px solid #107c10 !important;
  border-left: 9px solid var(--theme-success-base) !important
}

.xp-tag-medium.is-complete .xp-tag-hexagon {
  padding-left: 7px !important
}

.xp-tag-medium.is-complete .xp-tag-hexagon:before {
  background-color: #0b6413 !important;
  background-color: var(--theme-success-hover) !important
}

.xp-tag-medium.is-complete .xp-tag-hexagon:after {
  border-left: 7px solid #107c10 !important;
  border-left: 7px solid var(--theme-success-base) !important
}

.xp-tag-small.is-complete .xp-tag-hexagon {
  padding-left: 6px !important
}

.xp-tag-small.is-complete .xp-tag-hexagon:before {
  background-color: #0b6413 !important;
  background-color: var(--theme-success-hover) !important
}

.xp-tag-small.is-complete .xp-tag-hexagon:after {
  border-left: 6px solid #107c10 !important;
  border-left: 6px solid var(--theme-success-base) !important
}

.xp-tag-xp {
  color: #171717;
  color: var(--theme-text);
  font-size: 12px;
  margin-bottom: 1px
}

.theme-high-contrast .xp-tag-xp {
  color: #ffffff;
  color: var(--theme-text-invert)
}

.is-large .xp-tag-xp {
  font-size: 18px
}

.xp-tag-extra-large .xp-tag-xp {
  font-size: 14px
}

.xp-tag-large .xp-tag-xp {
  font-size: 12px
}

.xp-tag-medium .xp-tag-xp {
  font-size: 10px
}

.xp-tag-small .xp-tag-xp {
  font-size: 8px;
  margin-bottom: 0 !important
}

.is-complete .xp-tag-icon {
  position: absolute;
  left: -5px;
  top: 1px;
  z-index: 3;
  font-size: 9px;
  color: #ffffff;
  color: var(--theme-success-invert);
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -webkit-animation: scaleIn .8s ease;
  animation: scaleIn .8s ease
}

.is-large .xp-tag-icon {
  top: 10px !important;
  left: -10px !important;
  font-size: 18px !important
}

.xp-tag-extra-large .xp-tag-icon {
  top: 3px !important;
  left: -3px !important
}

.xp-tag-large .xp-tag-icon {
  top: 2px !important;
  left: -3px !important
}

.xp-tag-medium .xp-tag-icon {
  top: 0 !important;
  left: -3px !important;
  font-size: 7.5px !important
}

.xp-tag-small .xp-tag-icon {
  top: -2px !important;
  left: -3px !important;
  font-size: 4px !important
}

/*.dropdown {
  position: relative
}*/

.dropdown-menu {
  position: absolute;
  width: auto;
  top: 100%;
  white-space: nowrap;
  z-index: 1000;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  box-shadow: 0 6.4px 14.4px 0 #000000, 0 1.2px 3.6px 0 #000000;
  box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light)
}

.has-centered-menu .dropdown-menu {
  max-width: 90vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: normal
}

.dropdown-menu.has-overflow-auto {
  max-height: 14rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.dropdown-trigger:not([aria-expanded=true])+.dropdown-menu {
  display: none
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true] {
  z-index: 1001 !important
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:after,
.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:before {
  position: absolute;
  left: calc(50% - 8px);
  bottom: 100%;
  top: -16px;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
  content: " ";
  border-color: transparent;
  border-style: outset outset solid
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:after {
  margin-left: 1px;
  margin-top: 2px;
  border-width: 7px;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--theme-body-background)
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:before {
  border-width: 8px;
  border-bottom-color: #e6e6e6;
  border-bottom-color: var(--theme-border)
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:after,
.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:before {
  top: inherit;
  bottom: -14px;
  z-index: 1001
}

.dropdown.has-caret .dropdown-menu {
  margin-top: 12px
}

.buttons .dropdown.has-caret .dropdown-menu {
  margin-top: 5px
}

.dropdown.has-caret.has-snug-menu .dropdown-trigger[aria-expanded=true]:after,
.dropdown.has-caret.has-snug-menu .dropdown-trigger[aria-expanded=true]:before {
  top: 21px
}

.dropdown.has-caret.has-snug-menu .dropdown-menu {
  margin-top: 5px
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true] {
  z-index: 1001 !important
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:after,
.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:before {
  position: absolute;
  left: calc(50% - 8px);
  top: 100%;
  bottom: -16px;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
  content: " ";
  border-color: transparent;
  border-style: outset outset solid
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:after {
  margin-left: 1px;
  margin-bottom: 2px;
  border-width: 7px;
  border-top-color: #ffffff;
  border-top-color: var(--theme-body-background)
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:before {
  border-width: 8px;
  border-top-color: #e6e6e6;
  border-top-color: var(--theme-border)
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:after,
.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:before {
  top: inherit;
  bottom: 22px
}

.dropdown.has-caret-up .dropdown-menu {
  top: inherit;
  bottom: 30px;
  margin-bottom: 8px
}

.dropdown-button-chevron {
  margin-left: auto;
  padding-left: .25rem;
  font-size: .75rem;
  color: #505050;
  color: var(--theme-text-subtle)
}

.dropdown-menu .dropdown-button-chevron {
  padding-left: 1rem
}

.dropdown-button-chevron .docon {
  vertical-align: sub
}
/*
.button {
  border-radius: 2px;
  background-color: #0072ed;
  background-color: var(--theme-body-background);
  border-color: #505050;
  border-color: var(--theme-text-subtle);
  border-width: 1px;
  color: #171717;
  color: var(--theme-text);
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(.375em - 1px);
  padding-left: .75em;
  padding-right: .75em;
  padding-top: calc(.375em - 1px);
  text-align: center;
  white-space: nowrap
}*/

.button{
  border-radius: 8px;
  background-color: #0072ed;
  color: #ffffff;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(.375em - 1px);
  padding-left: .75em;
  padding-right: .75em;
  padding-top: calc(.375em - 1px);
  text-align: center;
  white-space: nowrap;
}
.button:focus {
  box-shadow: 0 0 0 0.25em #61c5ff;
  outline: 0;
  color: #ffffff;
}
.button:not(.is-text),
.button:not(.is-text-primary) {
  text-decoration: none !important
}

.button strong {
  color: inherit
}

.button .icon,
.button .icon.is-large,
.button .icon.is-medium,
.button .icon.is-small {
  width: 1.5em
}

.button .icon:first-child:last-child {
  margin-left: calc(-.375em - 1px);
  margin-right: calc(-.375em - 1px)
}

.button .icon:first-child:not(:last-child) {
  margin-left: calc(-.375em - 1px);
  margin-right: .1875em
}

.button .icon:last-child:not(:first-child) {
  margin-left: .1875em;
  margin-right: calc(-.375em - 1px)
}

.content .button .icon:first-child:not(:last-child) {
  margin-left: calc(-.375em - 1px) !important;
  margin-right: .1875em !important
}

.content .button .icon:last-child:not(:first-child) {
  margin-left: .1875em !important;
  margin-right: calc(-.375em - 1px) !important
}

.button.has-inner-focus:not(.is-text) {
  outline-color: currentColor
}

.button.is-icon-only .icon {
  margin: 0 !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .button.is-icon-only-mobile .icon {
    margin: 0 !important
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .button.is-icon-only-touch .icon {
    margin: 0 !important
  }
}

.button.is-hovered,
.button:hover {
  /*border-color: #2f2f2f;
  border-color: var(--theme-hover-base);
  color: #171717;
  color: var(--theme-text);
  background-color: var(--theme-hover-invert)*/
  background-color: #0066D4;
  color: #ffffff;

}

.button.focus-visible,
.button.is-focused {
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  color: #ffffff;
  color: var(--theme-text)
}

.button.is-active,
.button:active,
.button:visited {
  color: #171717;
  color: var(--theme-text)
}

.button.is-active,
.button:active {
  border-color: #171717;
  border-color: var(--theme-text)
}

.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #171717;
  color: var(--theme-text);
  text-decoration: underline
}

.button.is-text.focus-visible,
.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:hover {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #171717;
  color: var(--theme-text)
}

.button.is-text:visited {
  color: #171717;
  color: var(--theme-text)
}

.button.is-text.is-active,
.button.is-text:active {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #171717;
  color: var(--theme-text)
}

.button.is-text.is-disabled,
.button.is-text[disabled] {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none
}

.button.is-text.has-inner-focus {
  outline-color: #171717;
  outline-color: var(--theme-text)
}

.button.is-text.has-text-primary {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.button.is-text.has-text-primary.focus-visible,
.button.is-text.has-text-primary.is-focused,
.button.is-text.has-text-primary.is-hovered,
.button.is-text.has-text-primary:hover {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #0065b3;
  color: var(--theme-primary-hover)
}

.button.is-text.has-text-primary:visited {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.button.is-text.has-text-primary.is-active,
.button.is-text.has-text-primary:active {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #f2f2f2;
  color: var(--theme-body-background-medium)
}

.button.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: currentColor
}

.button.is-transparent.has-inverted-border {
  border-color: currentColor
}

.button.is-transparent:hover {
  border-color: currentColor;
  background-color: rgba(255, 255, 255, .05)
}

.button.is-transparent:visited {
  color: currentColor
}

.button.is-transparent:active {
  border-color: currentColor;
  background-color: rgba(255, 255, 255, .1)
}

.button.is-primary {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.button.is-primary.is-hovered,
.button.is-primary:hover {
  background-color: #0065b3;
  background-color: var(--theme-primary-hover);
  border-color: #000000;
  border-color: var(--theme-border-yellow-high-contrast);
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.button.is-primary:visited {
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.button.is-primary.focus-visible,
.button.is-primary.is-active,
.button.is-primary.is-focused,
.button.is-primary:active {
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.button.is-primary.is-active,
.button.is-primary:active {
  background-color: #00579a;
  background-color: var(--theme-primary-active)
}

.button.is-primary.is-disabled,
.button.is-primary[disabled] {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  box-shadow: none
}

.button.is-primary.is-loading:after {
  border-color: transparent transparent #ffffff #ffffff !important;
  border-color: transparent transparent var(--theme-primary-invert) var(--theme-primary-invert) !important
}

.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  color: #004173;
  color: var(--theme-primary-dark)
}

.button.is-primary.is-outlined.focus-visible,
.button.is-primary.is-outlined:hover {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.button.is-primary.is-outlined.is-loading:after {
  border-color: transparent transparent #0078d4 #0078d4 !important;
  border-color: transparent transparent var(--theme-primary-base) var(--theme-primary-base) !important
}

.button.is-primary.is-outlined.is-disabled,
.button.is-primary.is-outlined[disabled] {
  background-color: transparent;
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  box-shadow: none;
  color: #0078d4;
  color: var(--theme-primary-base)
}

.button.is-secondary {
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base);
  color: #000000;
  color: var(--theme-secondary-invert)
}

.button.is-secondary.is-hovered,
.button.is-secondary:hover {
  background-color: #d2d2d2;
  background-color: var(--theme-secondary-hover);
  border-color: #000000;
  border-color: var(--theme-border-yellow-high-contrast);
  color: #000000;
  color: var(--theme-secondary-invert)
}

.button.is-secondary:visited {
  color: #000000;
  color: var(--theme-secondary-invert)
}

.button.is-secondary.focus-visible,
.button.is-secondary.is-active,
.button.is-secondary.is-focused,
.button.is-secondary:active {
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  color: #000000;
  color: var(--theme-secondary-invert)
}

.button.is-secondary.is-active,
.button.is-secondary:active {
  background-color: #d2d2d2;
  background-color: var(--theme-secondary-active)
}

.button.is-secondary.is-disabled,
.button.is-secondary[disabled] {
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  box-shadow: none
}

.button.is-secondary.is-loading:after {
  border-color: transparent transparent #000000 #000000 !important;
  border-color: transparent transparent var(--theme-secondary-invert) var(--theme-secondary-invert) !important
}

.button.is-secondary.is-outlined {
  background-color: transparent;
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base);
  color: #2f2f2f;
  color: var(--theme-secondary-dark)
}

.button.is-secondary.is-outlined.focus-visible,
.button.is-secondary.is-outlined:hover {
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base);
  color: #000000;
  color: var(--theme-secondary-invert)
}

.button.is-secondary.is-outlined.is-loading:after {
  border-color: transparent transparent #a2a2a2 #a2a2a2 !important;
  border-color: transparent transparent var(--theme-secondary-base) var(--theme-secondary-base) !important
}

.button.is-secondary.is-outlined.is-disabled,
.button.is-secondary.is-outlined[disabled] {
  background-color: transparent;
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base);
  box-shadow: none;
  color: #a2a2a2;
  color: var(--theme-secondary-base)
}

.button.is-tertiary {
  background-color: #243a5e;
  background-color: var(--theme-tertiary-base);
  border-color: #243a5e;
  border-color: var(--theme-tertiary-base);
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.button.is-tertiary.is-hovered,
.button.is-tertiary:hover {
  background-color: #14294c;
  background-color: var(--theme-tertiary-hover);
  border-color: #000000;
  border-color: var(--theme-border-yellow-high-contrast);
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.button.is-tertiary:visited {
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.button.is-tertiary.focus-visible,
.button.is-tertiary.is-active,
.button.is-tertiary.is-focused,
.button.is-tertiary:active {
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.button.is-tertiary.is-active,
.button.is-tertiary:active {
  background-color: #70819f;
  background-color: var(--theme-tertiary-active)
}

.button.is-tertiary.is-disabled,
.button.is-tertiary[disabled] {
  background-color: #243a5e;
  background-color: var(--theme-tertiary-base);
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  box-shadow: none
}

.button.is-tertiary.is-loading:after {
  border-color: transparent transparent #ffffff #ffffff !important;
  border-color: transparent transparent var(--theme-tertiary-invert) var(--theme-tertiary-invert) !important
}

.button.is-tertiary.is-outlined {
  background-color: transparent;
  border-color: #243a5e;
  border-color: var(--theme-tertiary-base);
  color: #a4b2c9;
  color: var(--theme-tertiary-dark)
}

.button.is-tertiary.is-outlined.focus-visible,
.button.is-tertiary.is-outlined:hover {
  background-color: #243a5e;
  background-color: var(--theme-tertiary-base);
  border-color: #243a5e;
  border-color: var(--theme-tertiary-base);
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.button.is-tertiary.is-outlined.is-loading:after {
  border-color: transparent transparent #243a5e #243a5e !important;
  border-color: transparent transparent var(--theme-tertiary-base) var(--theme-tertiary-base) !important
}

.button.is-tertiary.is-outlined.is-disabled,
.button.is-tertiary.is-outlined[disabled] {
  background-color: transparent;
  border-color: #243a5e;
  border-color: var(--theme-tertiary-base);
  box-shadow: none;
  color: #243a5e;
  color: var(--theme-tertiary-base)
}

.button.is-success {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  border-color: #107c10;
  border-color: var(--theme-success-base);
  color: #ffffff;
  color: var(--theme-success-invert)
}

.button.is-success.is-hovered,
.button.is-success:hover {
  background-color: #0b6413;
  background-color: var(--theme-success-hover);
  border-color: #000000;
  border-color: var(--theme-border-yellow-high-contrast);
  color: #ffffff;
  color: var(--theme-success-invert)
}

.button.is-success:visited {
  color: #ffffff;
  color: var(--theme-success-invert)
}

.button.is-success.focus-visible,
.button.is-success.is-active,
.button.is-success.is-focused,
.button.is-success:active {
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  color: #ffffff;
  color: var(--theme-success-invert)
}

.button.is-success.is-active,
.button.is-success:active {
  background-color: #054b16;
  background-color: var(--theme-success-active)
}

.button.is-success.is-disabled,
.button.is-success[disabled] {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  box-shadow: none
}

.button.is-success.is-loading:after {
  border-color: transparent transparent #ffffff #ffffff !important;
  border-color: transparent transparent var(--theme-success-invert) var(--theme-success-invert) !important
}

.button.is-success.is-outlined {
  background-color: transparent;
  border-color: #107c10;
  border-color: var(--theme-success-base);
  color: #054b16;
  color: var(--theme-success-dark)
}

.button.is-success.is-outlined.focus-visible,
.button.is-success.is-outlined:hover {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  border-color: #107c10;
  border-color: var(--theme-success-base);
  color: #ffffff;
  color: var(--theme-success-invert)
}

.button.is-success.is-outlined.is-loading:after {
  border-color: transparent transparent #107c10 #107c10 !important;
  border-color: transparent transparent var(--theme-success-base) var(--theme-success-base) !important
}

.button.is-success.is-outlined.is-disabled,
.button.is-success.is-outlined[disabled] {
  background-color: transparent;
  border-color: #107c10;
  border-color: var(--theme-success-base);
  box-shadow: none;
  color: #107c10;
  color: var(--theme-success-base)
}

.button.is-info {
  background-color: #8661c5;
  background-color: var(--theme-info-base);
  border-color: #8661c5;
  border-color: var(--theme-info-base);
  color: #ffffff;
  color: var(--theme-info-invert)
}

.button.is-info.is-hovered,
.button.is-info:hover {
  background-color: #8661c5;
  background-color: var(--theme-info-hover);
  border-color: #000000;
  border-color: var(--theme-border-yellow-high-contrast);
  color: #ffffff;
  color: var(--theme-info-invert)
}

.button.is-info:visited {
  color: #ffffff;
  color: var(--theme-info-invert)
}

.button.is-info.focus-visible,
.button.is-info.is-active,
.button.is-info.is-focused,
.button.is-info:active {
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  color: #ffffff;
  color: var(--theme-info-invert)
}

.button.is-info.is-active,
.button.is-info:active {
  background-color: #624991;
  background-color: var(--theme-info-active)
}

.button.is-info.is-disabled,
.button.is-info[disabled] {
  background-color: #8661c5;
  background-color: var(--theme-info-base);
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  box-shadow: none
}

.button.is-info.is-loading:after {
  border-color: transparent transparent #ffffff #ffffff !important;
  border-color: transparent transparent var(--theme-info-invert) var(--theme-info-invert) !important
}

.button.is-info.is-outlined {
  background-color: transparent;
  border-color: #8661c5;
  border-color: var(--theme-info-base);
  color: #3b2e58;
  color: var(--theme-info-dark)
}

.button.is-info.is-outlined.focus-visible,
.button.is-info.is-outlined:hover {
  background-color: #8661c5;
  background-color: var(--theme-info-base);
  border-color: #8661c5;
  border-color: var(--theme-info-base);
  color: #ffffff;
  color: var(--theme-info-invert)
}

.button.is-info.is-outlined.is-loading:after {
  border-color: transparent transparent #8661c5 #8661c5 !important;
  border-color: transparent transparent var(--theme-info-base) var(--theme-info-base) !important
}

.button.is-info.is-outlined.is-disabled,
.button.is-info.is-outlined[disabled] {
  background-color: transparent;
  border-color: #8661c5;
  border-color: var(--theme-info-base);
  box-shadow: none;
  color: #8661c5;
  color: var(--theme-info-base)
}

.button.is-warning {
  background-color: #ffb900;
  background-color: var(--theme-warning-base);
  border-color: #ffb900;
  border-color: var(--theme-warning-base);
  color: #000000;
  color: var(--theme-warning-invert)
}

.button.is-warning.is-hovered,
.button.is-warning:hover {
  background-color: #d19501;
  background-color: var(--theme-warning-hover);
  border-color: #000000;
  border-color: var(--theme-border-yellow-high-contrast);
  color: #000000;
  color: var(--theme-warning-invert)
}

.button.is-warning:visited {
  color: #000000;
  color: var(--theme-warning-invert)
}

.button.is-warning.focus-visible,
.button.is-warning.is-active,
.button.is-warning.is-focused,
.button.is-warning:active {
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  color: #000000;
  color: var(--theme-warning-invert)
}

.button.is-warning.is-active,
.button.is-warning:active {
  background-color: #966802;
  background-color: var(--theme-warning-active)
}

.button.is-warning.is-disabled,
.button.is-warning[disabled] {
  background-color: #ffb900;
  background-color: var(--theme-warning-base);
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  box-shadow: none
}

.button.is-warning.is-loading:after {
  border-color: transparent transparent #000000 #000000 !important;
  border-color: transparent transparent var(--theme-warning-invert) var(--theme-warning-invert) !important
}

.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffb900;
  border-color: var(--theme-warning-base);
  color: #6a4b16;
  color: var(--theme-warning-dark)
}

.button.is-warning.is-outlined.focus-visible,
.button.is-warning.is-outlined:hover {
  background-color: #ffb900;
  background-color: var(--theme-warning-base);
  border-color: #ffb900;
  border-color: var(--theme-warning-base);
  color: #000000;
  color: var(--theme-warning-invert)
}

.button.is-warning.is-outlined.is-loading:after {
  border-color: transparent transparent #ffb900 #ffb900 !important;
  border-color: transparent transparent var(--theme-warning-base) var(--theme-warning-base) !important
}

.button.is-warning.is-outlined.is-disabled,
.button.is-warning.is-outlined[disabled] {
  background-color: transparent;
  border-color: #ffb900;
  border-color: var(--theme-warning-base);
  box-shadow: none;
  color: #ffb900;
  color: var(--theme-warning-base)
}

.button.is-danger {
  background-color: #a80000;
  background-color: var(--theme-danger-base);
  border-color: #a80000;
  border-color: var(--theme-danger-base);
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.button.is-danger.is-hovered,
.button.is-danger:hover {
  background-color: #870000;
  background-color: var(--theme-danger-hover);
  border-color: #000000;
  border-color: var(--theme-border-yellow-high-contrast);
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.button.is-danger:visited {
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.button.is-danger.focus-visible,
.button.is-danger.is-active,
.button.is-danger.is-focused,
.button.is-danger:active {
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.button.is-danger.is-active,
.button.is-danger:active {
  background-color: #630001;
  background-color: var(--theme-danger-active)
}

.button.is-danger.is-disabled,
.button.is-danger[disabled] {
  background-color: #a80000;
  background-color: var(--theme-danger-base);
  border-color: #ffffff;
  border-color: var(--theme-border-white-high-contrast);
  box-shadow: none
}

.button.is-danger.is-loading:after {
  border-color: transparent transparent #ffffff #ffffff !important;
  border-color: transparent transparent var(--theme-danger-invert) var(--theme-danger-invert) !important
}

.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #a80000;
  border-color: var(--theme-danger-base);
  color: #470001;
  color: var(--theme-danger-dark)
}

.button.is-danger.is-outlined.focus-visible,
.button.is-danger.is-outlined:hover {
  background-color: #a80000;
  background-color: var(--theme-danger-base);
  border-color: #a80000;
  border-color: var(--theme-danger-base);
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.button.is-danger.is-outlined.is-loading:after {
  border-color: transparent transparent #a80000 #a80000 !important;
  border-color: transparent transparent var(--theme-danger-base) var(--theme-danger-base) !important
}

.button.is-danger.is-outlined.is-disabled,
.button.is-danger.is-outlined[disabled] {
  background-color: transparent;
  border-color: #a80000;
  border-color: var(--theme-danger-base);
  box-shadow: none;
  color: #a80000;
  color: var(--theme-danger-base)
}

.button.is-extra-small {
  border-radius: 2px;
  font-size: .75rem;
  padding-top: calc(.375em - 1px);
  padding-bottom: calc(.375em - 1px);
  padding-right: 1em;
  padding-left: 1em
}

.button.is-extra-small .icon {
  height: .75rem
}

.button.is-small {
  border-radius: 2px;
  font-size: .875rem
}

.button.is-small .icon {
  height: .875rem
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .button.is-small-mobile {
    border-radius: 2px;
    font-size: .875rem
  }

  .button.is-small-mobile .icon {
    height: .875rem
  }
}

.button.is-medium {
  font-size: 1rem
}

.button.is-medium .icon {
  height: 1rem
}

.button.is-large {
  font-size: 1.125rem
}

.button.is-large .icon {
  height: 1.125rem
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .button.is-large-mobile {
    font-size: 1.125rem
  }

  .button.is-large-mobile .icon {
    height: 1.125rem
  }
}

.button.is-disabled,
.button[disabled] {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  border-color: #f2f2f2;
  border-color: var(--theme-body-background-medium);
  box-shadow: none;
  opacity: .5
}

.button.is-fullwidth {
  display: flex;
  width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .button.is-fullwidth-mobile {
    display: flex;
    width: 100%
  }
}

.button.is-loading {
  color: transparent !important;
  pointer-events: none
}

.button.is-loading:after {
  border-left-color: #171717;
  border-left-color: var(--theme-text);
  border-bottom-color: #171717;
  border-bottom-color: var(--theme-text);
  position: absolute;
  left: calc(50% - .5em);
  top: calc(50% - .5em);
  position: absolute !important
}

.button.is-static {
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background);
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base);
  color: #a2a2a2;
  color: var(--theme-secondary-base);
  box-shadow: none;
  pointer-events: none
}

.button.is-rounded {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.buttons .button {
  margin-bottom: .5rem
}

.buttons .button:not(:last-child) {
  margin-right: .5rem
}

.buttons .button.is-fullwidth {
  margin-right: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .buttons .button.is-fullwidth-mobile {
    margin-right: 0
  }
}

.buttons:last-child {
  margin-bottom: -.5rem
}

.buttons:not(:last-child) {
  margin-bottom: 1rem
}

.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px
}

.buttons.has-addons .button:last-child {
  margin-right: 0
}

.buttons.has-addons .button.is-hovered,
.buttons.has-addons .button:hover {
  z-index: 2
}

.buttons.has-addons .button.focus-visible,
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button.is-selected,
.buttons.has-addons .button:active {
  z-index: 3
}

.buttons.has-addons .button.focus-visible:hover,
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button.is-selected:hover,
.buttons.has-addons .button:active:hover {
  z-index: 4
}

.buttons.has-addons .button.is-expanded {
  flex-grow: 1
}

.buttons.is-centered {
  justify-content: center
}

.buttons.is-right {
  justify-content: flex-end
}

.link-button {
  border: none;
  cursor: pointer;
  color: #0078d4;
  color: var(--theme-primary-base);
  display: inline-block;
  padding: 0
}

.link-button.is-active,
.link-button:active {
  text-decoration: underline !important
}

.link-button.focus-visible,
.link-button.is-focused,
.link-button.is-hovered,
.link-button:hover {
  color: #0065b3;
  color: var(--theme-primary-hover);
  text-decoration: underline !important
}

.link-button:visited {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.button-reset {
  border: 0;
  cursor: pointer;
  display: inline-block;
  padding: 0
}

.container {
  margin: 0 auto;
  position: relative;
  width: auto
}

.container.is-fluid {
  margin-left: 64px;
  margin-right: 64px;
  max-width: none
}

.container.is-max-mobile {
  max-width: 480px
}

@media print,
screen and (min-width:768px) {
  .container.is-max-tablet {
    max-width: 768px
  }
}

@media screen and (min-width:1088px) {

  .container,
  .container.is-max-desktop {
    max-width: 960px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1279.9px),
screen and (max-width:1279px),
screen and (min-resolution:120dpi) and (max-width:1279.9px) {
  .container.is-widescreen {
    max-width: 1152px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1471.9px),
screen and (max-width:1471px),
screen and (min-resolution:120dpi) and (max-width:1471.9px) {
  .container.is-fullhd {
    max-width: 1344px
  }
}

@media screen and (min-width:1280px) {
  .container {
    max-width: 1152px
  }
}

@media screen and (min-width:1472px) {
  .container {
    max-width: 1344px
  }
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem
}

.icon.is-small {
  height: 1rem;
  width: 1rem
}

.icon.is-medium {
  height: 2rem;
  width: 2rem
}

.icon.is-large {
  height: 3rem;
  width: 3rem
}

.icon.is-rounded {
  border-radius: 50%;
  padding: .6rem
}

.input,
.textarea {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  color: #171717 !important;
  /*color: var(--theme-text) !important;*/
  box-shadow: inset 0 1px 2px #000000;
  box-shadow: inset 0 1px 2px var(--theme-box-shadow-light);
  max-width: 100%;
  width: 100%
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
  color: #505050;
  color: var(--theme-text-subtle)
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  color: #505050;
  color: var(--theme-text-subtle)
}

.input:-moz-placeholder,
.textarea:-moz-placeholder {
  color: #505050;
  color: var(--theme-text-subtle)
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
  color: #505050;
  color: var(--theme-text-subtle)
}

.input.is-hovered,
.input:hover,
.textarea.is-hovered,
.textarea:hover {
  border-color: #0078d4;
  border-color: var(--theme-primary-base)
}

.input.focus-visible,
.input.is-active,
.input.is-focused,
.input:active,
.textarea.focus-visible,
.textarea.is-active,
.textarea.is-focused,
.textarea:active {
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  outline-color: #0078d4;
  outline-color: var(--theme-primary-base);
  outline-style: solid !important;
  outline-offset: 0 !important
}

.input[disabled],
.textarea[disabled] {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  border-color: #f2f2f2;
  border-color: var(--theme-body-background-medium);
  box-shadow: none;
  color: #505050;
  color: var(--theme-text-subtle);
  cursor: not-allowed
}

.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
  color: #171717;
  color: var(--theme-text)
}

.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
  color: #171717;
  color: var(--theme-text)
}

.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
  color: #171717;
  color: var(--theme-text)
}

.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
  color: #171717;
  color: var(--theme-text)
}

.input[readonly],
.textarea[readonly] {
  box-shadow: none
}

.input.focus-visible,
.input.is-active,
.input.is-focused,
.input:active,
.textarea.focus-visible,
.textarea.is-active,
.textarea.is-focused,
.textarea:active {
  box-shadow: 0 0 0 .125rem #0078d4;
  box-shadow: 0 0 0 .125rem var(--theme-primary-base);
  outline: none !important
}

.input.is-primary,
.textarea.is-primary {
  border-color: #0078d4;
  border-color: var(--theme-primary-base)
}

.input.is-primary.focus-visible,
.input.is-primary.is-active,
.input.is-primary.is-focused,
.input.is-primary:active,
.textarea.is-primary.focus-visible,
.textarea.is-primary.is-active,
.textarea.is-primary.is-focused,
.textarea.is-primary:active {
  box-shadow: 0 0 0 .125rem #0078d4;
  box-shadow: 0 0 0 .125rem var(--theme-primary-base);
  outline: none !important
}

.input.is-secondary,
.textarea.is-secondary {
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base)
}

.input.is-secondary.focus-visible,
.input.is-secondary.is-active,
.input.is-secondary.is-focused,
.input.is-secondary:active,
.textarea.is-secondary.focus-visible,
.textarea.is-secondary.is-active,
.textarea.is-secondary.is-focused,
.textarea.is-secondary:active {
  box-shadow: 0 0 0 .125rem #a2a2a2;
  box-shadow: 0 0 0 .125rem var(--theme-secondary-base);
  outline: none !important
}

.input.is-tertiary,
.textarea.is-tertiary {
  border-color: #243a5e;
  border-color: var(--theme-tertiary-base)
}

.input.is-tertiary.focus-visible,
.input.is-tertiary.is-active,
.input.is-tertiary.is-focused,
.input.is-tertiary:active,
.textarea.is-tertiary.focus-visible,
.textarea.is-tertiary.is-active,
.textarea.is-tertiary.is-focused,
.textarea.is-tertiary:active {
  box-shadow: 0 0 0 .125rem #243a5e;
  box-shadow: 0 0 0 .125rem var(--theme-tertiary-base);
  outline: none !important
}

.input.is-success,
.textarea.is-success {
  border-color: #107c10;
  border-color: var(--theme-success-base)
}

.input.is-success.focus-visible,
.input.is-success.is-active,
.input.is-success.is-focused,
.input.is-success:active,
.textarea.is-success.focus-visible,
.textarea.is-success.is-active,
.textarea.is-success.is-focused,
.textarea.is-success:active {
  box-shadow: 0 0 0 .125rem #107c10;
  box-shadow: 0 0 0 .125rem var(--theme-success-base);
  outline: none !important
}

.input.is-info,
.textarea.is-info {
  border-color: #8661c5;
  border-color: var(--theme-info-base)
}

.input.is-info.focus-visible,
.input.is-info.is-active,
.input.is-info.is-focused,
.input.is-info:active,
.textarea.is-info.focus-visible,
.textarea.is-info.is-active,
.textarea.is-info.is-focused,
.textarea.is-info:active {
  box-shadow: 0 0 0 .125rem #8661c5;
  box-shadow: 0 0 0 .125rem var(--theme-info-base);
  outline: none !important
}

.input.is-warning,
.textarea.is-warning {
  border-color: #ffb900;
  border-color: var(--theme-warning-base)
}

.input.is-warning.focus-visible,
.input.is-warning.is-active,
.input.is-warning.is-focused,
.input.is-warning:active,
.textarea.is-warning.focus-visible,
.textarea.is-warning.is-active,
.textarea.is-warning.is-focused,
.textarea.is-warning:active {
  box-shadow: 0 0 0 .125rem #ffb900;
  box-shadow: 0 0 0 .125rem var(--theme-warning-base);
  outline: none !important
}

.input.is-danger,
.textarea.is-danger {
  border-color: #a80000;
  border-color: var(--theme-danger-base)
}

.input.is-danger.focus-visible,
.input.is-danger.is-active,
.input.is-danger.is-focused,
.input.is-danger:active,
.textarea.is-danger.focus-visible,
.textarea.is-danger.is-active,
.textarea.is-danger.is-focused,
.textarea.is-danger:active {
  box-shadow: 0 0 0 .125rem #a80000;
  box-shadow: 0 0 0 .125rem var(--theme-danger-base);
  outline: none !important
}

.input.is-small,
.textarea.is-small {
  border-radius: 2px;
  font-size: .875rem
}

.input.is-medium,
.textarea.is-medium {
  font-size: 1rem
}

.input.is-large,
.textarea.is-large {
  font-size: 1.125rem
}

.input.is-narrow,
.textarea.is-narrow {
  width: auto
}

@media print,
screen and (min-width:768px) {

  .input.is-narrow-tablet,
  .textarea.is-narrow-tablet {
    width: auto
  }
}

.input.is-fullwidth,
.textarea.is-fullwidth {
  display: block;
  width: 100%
}

.input.is-inline,
.textarea.is-inline {
  display: inline;
  width: auto
}

.input.is-rounded {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em
}

.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0
}

.has-background-docs .input.focus-visible {
  box-shadow: 0 0 0 .125rem #50e6ff
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: .625em;
  resize: vertical
}

.textarea:not([rows]) {
  max-height: 600px;
  min-height: 120px
}

.textarea[rows] {
  height: auto
}

.textarea.has-fixed-size {
  resize: none
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top
}

.select:not(.is-multiple) {
  height: 2.25em
}

.select:not(.is-multiple):not(.is-loading):after {
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  right: 1.125em;
  z-index: 4
}

.select.is-rounded select {
  border-radius: 290486px;
  padding-left: 1em
}

.select select {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  color: #171717 !important;
  color: var(--theme-text) !important;
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%
}

.select select::-moz-placeholder {
  color: #505050;
  color: var(--theme-text-subtle)
}

.select select::-webkit-input-placeholder {
  color: #505050;
  color: var(--theme-text-subtle)
}

.select select:-moz-placeholder {
  color: #505050;
  color: var(--theme-text-subtle)
}

.select select:-ms-input-placeholder {
  color: #505050;
  color: var(--theme-text-subtle)
}

.select select.is-hovered,
.select select:hover {
  border-color: #0078d4;
  border-color: var(--theme-primary-base)
}

.select select.focus-visible,
.select select.is-active,
.select select.is-focused,
.select select:active {
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  outline-color: #0078d4;
  outline-color: var(--theme-primary-base);
  outline-style: solid !important;
  outline-offset: 0 !important
}

.select select[disabled] {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  border-color: #f2f2f2;
  border-color: var(--theme-body-background-medium);
  box-shadow: none;
  color: #505050;
  color: var(--theme-text-subtle);
  cursor: not-allowed
}

.select select[disabled]::-moz-placeholder {
  color: #171717;
  color: var(--theme-text)
}

.select select[disabled]::-webkit-input-placeholder {
  color: #171717;
  color: var(--theme-text)
}

.select select[disabled]:-moz-placeholder {
  color: #171717;
  color: var(--theme-text)
}

.select select[disabled]:-ms-input-placeholder {
  color: #171717;
  color: var(--theme-text)
}

.select select.focus-visible,
.select select.is-active,
.select select.is-focused,
.select select:active {
  box-shadow: 0 0 0 .125rem #0078d4;
  box-shadow: 0 0 0 .125rem var(--theme-primary-base);
  outline-width: 0 !important
}

@media screen and (-ms-high-contrast:active) {

  .select select.focus-visible,
  .select select.is-active,
  .select select.is-focused,
  .select select:active {
    outline-width: .125rem !important
  }
}

.select select:-ms-expand {
  display: none
}

.select select[disabled]:hover {
  border-color: #f2f2f2;
  border-color: var(--theme-body-background-medium)
}

.select select:not([multiple]) {
  padding-right: 2.5em
}

.select select[multiple] {
  height: auto;
  padding: 0
}

.select select[multiple] option {
  padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover:after {
  border-color: #171717;
  border-color: var(--theme-text)
}

.select.is-primary:not(:hover):after,
.select.is-primary select {
  border-color: #0078d4;
  border-color: var(--theme-primary-base)
}

.select.is-primary select.is-hovered,
.select.is-primary select:hover {
  border-color: #0065b3;
  border-color: var(--theme-primary-hover)
}

.select.is-primary select.focus-visible,
.select.is-primary select.is-active,
.select.is-primary select.is-focused,
.select.is-primary select:active {
  box-shadow: 0 0 0 .125rem #0078d4;
  box-shadow: 0 0 0 .125rem var(--theme-primary-base)
}

.select.is-secondary:not(:hover):after,
.select.is-secondary select {
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base)
}

.select.is-secondary select.is-hovered,
.select.is-secondary select:hover {
  border-color: #d2d2d2;
  border-color: var(--theme-secondary-hover)
}

.select.is-secondary select.focus-visible,
.select.is-secondary select.is-active,
.select.is-secondary select.is-focused,
.select.is-secondary select:active {
  box-shadow: 0 0 0 .125rem #a2a2a2;
  box-shadow: 0 0 0 .125rem var(--theme-secondary-base)
}

.select.is-tertiary:not(:hover):after,
.select.is-tertiary select {
  border-color: #243a5e;
  border-color: var(--theme-tertiary-base)
}

.select.is-tertiary select.is-hovered,
.select.is-tertiary select:hover {
  border-color: #14294c;
  border-color: var(--theme-tertiary-hover)
}

.select.is-tertiary select.focus-visible,
.select.is-tertiary select.is-active,
.select.is-tertiary select.is-focused,
.select.is-tertiary select:active {
  box-shadow: 0 0 0 .125rem #243a5e;
  box-shadow: 0 0 0 .125rem var(--theme-tertiary-base)
}

.select.is-success:not(:hover):after,
.select.is-success select {
  border-color: #107c10;
  border-color: var(--theme-success-base)
}

.select.is-success select.is-hovered,
.select.is-success select:hover {
  border-color: #0b6413;
  border-color: var(--theme-success-hover)
}

.select.is-success select.focus-visible,
.select.is-success select.is-active,
.select.is-success select.is-focused,
.select.is-success select:active {
  box-shadow: 0 0 0 .125rem #107c10;
  box-shadow: 0 0 0 .125rem var(--theme-success-base)
}

.select.is-info:not(:hover):after,
.select.is-info select {
  border-color: #8661c5;
  border-color: var(--theme-info-base)
}

.select.is-info select.is-hovered,
.select.is-info select:hover {
  border-color: #8661c5;
  border-color: var(--theme-info-hover)
}

.select.is-info select.focus-visible,
.select.is-info select.is-active,
.select.is-info select.is-focused,
.select.is-info select:active {
  box-shadow: 0 0 0 .125rem #8661c5;
  box-shadow: 0 0 0 .125rem var(--theme-info-base)
}

.select.is-warning:not(:hover):after,
.select.is-warning select {
  border-color: #ffb900;
  border-color: var(--theme-warning-base)
}

.select.is-warning select.is-hovered,
.select.is-warning select:hover {
  border-color: #d19501;
  border-color: var(--theme-warning-hover)
}

.select.is-warning select.focus-visible,
.select.is-warning select.is-active,
.select.is-warning select.is-focused,
.select.is-warning select:active {
  box-shadow: 0 0 0 .125rem #ffb900;
  box-shadow: 0 0 0 .125rem var(--theme-warning-base)
}

.select.is-danger:not(:hover):after,
.select.is-danger select {
  border-color: #a80000;
  border-color: var(--theme-danger-base)
}

.select.is-danger select.is-hovered,
.select.is-danger select:hover {
  border-color: #870000;
  border-color: var(--theme-danger-hover)
}

.select.is-danger select.focus-visible,
.select.is-danger select.is-active,
.select.is-danger select.is-focused,
.select.is-danger select:active {
  box-shadow: 0 0 0 .125rem #a80000;
  box-shadow: 0 0 0 .125rem var(--theme-danger-base)
}

.select.is-small {
  border-radius: 2px;
  font-size: .875rem
}

.select.is-medium {
  font-size: 1rem
}

.select.is-large {
  font-size: 1.125rem
}

.select.is-disabled:after {
  border-color: #505050;
  border-color: var(--theme-text-subtle)
}

.select.is-fullwidth,
.select.is-fullwidth select {
  width: 100%
}

.select.is-loading:after {
  margin-top: 0;
  position: absolute;
  right: .625em;
  top: .625em;
  transform: none
}

.select.is-loading.is-small:after {
  font-size: .875rem
}

.select.is-loading.is-medium:after {
  font-size: 1rem
}

.select.is-loading.is-large:after {
  font-size: 1.125rem
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative
}

.file.is-primary .file-cta {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.file.is-primary .file-cta.is-hovered,
.file.is-primary .file-cta:hover {
  background-color: #d7eaf8;
  background-color: var(--theme-primary-background);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.file.is-primary .file-input.focus-visible+.file-cta {
  background-color: #ffffff;
  background-color: var(--theme-primary-invert);
  color: #0078d4;
  color: var(--theme-primary-base);
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  box-shadow: 0 0 0 .125rem #0065b3;
  box-shadow: 0 0 0 .125rem var(--theme-primary-box-shadow)
}

.file.is-secondary .file-cta {
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  border-color: transparent;
  color: #000000;
  color: var(--theme-secondary-invert)
}

.file.is-secondary .file-cta.is-hovered,
.file.is-secondary .file-cta:hover {
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background);
  border-color: transparent;
  color: #000000;
  color: var(--theme-secondary-invert)
}

.file.is-secondary .file-input.focus-visible+.file-cta {
  background-color: #000000;
  background-color: var(--theme-secondary-invert);
  color: #a2a2a2;
  color: var(--theme-secondary-base);
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base);
  box-shadow: 0 0 0 .125rem #000000;
  box-shadow: 0 0 0 .125rem var(--theme-secondary-box-shadow)
}

.file.is-tertiary .file-cta {
  background-color: #243a5e;
  background-color: var(--theme-tertiary-base);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.file.is-tertiary .file-cta.is-hovered,
.file.is-tertiary .file-cta:hover {
  background-color: #061329;
  background-color: var(--theme-tertiary-background);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.file.is-tertiary .file-input.focus-visible+.file-cta {
  background-color: #ffffff;
  background-color: var(--theme-tertiary-invert);
  color: #243a5e;
  color: var(--theme-tertiary-base);
  border-color: #243a5e;
  border-color: var(--theme-tertiary-base);
  box-shadow: 0 0 0 .125rem #26173f;
  box-shadow: 0 0 0 .125rem var(--theme-tertiary-box-shadow)
}

.file.is-success .file-cta {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-success-invert)
}

.file.is-success .file-cta.is-hovered,
.file.is-success .file-cta:hover {
  background-color: #dff6dd;
  background-color: var(--theme-success-background);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-success-invert)
}

.file.is-success .file-input.focus-visible+.file-cta {
  background-color: #ffffff;
  background-color: var(--theme-success-invert);
  color: #107c10;
  color: var(--theme-success-base);
  border-color: #107c10;
  border-color: var(--theme-success-base);
  box-shadow: 0 0 0 .125rem #489d48;
  box-shadow: 0 0 0 .125rem var(--theme-success-box-shadow)
}

.file.is-info .file-cta {
  background-color: #8661c5;
  background-color: var(--theme-info-base);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-info-invert)
}

.file.is-info .file-cta.is-hovered,
.file.is-info .file-cta:hover {
  background-color: #efd9fd;
  background-color: var(--theme-info-background);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-info-invert)
}

.file.is-info .file-input.focus-visible+.file-cta {
  background-color: #ffffff;
  background-color: var(--theme-info-invert);
  color: #8661c5;
  color: var(--theme-info-base);
  border-color: #8661c5;
  border-color: var(--theme-info-base);
  box-shadow: 0 0 0 .125rem #201843;
  box-shadow: 0 0 0 .125rem var(--theme-info-box-shadow)
}

.file.is-warning .file-cta {
  background-color: #ffb900;
  background-color: var(--theme-warning-base);
  border-color: transparent;
  color: #000000;
  color: var(--theme-warning-invert)
}

.file.is-warning .file-cta.is-hovered,
.file.is-warning .file-cta:hover {
  background-color: #fff4ce;
  background-color: var(--theme-warning-background);
  border-color: transparent;
  color: #000000;
  color: var(--theme-warning-invert)
}

.file.is-warning .file-input.focus-visible+.file-cta {
  background-color: #000000;
  background-color: var(--theme-warning-invert);
  color: #ffb900;
  color: var(--theme-warning-base);
  border-color: #ffb900;
  border-color: var(--theme-warning-base);
  box-shadow: 0 0 0 .125rem #ffbb00;
  box-shadow: 0 0 0 .125rem var(--theme-warning-box-shadow)
}

.file.is-danger .file-cta {
  background-color: #a80000;
  background-color: var(--theme-danger-base);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.file.is-danger .file-cta.is-hovered,
.file.is-danger .file-cta:hover {
  background-color: #fde7e9;
  background-color: var(--theme-danger-background);
  border-color: transparent;
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.file.is-danger .file-input.focus-visible+.file-cta {
  background-color: #ffffff;
  background-color: var(--theme-danger-invert);
  color: #a80000;
  color: var(--theme-danger-base);
  border-color: #a80000;
  border-color: var(--theme-danger-base);
  box-shadow: 0 0 0 .125rem #a80000;
  box-shadow: 0 0 0 .125rem var(--theme-danger-box-shadow)
}

.file.is-small {
  font-size: .875rem
}

.file.is-medium {
  font-size: 1rem
}

.file.is-medium .file-icon .docon {
  font-size: 21px
}

.file.is-large {
  font-size: 1.125rem
}

.file.is-large .file-icon .docon {
  font-size: 28px
}

.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.file.has-name.is-empty .file-cta {
  border-radius: 4px
}

.file.has-name.is-empty .file-name {
  display: none
}

.file.is-boxed .file-label {
  flex-direction: column
}

.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em
}

.file.is-boxed .file-name {
  border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em
}

.file.is-boxed .file-icon .docon {
  font-size: 21px
}

.file.is-boxed.is-small .file-icon .docon {
  font-size: 14px
}

.file.is-boxed.is-medium .file-icon .docon {
  font-size: 28px
}

.file.is-boxed.is-large .file-icon .docon {
  font-size: 35px
}

.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0
}

.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px
}

.file.is-centered {
  justify-content: center
}

.file.is-fullwidth .file-label {
  width: 100%
}

.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none
}

.file.is-right {
  justify-content: flex-end
}

.file.is-right .file-cta {
  border-radius: 0 4px 4px 0
}

.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  position: relative
}

.file-label:hover .file-cta {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #171717;
  color: var(--theme-text)
}

.file-label:hover .file-name {
  border-color: #f2f2f2;
  border-color: var(--theme-body-background-medium)
}

.file-label:active .file-cta {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #171717;
  color: var(--theme-text)
}

.file-label:active .file-name {
  border-color: #f2f2f2;
  border-color: var(--theme-body-background-medium)
}

.file-input {
  height: .01em;
  left: 0;
  position: absolute;
  top: 0;
  width: .01em
}

.file-input,
.file-input.focus-visible {
  outline: none
}

.file-input.focus-visible+.file-cta {
  z-index: 1;
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  box-shadow: 0 0 0 .125rem #0078d4;
  box-shadow: 0 0 0 .125rem var(--theme-primary-base)
}

.file-cta,
.file-name {
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap
}

.file-cta {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #505050;
  color: var(--theme-text-subtle)
}

.file-name {
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: .5em;
  width: 1em
}

.file-icon .docon {
  font-size: 14px
}

.required-indicator:after {
  color: #470001;
  color: var(--theme-danger-dark);
  vertical-align: baseline;
  content: "*"
}

.label {
  color: #171717;
  color: var(--theme-text);
  display: block;
  font-size: 1rem;
  font-weight: 600
}

.label:not(:last-child) {
  margin-bottom: .5em
}

.label.is-small {
  font-size: .875rem
}

.label.is-medium {
  font-size: 1rem
}

.label.is-large {
  font-size: 1.125rem
}

.help {
  display: block;
  font-size: .875rem;
  margin-top: .25rem
}

.field:not(:last-child) {
  margin-bottom: .75rem
}

.field.has-addons {
  display: flex;
  justify-content: flex-start
}

.field.has-addons .control:not(:last-child) {
  margin-right: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0
}

.field.has-addons .control:first-child .button,
.field.has-addons .control:first-child .input,
.field.has-addons .control:first-child .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.field.has-addons .control:last-child .button,
.field.has-addons .control:last-child .input,
.field.has-addons .control:last-child .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.field.has-addons .control .button.is-hovered,
.field.has-addons .control .button:hover,
.field.has-addons .control .input.is-hovered,
.field.has-addons .control .input:hover,
.field.has-addons .control .select select.is-hovered,
.field.has-addons .control .select select:hover {
  z-index: 2
}

.field.has-addons .control .button.focus-visible,
.field.has-addons .control .button.is-active,
.field.has-addons .control .button.is-focused,
.field.has-addons .control .button:active,
.field.has-addons .control .input.focus-visible,
.field.has-addons .control .input.is-active,
.field.has-addons .control .input.is-focused,
.field.has-addons .control .input:active,
.field.has-addons .control .select select.focus-visible,
.field.has-addons .control .select select.is-active,
.field.has-addons .control .select select.is-focused,
.field.has-addons .control .select select:active {
  z-index: 1
}

.field.has-addons .control .button.focus-visible:hover,
.field.has-addons .control .button.is-active:hover,
.field.has-addons .control .button.is-focused:hover,
.field.has-addons .control .button:active:hover,
.field.has-addons .control .input.focus-visible:hover,
.field.has-addons .control .input.is-active:hover,
.field.has-addons .control .input.is-focused:hover,
.field.has-addons .control .input:active:hover,
.field.has-addons .control .select select.focus-visible:hover,
.field.has-addons .control .select select.is-active:hover,
.field.has-addons .control .select select.is-focused:hover,
.field.has-addons .control .select select:active:hover {
  z-index: 4
}

.field.has-addons .control.is-expanded {
  flex-grow: 1
}

.field.has-addons.has-addons-centered {
  justify-content: center
}

.field.has-addons.has-addons-right {
  justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0
}

.field.is-grouped {
  display: flex;
  justify-content: flex-start
}

.field.is-grouped>.control {
  flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
  margin-bottom: 0;
  margin-right: .75rem
}

.field.is-grouped>.control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
  justify-content: center
}

.field.is-grouped.is-grouped-right {
  justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
  margin-bottom: .75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0
}

@media print,
screen and (min-width:768px) {
  .field.is-horizontal {
    display: flex
  }
}

.field-label .label {
  font-size: inherit
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .field-label {
    margin-bottom: .5rem
  }
}

@media print,
screen and (min-width:768px) {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right
  }

  .field-label.is-small {
    font-size: .875rem;
    padding-top: .375em
  }

  .field-label.is-normal {
    padding-top: .375em
  }

  .field-label.is-medium {
    font-size: 1rem;
    padding-top: .375em
  }

  .field-label.is-large {
    font-size: 1.125rem;
    padding-top: .375em
  }

  .field-label.is-side-by-side {
    align-self: flex-end;
    flex-basis: auto;
    text-align: left
  }
}

.field-body .field .field {
  margin-bottom: 0
}

@media print,
screen and (min-width:768px) {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1
  }

  .field-body .field {
    margin-bottom: 0
  }

  .field-body>.field {
    flex-shrink: 1
  }

  .field-body>.field:not(.is-narrow) {
    flex-grow: 1
  }

  .field-body>.field:not(:last-child) {
    margin-right: .75rem
  }
}

.field-body.extend-input-field {
  flex-basis: auto
}

.control {
  font-size: 1rem;
  position: relative;
  text-align: left
}

.control.has-icon .icon {
  color: #e6e6e6;
  color: var(--theme-secondary-background);
  height: 2.25em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.25em;
  z-index: 4
}

.control.has-icon .input.focus-visible+.icon {
  color: #a2a2a2;
  color: var(--theme-secondary-base)
}

.control.has-icon .input.is-small+.icon {
  font-size: .875rem
}

.control.has-icon .input.is-medium+.icon {
  font-size: 1rem
}

.control.has-icon .input.is-large+.icon {
  font-size: 1.125rem
}

.control.has-icon:not(.has-icon-right) .docon {
  left: 0
}

.control.has-icon:not(.has-icon-right) .input {
  padding-left: 2.25em
}

.has-text-align-right a{
  display: flex;
  flex-wrap: wrap;
  text-align: right;
  padding: 52px 10px 10px 1px;
  margin: 5px 0px 5px -85px;
}

.has-text-align-right:hover a{
  text-decoration: none;
  color: #13a3f7;
}

.control.has-icon.has-icon-right .input {
  padding-right: 2.25em
}

.control.has-icons-left .input.focus-visible~.icon,
.control.has-icons-left .select.focus-visible~.icon,
.control.has-icons-right .input.focus-visible~.icon,
.control.has-icons-right .select.focus-visible~.icon {
  color: #a2a2a2;
  color: var(--theme-secondary-base)
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
  font-size: .875rem
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
  font-size: 1rem
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
  font-size: 1.125rem
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
  color: #e6e6e6;
  color: var(--theme-secondary-background);
  height: 2.25em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.25em;
  z-index: 4
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 1.5em
}

.control.has-icons-left .icon.is-left {
  left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.25em
}

.control.has-icons-right .input[type=date] {
  position: relative
}

.control.has-icons-right .input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  position: absolute;
  right: 0;
  width: 1.5em;
  z-index: 1000
}

.control.has-icons-right .icon.is-right {
  right: 0
}

.control.is-loading:after {
  position: absolute !important;
  right: .625em;
  top: .625em;
  z-index: 4
}

.control.is-loading.is-small:after {
  font-size: .875rem
}

.control.is-loading.is-medium:after {
  font-size: 1rem
}

.control.is-loading.is-large:after {
  font-size: 1.125rem
}

h2.heading-anchor,
h3.heading-anchor,
h4.heading-anchor,
h5.heading-anchor,
h6.heading-anchor {
  position: relative;
  line-height: 1.3;
  padding-left: .9375rem;
  margin-left: -.9375rem
}

@media print,
screen and (min-width:768px) {

  h2.heading-anchor,
  h3.heading-anchor,
  h4.heading-anchor,
  h5.heading-anchor,
  h6.heading-anchor {
    padding-left: 1.875rem;
    margin-left: -1.875rem
  }
}

h2.heading-anchor .anchor-link,
h3.heading-anchor .anchor-link,
h4.heading-anchor .anchor-link,
h5.heading-anchor .anchor-link,
h6.heading-anchor .anchor-link {
  font-size: 1rem;
  width: .75rem;
  position: absolute;
  left: 0;
  transform: translateY(-50%) scale(.75);
  transition: opacity .1s linear
}

@media print,
screen and (min-width:768px) {

  h2.heading-anchor .anchor-link,
  h3.heading-anchor .anchor-link,
  h4.heading-anchor .anchor-link,
  h5.heading-anchor .anchor-link,
  h6.heading-anchor .anchor-link {
    width: 1.5rem;
    transform: translateY(-50%) scale(1)
  }
}

h2.heading-anchor .anchor-link:hover,
h3.heading-anchor .anchor-link:hover,
h4.heading-anchor .anchor-link:hover,
h5.heading-anchor .anchor-link:hover,
h6.heading-anchor .anchor-link:hover {
  text-decoration: none
}

h2.heading-anchor:not(:hover) .anchor-link:not(.focus-visible),
h3.heading-anchor:not(:hover) .anchor-link:not(.focus-visible),
h4.heading-anchor:not(:hover) .anchor-link:not(.focus-visible),
h5.heading-anchor:not(:hover) .anchor-link:not(.focus-visible),
h6.heading-anchor:not(:hover) .anchor-link:not(.focus-visible) {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
  opacity: 0
}

h2.heading-anchor .anchor-link {
  top: 1.38125rem
}

h3.heading-anchor .anchor-link {
  top: 1.1375rem
}

h4.heading-anchor .anchor-link {
  top: .975rem
}

h5.heading-anchor .anchor-link {
  top: .8125rem
}

h6.heading-anchor .anchor-link {
  top: .73125rem
}

.hr {
  margin: 1.5rem 0;
  color: #505050;
  color: var(--theme-text-subtle)
}

.image {
  display: block;
  position: relative
}

.image img,
.image svg {
  display: block;
  height: auto;
  width: 100%;
  max-height: 100%
}

.image img.is-rounded,
.image svg.is-rounded {
  border-radius: 290486px
}

.image.is-fullwidth {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0
}

.image.is-1by1 img,
.image.is-1by2 img,
.image.is-1by3 img,
.image.is-2by1 img,
.image.is-2by3 img,
.image.is-3by1 img,
.image.is-3by2 img,
.image.is-3by4 img,
.image.is-3by5 img,
.image.is-4by3 img,
.image.is-4by5 img,
.image.is-5by3 img,
.image.is-5by4 img,
.image.is-9by16 img,
.image.is-16by9 img,
.image.is-square img {
  height: 100%;
  width: 100%
}

.image.is-1by1,
.image.is-square {
  padding-top: 100%
}

.image.is-5by4 {
  padding-top: 80%
}

.image.is-4by3 {
  padding-top: 75%
}

.image.is-3by2 {
  padding-top: 66.6666%
}

.image.is-5by3 {
  padding-top: 60%
}

.image.is-16by9 {
  padding-top: 56.25%
}

.image.is-2by1 {
  padding-top: 50%
}

.image.is-3by1 {
  padding-top: 33.3333%
}

.image.is-4by5 {
  padding-top: 125%
}

.image.is-3by4 {
  padding-top: 133.3333%
}

.image.is-2by3 {
  padding-top: 150%
}

.image.is-3by5 {
  padding-top: 166.6666%
}

.image.is-9by16 {
  padding-top: 177.7777%
}

.image.is-1by2 {
  padding-top: 200%
}

.image.is-1by3 {
  padding-top: 300%
}

.image.is-left-aligned {
  margin-right: auto
}

.image.is-right-aligned {
  margin-left: auto
}

.image.is-center-aligned {
  margin-right: auto;
  margin-left: auto
}

.image.has-height-175 {
  height: 175px !important
}

.image.is-16x16 {
  height: 16px;
  width: 16px
}

@media print,
screen and (min-width:768px) {
  .image.is-16x16-tablet {
    height: 16px;
    width: 16px
  }
}

@media screen and (min-width:1088px) {
  .image.is-16x16-desktop {
    height: 16px;
    width: 16px
  }
}

.image.is-max-16x16 {
  max-height: 16px;
  max-width: 16px
}

.image.is-24x24 {
  height: 24px;
  width: 24px
}

@media print,
screen and (min-width:768px) {
  .image.is-24x24-tablet {
    height: 24px;
    width: 24px
  }
}

@media screen and (min-width:1088px) {
  .image.is-24x24-desktop {
    height: 24px;
    width: 24px
  }
}

.image.is-max-24x24 {
  max-height: 24px;
  max-width: 24px
}

.image.is-32x32 {
  height: 32px;
  width: 32px
}

@media print,
screen and (min-width:768px) {
  .image.is-32x32-tablet {
    height: 32px;
    width: 32px
  }
}

@media screen and (min-width:1088px) {
  .image.is-32x32-desktop {
    height: 32px;
    width: 32px
  }
}

.image.is-max-32x32 {
  max-height: 32px;
  max-width: 32px
}

.image.is-36x36 {
  height: 36px;
  width: 36px
}

@media print,
screen and (min-width:768px) {
  .image.is-36x36-tablet {
    height: 36px;
    width: 36px
  }
}

@media screen and (min-width:1088px) {
  .image.is-36x36-desktop {
    height: 36px;
    width: 36px
  }
}

.image.is-max-36x36 {
  max-height: 36px;
  max-width: 36px
}

.image.is-48x48 {
  height: 48px;
  width: 48px
}

@media print,
screen and (min-width:768px) {
  .image.is-48x48-tablet {
    height: 48px;
    width: 48px
  }
}

@media screen and (min-width:1088px) {
  .image.is-48x48-desktop {
    height: 48px;
    width: 48px
  }
}

.image.is-max-48x48 {
  max-height: 48px;
  max-width: 48px
}

.image.is-64x64 {
  height: 64px;
  width: 64px
}

@media print,
screen and (min-width:768px) {
  .image.is-64x64-tablet {
    height: 64px;
    width: 64px
  }
}

@media screen and (min-width:1088px) {
  .image.is-64x64-desktop {
    height: 64px;
    width: 64px
  }
}

.image.is-max-64x64 {
  max-height: 64px;
  max-width: 64px
}

.image.is-76x76 {
  height: 76px;
  width: 76px
}

@media print,
screen and (min-width:768px) {
  .image.is-76x76-tablet {
    height: 76px;
    width: 76px
  }
}

@media screen and (min-width:1088px) {
  .image.is-76x76-desktop {
    height: 76px;
    width: 76px
  }
}

.image.is-max-76x76 {
  max-height: 76px;
  max-width: 76px
}

.image.is-88x88 {
  height: 88px;
  width: 88px
}

@media print,
screen and (min-width:768px) {
  .image.is-88x88-tablet {
    height: 88px;
    width: 88px
  }
}

@media screen and (min-width:1088px) {
  .image.is-88x88-desktop {
    height: 88px;
    width: 88px
  }
}

.image.is-max-88x88 {
  max-height: 88px;
  max-width: 88px
}

.image.is-96x96 {
  height: 96px;
  width: 96px
}

@media print,
screen and (min-width:768px) {
  .image.is-96x96-tablet {
    height: 96px;
    width: 96px
  }
}

@media screen and (min-width:1088px) {
  .image.is-96x96-desktop {
    height: 96px;
    width: 96px
  }
}

.image.is-max-96x96 {
  max-height: 96px;
  max-width: 96px
}

.image.is-112x112 {
  height: 112px;
  width: 112px
}

@media print,
screen and (min-width:768px) {
  .image.is-112x112-tablet {
    height: 112px;
    width: 112px
  }
}

@media screen and (min-width:1088px) {
  .image.is-112x112-desktop {
    height: 112px;
    width: 112px
  }
}

.image.is-max-112x112 {
  max-height: 112px;
  max-width: 112px
}

.image.is-128x128 {
  height: 128px;
  width: 128px
}

@media print,
screen and (min-width:768px) {
  .image.is-128x128-tablet {
    height: 128px;
    width: 128px
  }
}

@media screen and (min-width:1088px) {
  .image.is-128x128-desktop {
    height: 128px;
    width: 128px
  }
}

.image.is-max-128x128 {
  max-height: 128px;
  max-width: 128px
}

.loader {
  display: inline-block
}

.loader:after {
  border-left-color: currentColor !important;
  border-bottom-color: currentColor !important
}

.meter {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 12px;
  border-radius: 3px;
  background-image: linear-gradient(90deg, #a80000 33%, #ffbb00 0, #ffbb00 66%, #489d48 0, #489d48);
  background-image: linear-gradient(90deg, var(--theme-score-low-off) 33%, var(--theme-score-medium-off) 0, var(--theme-score-medium-off) 66%, var(--theme-score-high-off) 0, var(--theme-score-high-off))
}

.meter::-moz-meter-bar,
.meter::-webkit-meter-bar {
  background: none !important
}

.meter.sub-sub-optimum {
  background-image: linear-gradient(90deg, #b62626 33%, #ffbb00 0, #ffbb00 66%, #489d48 0, #489d48);
  background-image: linear-gradient(90deg, var(--theme-score-low) 33%, var(--theme-score-medium-off) 0, var(--theme-score-medium-off) 66%, var(--theme-score-high-off) 0, var(--theme-score-high-off))
}

.meter.sub-optimum {
  background-image: linear-gradient(90deg, #a80000 33%, #ffb900 0, #ffb900 66%, #489d48 0, #489d48);
  background-image: linear-gradient(90deg, var(--theme-score-low-off) 33%, var(--theme-score-medium) 0, var(--theme-score-medium) 66%, var(--theme-score-high-off) 0, var(--theme-score-high-off))
}

.meter.optimum {
  background-image: linear-gradient(90deg, #a80000 33%, #ffbb00 0, #ffbb00 66%, #2a8b2a 0, #2a8b2a);
  background-image: linear-gradient(90deg, var(--theme-score-low-off) 33%, var(--theme-score-medium-off) 0, var(--theme-score-medium-off) 66%, var(--theme-score-high) 0, var(--theme-score-high))
}

.meter.is-small {
  height: .5rem
}

.score-meter .meter.is-small {
  padding: .25rem 0
}

.meter.is-binary {
  background-image: none;
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  position: relative
}

.meter.is-binary .optimum {
  top: 0;
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #107c10;
  background-color: var(--theme-success-base);
  position: absolute;
  height: 100%
}

.score-meter {
  padding: 6px 0;
  position: relative
}

.score-meter .meter-tick {
  position: absolute;
  background-color: #171717;
  background-color: var(--theme-text);
  top: 1px;
  height: 90%;
  width: 4px;
  z-index: 1
}

.theme-high-contrast .score-meter .meter-tick {
  width: 6px;
  border: 1px solid #000
}

.progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  display: block;
  height: 1rem;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background-glow-high-contrast)
}

.progress::-webkit-progress-bar {
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background-glow-high-contrast)
}

.progress::-webkit-progress-value {
  background-color: #000000;
  background-color: var(--theme-secondary-invert)
}

.progress::-moz-progress-bar {
  background-color: #000000;
  background-color: var(--theme-secondary-invert)
}

.theme-high-contrast .progress::-webkit-progress-value {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

.theme-high-contrast .progress::-moz-progress-bar {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

.progress::-ms-fill {
  background-color: black;
  border: none
}

.theme-dark .progress::-ms-fill {
  background-color: #e3e3e3
}

.theme-high-contrast .progress::-ms-fill {
  background-color: #5e5e5e
}

.progress.is-extra-small {
  height: .25rem
}

.progress.is-success::-webkit-progress-value {
  background-color: #107c10;
  background-color: var(--theme-success-base)
}

.progress.is-success::-moz-progress-bar {
  background-color: #107c10;
  background-color: var(--theme-success-base)
}

.progress.is-success::-ms-fill {
  background-color: #128712
}

.theme-high-contrast .progress.is-success::-ms-fill {
  background-color: #a5f3a5
}

.progress.is-primary::-webkit-progress-value {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

.progress.is-primary::-moz-progress-bar {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

.progress.is-primary::-ms-fill,
.theme-high-contrast .progress.is-primary::-ms-fill {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

.progress.is-docs::-webkit-progress-value {
  background-color: #243a5e
}

.progress.is-docs::-moz-progress-bar {
  background-color: #243a5e
}

.progress.is-docs::-ms-fill {
  background-color: #243a5e
}

.theme-high-contrast .progress.is-docs::-ms-fill {
  background-color: #fff
}

.progress.border-white-high-contrast,
.progress.has-border-white-high-contrast {
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast)
}

.progress:indeterminate {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: moveIndeterminate;
  animation-name: moveIndeterminate;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background-glow-high-contrast);
  background-image: linear-gradient(90deg, #0078d4 30%, #e6e6e6 0);
  background-image: linear-gradient(90deg, var(--theme-primary-base) 30%, var(--theme-secondary-background-glow-high-contrast) 0);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 150% 150%
}

.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent
}

.progress:indeterminate::-moz-progress-bar {
  background-color: transparent
}

.progress:indeterminate::-ms-fill {
  animation: none
}

@-webkit-keyframes moveIndeterminate {
  0% {
    background-position: 200% 0
  }

  to {
    background-position: -200% 0
  }
}

@keyframes moveIndeterminate {
  0% {
    background-position: 200% 0
  }

  to {
    background-position: -200% 0
  }
}

.progress-percentage {
  display: inline-block;
  min-width: 50px
}

.hexagonal-progress-marker,
.hexagonal-progress:after,
.hexagonal-progress:before {
  position: absolute;
  top: 2px;
  height: 8.4852813885px;
  width: 8.4852813885px;
  transform: rotate(45deg)
}

.hexagonal-progress {
  display: flex;
  max-width: 100px;
  position: relative;
  margin: 0 12px
}

.hexagonal-progress .progress {
  height: 12px;
  margin: 0 !important
}

.hexagonal-progress .progress:indeterminate {
  -webkit-animation: none;
  animation: none;
  background: none
}

.hexagonal-progress:after,
.hexagonal-progress:before {
  content: ""
}

.hexagonal-progress:before {
  left: -4.2426406942px;
  background-color: #107c10;
  background-color: var(--theme-success-base)
}

.hexagonal-progress:after {
  right: -4.2426406942px;
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background-glow-high-contrast)
}

.hexagonal-progress-marker {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  z-index: 1
}

progress[value="0"]~.hexagonal-progress-marker {
  left: -4px
}

progress[value="1"]~.hexagonal-progress-marker {
  left: -3px
}

progress[value="2"]~.hexagonal-progress-marker {
  left: -2px
}

progress[value="3"]~.hexagonal-progress-marker {
  left: -1px
}

progress[value="4"]~.hexagonal-progress-marker {
  left: 0
}

progress[value="5"]~.hexagonal-progress-marker {
  left: 1px
}

progress[value="6"]~.hexagonal-progress-marker {
  left: 2px
}

progress[value="7"]~.hexagonal-progress-marker {
  left: 3px
}

progress[value="8"]~.hexagonal-progress-marker {
  left: 4px
}

progress[value="9"]~.hexagonal-progress-marker {
  left: 5px
}

progress[value="10"]~.hexagonal-progress-marker {
  left: 6px
}

progress[value="11"]~.hexagonal-progress-marker {
  left: 7px
}

progress[value="12"]~.hexagonal-progress-marker {
  left: 8px
}

progress[value="13"]~.hexagonal-progress-marker {
  left: 9px
}

progress[value="14"]~.hexagonal-progress-marker {
  left: 10px
}

progress[value="15"]~.hexagonal-progress-marker {
  left: 11px
}

progress[value="16"]~.hexagonal-progress-marker {
  left: 12px
}

progress[value="17"]~.hexagonal-progress-marker {
  left: 13px
}

progress[value="18"]~.hexagonal-progress-marker {
  left: 14px
}

progress[value="19"]~.hexagonal-progress-marker {
  left: 15px
}

progress[value="20"]~.hexagonal-progress-marker {
  left: 16px
}

progress[value="21"]~.hexagonal-progress-marker {
  left: 17px
}

progress[value="22"]~.hexagonal-progress-marker {
  left: 18px
}

progress[value="23"]~.hexagonal-progress-marker {
  left: 19px
}

progress[value="24"]~.hexagonal-progress-marker {
  left: 20px
}

progress[value="25"]~.hexagonal-progress-marker {
  left: 21px
}

progress[value="26"]~.hexagonal-progress-marker {
  left: 22px
}

progress[value="27"]~.hexagonal-progress-marker {
  left: 23px
}

progress[value="28"]~.hexagonal-progress-marker {
  left: 24px
}

progress[value="29"]~.hexagonal-progress-marker {
  left: 25px
}

progress[value="30"]~.hexagonal-progress-marker {
  left: 26px
}

progress[value="31"]~.hexagonal-progress-marker {
  left: 27px
}

progress[value="32"]~.hexagonal-progress-marker {
  left: 28px
}

progress[value="33"]~.hexagonal-progress-marker {
  left: 29px
}

progress[value="34"]~.hexagonal-progress-marker {
  left: 30px
}

progress[value="35"]~.hexagonal-progress-marker {
  left: 31px
}

progress[value="36"]~.hexagonal-progress-marker {
  left: 32px
}

progress[value="37"]~.hexagonal-progress-marker {
  left: 33px
}

progress[value="38"]~.hexagonal-progress-marker {
  left: 34px
}

progress[value="39"]~.hexagonal-progress-marker {
  left: 35px
}

progress[value="40"]~.hexagonal-progress-marker {
  left: 36px
}

progress[value="41"]~.hexagonal-progress-marker {
  left: 37px
}

progress[value="42"]~.hexagonal-progress-marker {
  left: 38px
}

progress[value="43"]~.hexagonal-progress-marker {
  left: 39px
}

progress[value="44"]~.hexagonal-progress-marker {
  left: 40px
}

progress[value="45"]~.hexagonal-progress-marker {
  left: 41px
}

progress[value="46"]~.hexagonal-progress-marker {
  left: 42px
}

progress[value="47"]~.hexagonal-progress-marker {
  left: 43px
}

progress[value="48"]~.hexagonal-progress-marker {
  left: 44px
}

progress[value="49"]~.hexagonal-progress-marker {
  left: 45px
}

progress[value="50"]~.hexagonal-progress-marker {
  left: 46px
}

progress[value="51"]~.hexagonal-progress-marker {
  left: 47px
}

progress[value="52"]~.hexagonal-progress-marker {
  left: 48px
}

progress[value="53"]~.hexagonal-progress-marker {
  left: 49px
}

progress[value="54"]~.hexagonal-progress-marker {
  left: 50px
}

progress[value="55"]~.hexagonal-progress-marker {
  left: 51px
}

progress[value="56"]~.hexagonal-progress-marker {
  left: 52px
}

progress[value="57"]~.hexagonal-progress-marker {
  left: 53px
}

progress[value="58"]~.hexagonal-progress-marker {
  left: 54px
}

progress[value="59"]~.hexagonal-progress-marker {
  left: 55px
}

progress[value="60"]~.hexagonal-progress-marker {
  left: 56px
}

progress[value="61"]~.hexagonal-progress-marker {
  left: 57px
}

progress[value="62"]~.hexagonal-progress-marker {
  left: 58px
}

progress[value="63"]~.hexagonal-progress-marker {
  left: 59px
}

progress[value="64"]~.hexagonal-progress-marker {
  left: 60px
}

progress[value="65"]~.hexagonal-progress-marker {
  left: 61px
}

progress[value="66"]~.hexagonal-progress-marker {
  left: 62px
}

progress[value="67"]~.hexagonal-progress-marker {
  left: 63px
}

progress[value="68"]~.hexagonal-progress-marker {
  left: 64px
}

progress[value="69"]~.hexagonal-progress-marker {
  left: 65px
}

progress[value="70"]~.hexagonal-progress-marker {
  left: 66px
}

progress[value="71"]~.hexagonal-progress-marker {
  left: 67px
}

progress[value="72"]~.hexagonal-progress-marker {
  left: 68px
}

progress[value="73"]~.hexagonal-progress-marker {
  left: 69px
}

progress[value="74"]~.hexagonal-progress-marker {
  left: 70px
}

progress[value="75"]~.hexagonal-progress-marker {
  left: 71px
}

progress[value="76"]~.hexagonal-progress-marker {
  left: 72px
}

progress[value="77"]~.hexagonal-progress-marker {
  left: 73px
}

progress[value="78"]~.hexagonal-progress-marker {
  left: 74px
}

progress[value="79"]~.hexagonal-progress-marker {
  left: 75px
}

progress[value="80"]~.hexagonal-progress-marker {
  left: 76px
}

progress[value="81"]~.hexagonal-progress-marker {
  left: 77px
}

progress[value="82"]~.hexagonal-progress-marker {
  left: 78px
}

progress[value="83"]~.hexagonal-progress-marker {
  left: 79px
}

progress[value="84"]~.hexagonal-progress-marker {
  left: 80px
}

progress[value="85"]~.hexagonal-progress-marker {
  left: 81px
}

progress[value="86"]~.hexagonal-progress-marker {
  left: 82px
}

progress[value="87"]~.hexagonal-progress-marker {
  left: 83px
}

progress[value="88"]~.hexagonal-progress-marker {
  left: 84px
}

progress[value="89"]~.hexagonal-progress-marker {
  left: 85px
}

progress[value="90"]~.hexagonal-progress-marker {
  left: 86px
}

progress[value="91"]~.hexagonal-progress-marker {
  left: 87px
}

progress[value="92"]~.hexagonal-progress-marker {
  left: 88px
}

progress[value="93"]~.hexagonal-progress-marker {
  left: 89px
}

progress[value="94"]~.hexagonal-progress-marker {
  left: 90px
}

progress[value="95"]~.hexagonal-progress-marker {
  left: 91px
}

progress[value="96"]~.hexagonal-progress-marker {
  left: 92px
}

progress[value="97"]~.hexagonal-progress-marker {
  left: 93px
}

progress[value="98"]~.hexagonal-progress-marker {
  left: 94px
}

progress[value="99"]~.hexagonal-progress-marker {
  left: 95px
}

progress[value="100"]~.hexagonal-progress-marker {
  left: 96px
}

.svg .has-fill-body-background {
  fill: #ffffff;
  fill: var(--theme-body-background)
}

.svg .has-fill-body-background-dark,
.svg .has-fill-body-background-medium {
  fill: #f2f2f2;
  fill: var(--theme-body-background-medium)
}

.svg .has-fill-primary {
  fill: #0078d4;
  fill: var(--theme-primary-base)
}

.svg .has-fill-secondary {
  fill: #a2a2a2;
  fill: var(--theme-secondary-base)
}

.table {
  table-layout: auto;
  width: 100%;
  font-size: .875rem
}

.table caption {
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 1.125rem;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  text-align: right
}

.table td,
.table th {
  display: table-cell;
  word-wrap: break-word;
  padding: .75rem 1rem;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border);
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  border-style: solid
}

.table td p:first-child,
.table th p:first-child {
  margin-top: 0
}

.table td.nowrap,
.table th.nowrap {
  white-space: nowrap
}

.table td.is-narrow,
.table th.is-narrow {
  width: 15%
}

.table th:not([scope=row]) {
  border-top: 0;
  border-bottom: 1px
}

.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
  border-top: 0
}

.table .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #000000;
  background-color: var(--theme-box-shadow-light)
}

.table.min {
  width: unset
}

.table.is-left-aligned:not(.has-border) td:first-child,
.table.is-left-aligned:not(.has-border) th:first-child {
  padding-left: 0
}

.table.is-left-aligned:not(.has-border) td:first-child a,
.table.is-left-aligned:not(.has-border) th:first-child a {
  outline-offset: -.125rem
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .table.is-stacked-mobile td:first-child {
    display: block;
    width: 100%;
    padding: 1rem 0
  }

  .table.is-stacked-mobile td:not(:first-child) {
    display: block;
    border-width: 0;
    padding: 0 0 1rem
  }
}

.table.has-inner-borders td,
.table.has-inner-borders th {
  border-right: 1px solid #e6e6e6;
  border-right: 1px solid var(--theme-border)
}

.table.has-inner-borders td:last-child,
.table.has-inner-borders th:last-child {
  border-right: none
}

.table.has-header-background thead th {
  background-color: #e6e6e6 !important;
  background-color: var(--theme-table-header) !important;
  color: #171717;
  color: var(--theme-text)
}

.table.has-header-background.has-inner-borders,
.table.has-header-background.has-inner-borders td,
.table.has-header-background.has-inner-borders th {
  border-color: #d2d2d2 !important;
  border-color: var(--theme-table-border-dark) !important
}

.table.has-row-header-background tbody td:first-child,
.table.has-row-header-background tbody th:first-child {
  background-color: #fafafa;
  background-color: var(--theme-table-row-header)
}

@media print,
screen and (min-width:768px) {
  .table.is-fixed-layout {
    table-layout: fixed
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .table.is-tabular-responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .table.is-tabular-responsive td,
  .table.is-tabular-responsive th,
  .table.is-tabular-responsive tr {
    display: block
  }

  .table.is-tabular-responsive td:after {
    content: attr(data-label)
  }
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.tags .tag {
  margin-bottom: .25rem
}

.tags .tag:not(:last-child) {
  margin-right: .25rem;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: .25rem;
  margin-inline-end: .25rem
}

.tags:last-child {
  margin-bottom: -.25rem
}

.tags:not(:last-child) {
  margin-bottom: 1rem
}

.tags.has-addons .tag {
  margin-right: 0
}

.tags.has-addons .tag:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.tags.has-addons .tag:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.tags.is-centered {
  justify-content: center
}

.tags.is-centered .tag {
  margin-right: .25rem;
  margin-left: .25rem
}

.tags.is-right {
  justify-content: flex-end
}

.tags.is-right .tag:not(:first-child) {
  margin-left: .5rem
}

.tags.is-right .tag:not(:last-child) {
  margin-right: 0
}

.tag:not(body) {
  align-items: center;
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background);
  border-radius: 2px;
  color: #2f2f2f;
  color: var(--theme-secondary-dark);
  display: inline-flex;
  font-size: .875rem;
  font-weight: 400;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: .5em;
  padding-right: .5em;
  white-space: nowrap;
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast)
}

.tag:not(body).is-small {
  height: 1.666667em;
  font-size: .75rem
}

.tag:not(body).is-large {
  height: 1.666667em;
  font-size: 1.125rem
}

.tag:not(body).is-primary {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.tag:not(body).is-primary .delete:after,
.tag:not(body).is-primary .delete:before {
  color: #004173;
  color: var(--theme-primary-dark);
  border-color: transparent
}

.tag:not(body).is-secondary {
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  color: #000000;
  color: var(--theme-secondary-invert)
}

.tag:not(body).is-secondary .delete:after,
.tag:not(body).is-secondary .delete:before {
  color: #2f2f2f;
  color: var(--theme-secondary-dark);
  border-color: transparent
}

.tag:not(body).is-tertiary {
  background-color: #243a5e;
  background-color: var(--theme-tertiary-base);
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.tag:not(body).is-tertiary .delete:after,
.tag:not(body).is-tertiary .delete:before {
  color: #a4b2c9;
  color: var(--theme-tertiary-dark);
  border-color: transparent
}

.tag:not(body).is-success {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  color: #ffffff;
  color: var(--theme-success-invert)
}

.tag:not(body).is-success .delete:after,
.tag:not(body).is-success .delete:before {
  color: #054b16;
  color: var(--theme-success-dark);
  border-color: transparent
}

.tag:not(body).is-info {
  background-color: #8661c5;
  background-color: var(--theme-info-base);
  color: #ffffff;
  color: var(--theme-info-invert)
}

.tag:not(body).is-info .delete:after,
.tag:not(body).is-info .delete:before {
  color: #3b2e58;
  color: var(--theme-info-dark);
  border-color: transparent
}

.tag:not(body).is-warning {
  background-color: #ffb900;
  background-color: var(--theme-warning-base);
  color: #000000;
  color: var(--theme-warning-invert)
}

.tag:not(body).is-warning .delete:after,
.tag:not(body).is-warning .delete:before {
  color: #6a4b16;
  color: var(--theme-warning-dark);
  border-color: transparent
}

.tag:not(body).is-danger {
  background-color: #a80000;
  background-color: var(--theme-danger-base);
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.tag:not(body).is-danger .delete:after,
.tag:not(body).is-danger .delete:before {
  color: #470001;
  color: var(--theme-danger-dark);
  border-color: transparent
}

.tag:not(body).is-black {
  background-color: #000;
  color: #fff
}

.tag:not(body).is-black .delete:after,
.tag:not(body).is-black .delete:before {
  color: #fff;
  border-color: transparent
}

.tag:not(body) .delete {
  margin-left: .25rem;
  margin-right: -.375rem
}

.tag:not(body) .delete:after,
.tag:not(body) .delete:before {
  color: #171717;
  color: var(--theme-text);
  border-color: transparent
}

.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -.375em;
  margin-right: .1875em
}

.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: .1875em;
  margin-right: -.375em
}

.tag:not(body) .icon:first-child:last-child {
  margin-left: -.375em;
  margin-right: -.375em
}

.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em
}

.tag:not(body).is-delete:after,
.tag:not(body).is-delete:before {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center
}

.tag:not(body).is-delete:before {
  height: 1px;
  width: 50%
}

.tag:not(body).is-delete:after {
  height: 50%;
  width: 1px
}

.tag:not(body).is-delete.focus-visible,
.tag:not(body).is-delete:active,
.tag:not(body).is-delete:hover {
  opacity: 1%
}

.tag:not(body).is-rounded {
  border-radius: 290486px
}

a.tag:hover {
  text-decoration: underline
}

.subtitle,
.title {
  word-break: break-word
}

.subtitle em,
.subtitle span,
.title em,
.title span {
  font-weight: inherit
}

.subtitle sub,
.subtitle sup,
.title sub,
.title sup {
  font-size: .75em
}

.subtitle .tag,
.title .tag {
  vertical-align: middle
}

.search-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.125
}

.search-title-h2 {
  font-size: 1.25rem;
}

.search-title-h3 {
  font-size: 1.1rem;
  color: #737373;
  font-weight: 500;
}

.search-title-h4 {
  font-size: 0.9rem;
  margin-bottom: 0.5rem !important;
}

.search-clear-icon {
  display: none; 
  margin-right: 5px!important
}

.no-results-message {
  display: none;
  margin-top: 2px;
  font-size: 14px;
}


.title strong {
  font-weight: inherit
}

.search-title.is-1 {
  font-size: 2.5rem
}

.search-title.is-1.is-responsive {
  font-size: calc(1.45833rem + 1.38889vw)
}

@media (min-width:1200px) {
  .title.is-1.is-responsive {
    font-size: 2.5rem
  }
}

.title.is-2 {
  font-size: 2.125rem
}

.title.is-2.is-responsive {
  font-size: calc(1.39583rem + .97222vw)
}

@media (min-width:1200px) {
  .title.is-2.is-responsive {
    font-size: 2.125rem
  }
}

.title.is-3 {
  font-size: 1.75rem
}

.title.is-3.is-responsive {
  font-size: calc(1.33333rem + .55556vw)
}

@media (min-width:1200px) {
  .title.is-3.is-responsive {
    font-size: 1.75rem
  }
}

.title.is-4 {
  font-size: 1.5rem
}

.title.is-4.is-responsive {
  font-size: calc(1.29167rem + .27778vw)
}

@media (min-width:1200px) {
  .title.is-4.is-responsive {
    font-size: 1.5rem
  }
}

.title.is-5,
.title.is-5.is-responsive {
  font-size: 1.25rem
}

.title.is-6,
.title.is-6.is-responsive {
  font-size: 1.125rem
}

.title.is-8 {
  font-size: .75rem
}

.subtitle {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25
}

.subtitle strong {
  font-weight: 600
}

.title~.subtitle:not(.is-spaced) {
  margin-top: -1.25rem
}

.supertitle {
  font-size: .875rem;
  line-height: 1.25
}

.supertitle:not(.is-spaced)+.title {
  margin-top: -.25rem
}

.hero .hero-body,
.uhf-container:not(.has-padding) {
  margin-right: auto;
  margin-left: auto;
  max-width: 100%
}

@media screen and (max-width:859px) {

  .hero .hero-body,
  .uhf-container:not(.has-padding) {
    max-width: calc(100% - 32px);
    width: calc(100% - 32px)
  }
}

@media print,
screen and (min-width:860px) {

  .hero .hero-body,
  .uhf-container:not(.has-padding) {
    max-width: calc(100% - 48px);
    width: calc(100% - 48px)
  }
}

@media print,
screen and (min-width:1084px) {

  .hero .hero-body,
  .uhf-container:not(.has-padding) {
    max-width: calc(100% - 10vw);
    width: calc(100% - 10vw)
  }
}

@media print,
screen and (min-width:1795px) {

  .hero .hero-body,
  .uhf-container:not(.has-padding) {
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px;
    width: 1600px
  }
}

@media print,
screen and (min-width:1084px) {
  .uhf-container:not(.has-padding).is-fluid {
    margin-left: 5vw;
    margin-right: 5vw;
    max-width: none;
    width: auto
  }
}

.has-padding.uhf-container,
.is-banner.uhf-container {
  box-sizing: border-box;
  width: 100%;
  margin-right: 0;
  margin-left: 0
}

@media screen and (max-width:859px) {

  .has-padding.uhf-container,
  .is-banner.uhf-container {
    padding-right: 0;
    padding-left: 0
  }

  .has-padding.uhf-container>*,
  .is-banner.uhf-container>* {
    padding-right: 16px;
    padding-left: 16px
  }
}

@media print,
screen and (min-width:860px) {

  .has-padding.uhf-container,
  .is-banner.uhf-container {
    padding-right: 24px;
    padding-left: 24px
  }
}

@media print,
screen and (min-width:1084px) {

  .has-padding.uhf-container,
  .is-banner.uhf-container {
    padding-right: 5vw;
    padding-left: 5vw
  }
}

@media print,
screen and (min-width:1795px) {

  .has-padding.uhf-container,
  .is-banner.uhf-container {
    padding-left: calc(50% - 800px);
    padding-right: calc(50% - 800px)
  }
}

.is-full.uhf-container {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 100%
}

.has-top-padding.uhf-container {
  padding-top: 1.5rem
}

@media screen and (max-width:859px) {
  .has-uhf-padding {
    padding-left: 16px;
    padding-right: 16px
  }
}

@media print,
screen and (min-width:860px) {
  .has-uhf-padding {
    padding-left: 24px;
    padding-right: 24px
  }
}

@media print,
screen and (min-width:1084px) {
  .has-uhf-padding {
    padding-left: 5vw;
    padding-right: 5vw
  }
}

@media print,
screen and (min-width:1795px) {
  .has-uhf-padding {
    padding-left: calc(50% - 800px);
    padding-right: calc(50% - 800px)
  }
}

@media print,
screen and (min-width:1084px) {
  .has-uhf-padding-desktop {
    padding-left: 5vw;
    padding-right: 5vw
  }
}

@media print,
screen and (min-width:1795px) {
  .has-uhf-padding-desktop {
    padding-left: calc(50% - 800px);
    padding-right: calc(50% - 800px)
  }
}

.completable:not(.is-complete) .is-shown-complete,
.is-complete.completable .is-hidden-complete,
.is-complete.xp-tag .is-hidden-complete,
.xp-tag:not(.is-complete) .is-shown-complete {
  display: none
}

.protocol-table {
  background-color: #fff;
  color: #2a2a2a
}

.protocol-table,
.protocol-table tbody,
.protocol-table td,
.protocol-table th {
  border: 1px solid #bbbbbb
}

.protocol-table td,
.protocol-table th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 8px;
  padding-left: 8px
}

.protocol-table th {
  background-color: #ededed;
  color: #2a2a2a;
  font-weight: 600
}

.protocol-table td {
  color: #2a2a2a
}

.protocol-table a {
  color: #0065b3
}

.protocol-table a:hover {
  color: #00579a
}

.protocol-table a:active {
  color: #004173
}

.has-loading-skeleton .card-content>*,
.has-loading-skeleton .card-header-image,
.has-loading-skeleton .card-tag,
.has-loading-skeleton .docon:before,
.has-loading-skeleton .explanation-text,
.has-loading-skeleton .media-card-content-link,
.has-loading-skeleton .media-card-content>*,
.has-loading-skeleton .media-card-image,
.has-loading-skeleton .progress-label,
.has-loading-skeleton button,
.has-loading-skeleton figure.image,
.has-loading-skeleton h1,
.has-loading-skeleton h2,
.has-loading-skeleton h3,
.has-loading-skeleton h4,
.has-loading-skeleton h5,
.has-loading-skeleton h6,
.has-loading-skeleton img,
.has-loading-skeleton li,
.has-loading-skeleton p,
.skeleton {
  color: transparent !important;
  -webkit-animation: pulse 3s ease-in-out infinite;
  animation: pulse 3s ease-in-out infinite
}

.has-loading-skeleton h1,
.has-loading-skeleton h2,
.has-loading-skeleton h3,
.has-loading-skeleton h4,
.has-loading-skeleton h5,
.has-loading-skeleton h6,
.has-loading-skeleton p {
  height: 16px;
  margin-top: .25rem
}

.has-loading-skeleton h1:first-child,
.has-loading-skeleton h2:first-child,
.has-loading-skeleton h3:first-child,
.has-loading-skeleton h4:first-child,
.has-loading-skeleton h5:first-child,
.has-loading-skeleton h6:first-child,
.has-loading-skeleton p:first-child {
  width: 90%
}

.has-loading-skeleton h1:nth-child(2),
.has-loading-skeleton h2:nth-child(2),
.has-loading-skeleton h3:nth-child(2),
.has-loading-skeleton h4:nth-child(2),
.has-loading-skeleton h5:nth-child(2),
.has-loading-skeleton h6:nth-child(2),
.has-loading-skeleton p:nth-child(2) {
  width: 58%
}

.has-loading-skeleton h1:nth-child(3),
.has-loading-skeleton h2:nth-child(3),
.has-loading-skeleton h3:nth-child(3),
.has-loading-skeleton h4:nth-child(3),
.has-loading-skeleton h5:nth-child(3),
.has-loading-skeleton h6:nth-child(3),
.has-loading-skeleton p:nth-child(3) {
  width: 72%
}

.has-loading-skeleton h1:nth-child(4),
.has-loading-skeleton h2:nth-child(4),
.has-loading-skeleton h3:nth-child(4),
.has-loading-skeleton h4:nth-child(4),
.has-loading-skeleton h5:nth-child(4),
.has-loading-skeleton h6:nth-child(4),
.has-loading-skeleton p:nth-child(4) {
  width: 42%
}

.has-loading-skeleton h1:nth-child(5),
.has-loading-skeleton h2:nth-child(5),
.has-loading-skeleton h3:nth-child(5),
.has-loading-skeleton h4:nth-child(5),
.has-loading-skeleton h5:nth-child(5),
.has-loading-skeleton h6:nth-child(5),
.has-loading-skeleton p:nth-child(5) {
  width: 80%
}

.has-loading-skeleton .card-content>*,
.has-loading-skeleton .media-card-content>* {
  height: 16px;
  padding: 0
}

.has-loading-skeleton .card-content>:first-child,
.has-loading-skeleton .media-card-content>:first-child {
  margin-top: 0;
  width: 90%
}

.has-loading-skeleton .card-content>:nth-child(2),
.has-loading-skeleton .media-card-content>:nth-child(2) {
  width: 58%
}

.has-loading-skeleton .card-content>:nth-child(3),
.has-loading-skeleton .media-card-content>:nth-child(3) {
  width: 72%
}

.has-loading-skeleton .card-content>:nth-child(4),
.has-loading-skeleton .media-card-content>:nth-child(4) {
  width: 42%
}

.has-loading-skeleton .card-content>:nth-child(5),
.has-loading-skeleton .media-card-content>:nth-child(5) {
  width: 80%
}

.has-loading-skeleton .card-content .tags,
.has-loading-skeleton .media-card-content .tags {
  -webkit-animation: none;
  animation: none;
  flex-flow: row nowrap;
  width: 100%
}

.has-loading-skeleton .card-content .tag,
.has-loading-skeleton .media-card-content .tag {
  height: 16px
}

.has-loading-skeleton .card-content-metadata,
.has-loading-skeleton .card-tag,
.has-loading-skeleton .start-rating-display,
.has-loading-skeleton .tags,
.has-loading-skeleton pre {
  overflow: hidden
}

.has-loading-skeleton .tag,
.has-loading-skeleton figure.image,
.has-loading-skeleton img,
.has-loading-skeleton pre {
  border: none !important
}

.has-loading-skeleton.card.is-branded .card-content .card-content-title {
  margin-bottom: 0
}

.has-loading-skeleton button {
  height: 16px;
  margin-top: .25rem
}

.has-loading-skeleton .button,
.has-loading-skeleton a {
  pointer-events: none
}

.has-loading-skeleton .tag {
  width: 60px
}

.has-loading-skeleton .card-content-metadata *,
.has-loading-skeleton .card-content-title *,
.has-loading-skeleton .card-footer-item>* *,
.has-loading-skeleton .card-tag>* *,
.has-loading-skeleton .media-card-content-titles *,
.has-loading-skeleton .media-card-image *,
.has-loading-skeleton .star-rating-display *,
.has-loading-skeleton img {
  opacity: 0
}

.has-loading-skeleton .progress {
  display: none
}
/*
.checkbox {
  cursor: pointer;
  display: flex;
  line-height: 1.25;
  position: relative;
  align-items: center
}

.checkbox:hover .checkbox-check:before {
  content: "\E73E" !important
}

.checkbox input[type=checkbox] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal
}

.checkbox input[type=checkbox]:checked+.checkbox-check {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  border-color: #0078d4;
  border-color: var(--theme-primary-base)
}

.checkbox input[type=checkbox]:checked+.checkbox-check:before {
  content: "\E73E" !important;
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.checkbox input[type=checkbox][disabled]+.checkbox-check {
  opacity: .6;
  cursor: not-allowed
}

.checkbox.is-secondary input[type=checkbox]:checked+.checkbox-check {
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base)
}

.checkbox.is-secondary input[type=checkbox]:checked+.checkbox-check:before {
  color: #000000;
  color: var(--theme-secondary-invert)
}

.checkbox .checkbox-check {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: 1px solid #171717;
  border: 1px solid var(--theme-text);
  border-radius: 2px;
  transition-property: background, border, border-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .23, 1)
}

.checkbox .checkbox-check:not(:last-child) {
  margin-right: .5rem
}

.checkbox .checkbox-check:before {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: docons;
  font-size: .875rem;
  color: #a2a2a2;
  color: var(--theme-secondary-base);
  content: " "
}

.checkbox .checkbox-check.is-checked {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  border-color: #0078d4;
  border-color: var(--theme-primary-base)
}

.checkbox .checkbox-check.is-checked:before {
  content: "\E73E" !important;
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.checkbox.is-small .checkbox-check {
  width: .875rem;
  height: .875rem
}

.checkbox.is-small .checkbox-check:before {
  font-size: .625rem
}

.checkbox.is-small .checkbox-text {
  font-size: .875rem
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .checkboxes .checkbox {
    display: flex
  }

  .checkboxes .checkbox+.checkbox {
    margin-top: .5rem;
    margin-left: 0
  }
}

.checkboxes.has-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

legend+.control>.checkboxes {
  margin-top: .5rem
}

.checkboxes.is-vertical .checkbox {
  display: flex
}

.checkboxes.is-vertical .checkbox+.checkbox {
  margin-top: .5rem;
  margin-left: 0
}

.checkbox-button {
  font-size: 1.125rem;
  position: relative;
  border: 1px solid #a2a2a2;
  border: 1px solid var(--theme-secondary-base);
  border-radius: 2px;
  color: #171717;
  color: var(--theme-text);
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 50px
}

.checkbox-button:hover {
  color: #171717;
  color: var(--theme-text);
  background-color: #fafafa;
  background-color: var(--theme-hover-invert)
}

.checkbox-button:hover .checkbox-button-label-check {
  border-width: 1px;
  border-style: solid;
  border-color: #a2a2a2;
  border-color: var(--theme-secondary-base)
}

.checkbox-button input[type=checkbox] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal
}

.checkbox-button input[type=checkbox]:checked~.checkbox-button-label-check {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

.checkbox-button input[type=checkbox]:checked~.checkbox-button-label-check:before {
  content: "\E73E" !important;
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.checkbox-button .checkbox-button-label-inner-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal
}

.checkbox-button .checkbox-button-label {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: pointer;
  background-color: transparent
}

.checkbox-button .checkbox-button-label-check {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 290486px;
  transition-property: background, border, border-color;
  transition-duration: 10ms;
  transition-timing-function: cubic-bezier(.4, 0, .23, 1);
  width: 1.25rem;
  height: 1.25rem
}

.checkbox-button .checkbox-button-label-check:before {
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: docons;
  font-size: .875rem;
  color: #a2a2a2;
  color: var(--theme-secondary-base)
}

.checkbox-button .checkbox-button-label-check,
.checkbox-button .checkbox-button-label-text {
  align-self: center;
  text-align: start
}

@media screen and (min-width:1088px) {

  .checkbox-button .checkbox-button-label-check,
  .checkbox-button .checkbox-button-label-text {
    text-align: center
  }
}

.checkbox-button .checkbox-button-label-text {
  flex-grow: 1;
  padding: .5rem 1.75rem .5rem .5rem;
  font-size: .8rem;
  font-weight: 600
}
*/
.radio {
  cursor: pointer;
  align-items: flex-start;
  line-height: 1.25;
  position: relative
}

.radio.is-image {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 1rem
}

@media print,
screen and (min-width:768px) {
  .radio.is-image {
    flex: 0 0 46%
  }
}

@media screen and (min-width:1088px) {
  .radio.is-image {
    flex: 0 0 30%
  }
}

@media screen and (min-width:1280px) {
  .radio.is-image {
    flex: 0 0 22%
  }
}

.radio.is-image .radio-background {
  z-index: 0;
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  border: 1px solid #ffffff;
  border: 1px solid var(--theme-border-white-high-contrast);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

.radio.is-image.is-hovered .radio-dot:not(:checked):before,
.radio.is-image:hover:not([disabled]) .radio-dot:not(:checked):before {
  content: "\E81D"
}

.radio.is-image .radio-dot.is-checked:before,
.radio.is-image input.is-checked~.radio-dot:before,
.radio.is-image input:checked~.radio-dot:before {
  color: #0078d4;
  color: var(--theme-primary-base);
  content: "\E81D";
  -webkit-animation: boop .2s cubic-bezier(.4, 0, .23, 1) 1;
  animation: boop .2s cubic-bezier(.4, 0, .23, 1) 1
}

.radio.is-image input.is-checked~.radio-background,
.radio.is-image input:checked~.radio-background {
  border: 1px solid #0078d4;
  border: 1px solid var(--theme-primary-base)
}

.radio.is-image .radio-dot {
  position: absolute;
  z-index: 1;
  top: .5rem;
  right: .5rem
}

@media print,
screen and (min-width:768px) {
  .radio.is-image .radio-dot {
    top: .75rem;
    right: .75rem
  }
}

.radio.is-image .radio-image {
  pointer-events: none;
  position: relative;
  display: block;
  z-index: 1;
  padding: 1rem;
  width: 40%
}

@media print,
screen and (min-width:768px) {
  .radio.is-image .radio-image {
    width: 100%;
    padding-bottom: 0;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-top: 2.25rem
  }

  .radio.is-image .radio-image.icon {
    padding-bottom: 1.5rem
  }
}

.radio.is-image .radio-image .radio-image-icon {
  font-size: 30px;
  display: block
}

.radio.is-image .radio-image img {
  width: 100%
}

.radio.is-image .radio-label-text {
  display: block;
  position: relative;
  margin-top: .5rem;
  margin-left: 1rem;
  width: 50%;
  padding: 1rem;
  text-align: center
}

@media print,
screen and (min-width:768px) {
  .radio.is-image .radio-label-text {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 2.25rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    width: 100%
  }
}

.radio input {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
  top: 100%;
  left: .75rem
}

.radio.is-hovered .radio-dot:not(:checked):before,
.radio:hover:not([disabled]) .radio-dot:not(:checked):before {
  content: "\E81D"
}

.radio .radio-dot {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  font-size: 1.25rem;
  height: 1.125rem;
  width: 1.125rem;
  overflow: hidden;
  border-radius: 290486px;
  line-height: 1.25rem;
  color: #505050;
  color: var(--theme-text-subtle);
  transform-origin: center;
  transition-property: color, transition;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .23, 1)
}

.radio .radio-dot:before {
  margin-left: -1px;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  display: inline-block;
  font-family: docons;
  content: "\E80E"
}

.radio .radio-label-text {
  margin: 0 .5rem
}

.radio .radio-dot.is-checked:before,
.radio input.is-checked~.radio-dot:before,
.radio input:checked~.radio-dot:before {
  color: #0078d4;
  color: var(--theme-primary-base);
  content: "\E81D";
  -webkit-animation: boop .2s cubic-bezier(.4, 0, .23, 1) 1;
  animation: boop .2s cubic-bezier(.4, 0, .23, 1) 1
}

.radio input[disabled]~.radio-dot,
.radio input[disabled]~.radio-label-text {
  opacity: .5;
  cursor: not-allowed
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .radios .radio {
    display: flex
  }

  .radios .radio+.radio {
    margin-top: .5rem;
    margin-left: 0
  }

  .radios.is-large .radio+.radio {
    margin-top: 1rem
  }
}

.radios.has-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

legend+.control>.radios {
  margin-top: .5rem
}

legend+.control>.radios.is-large {
  margin-top: 1rem
}

.radios.is-large .radio .radio-dot {
  font-size: 1.5rem;
  height: 1.3125rem;
  width: 1.3125rem;
  line-height: 1.5rem
}

.radios.is-large .radio .radio-dot:before {
  margin-left: -1.5px;
  height: 1.5rem;
  width: 1.5rem
}

.radios.is-large .radio .radio-label-text {
  font-size: 1.5rem;
  margin: 0 1rem
}

@media print,
screen and (min-width:768px) {
  .radios.is-large .radio+.radio {
    margin-left: 1rem
  }
}

.radios.is-vertical .radio {
  display: flex
}

.radios.is-vertical .radio+.radio {
  margin-top: .5rem;
  margin-left: 0
}

.radios.is-vertical.is-large .radio+.radio {
  margin-top: 1rem
}

.bookend-container {
  position: relative
}

.bookend-container>.bookend {
  position: absolute !important;
  top: 0;
  bottom: 0;
  z-index: 0;
  margin: auto
}

.bookend-container>:not(.bookend) {
  position: relative;
  z-index: 1
}

.stretched-link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.durable-image.has-error,
.durable-image:not(.has-error)+.durable-image-fallback {
  display: none !important
}

.close-quote:after,
.open-quote:after {
  display: inline-block;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #0078d4;
  color: var(--theme-primary-base);
  font-size: 10rem;
  line-height: .1rem;
  margin-right: .0675rem;
  vertical-align: -.4em
}

.open-quote:after {
  content: open-quote
}

.close-quote:after {
  opacity: .8;
  content: close-quote;
  font-size: 4rem;
  margin-right: 0;
  margin-left: .0675rem;
  vertical-align: -.4em
}

#affixed-left-container {
  z-index: 1
}

.header-holder {
  flex-shrink: 0
}

[data-css-variable-support=false] .css-variable-support,
[data-css-variable-support=true] .not-css-variable-support,
html.has-interactive .is-hidden-interactive,
html:not(.has-interactive) .is-visible-interactive {
  display: none !important
}

html.has-interactive {
  height: 100%;
  overflow: hidden !important
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  html.has-interactive {
    height: inherit;
    overflow: inherit !important
  }

  html.has-interactive #unit-inner-section {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
  }

  html.has-interactive #unit-inner-section .button {
    height: auto;
    white-space: normal
  }

  html.has-interactive #unit-inner-section .table {
    word-break: normal;
    -webkit-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: manual;
    table-layout: auto
  }

  html.has-interactive #unit-inner-section .codeHeader {
    flex-wrap: wrap
  }

  html.has-interactive #footer-interactive>div {
    flex-direction: column
  }

  html.has-interactive #footer-interactive>div>div {
    margin: 0 !important
  }
}

html.has-interactive body {
  height: 100%
}

html.has-interactive .mainContainer {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 1px
}

html.has-interactive .mainContainer>.columns {
  width: 100%;
  align-items: stretch
}

html.has-interactive .primary-holder {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden
}

html.has-interactive .primary-holder #main-column,
html.has-interactive .primary-holder>.columns {
  width: 100%;
  max-width: 100%
}

html.has-interactive .footer-layout {
  flex-direction: column
}

html.has-interactive .footer-layout>:not(:last-child) {
  margin-bottom: 1rem
}

@media print,
screen and (min-width:768px) {
  html.has-interactive #module-menu {
    max-width: 40vw
  }
}

@media screen and (min-width:1088px) {
  html.has-interactive.has-wide-layout #module-menu {
    max-width: 25vw
  }
}

.modular-content-container {
  padding: 0;
  margin: 0 auto
}

@media screen and (min-width:1088px) {
  .modular-content-container {
    max-width: 960px
  }
}

.mainContainer {
  flex-grow: 1;
  flex-shrink: 1
}

.mainContainer .left-container,
.mainContainer .primary-holder {
  padding-top: 1.5rem
}

html.profilelist .mainContainer .left-container,
html.profilelist .mainContainer .primary-holder {
  padding-top: 0
}

#complete-unit-link-mobile-col {
  display: none !important
}

.columns>.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1
}

.columns>.column:not(.has-uhf-padding) {
  padding: .75rem
}

.columns.has-large-gaps>.column {
  padding: 1.5rem;
  border-radius: 7px;
}

.columns.is-mobile>.column.is-narrow {
  flex: none
}

.columns.is-mobile>.column.is-full {
  flex: none;
  width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
  flex: none;
  width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
  flex: none;
  width: 66.6666%
}

.columns.is-mobile>.column.is-half {
  flex: none;
  width: 50%
}

.columns.is-mobile>.column.is-one-third {
  flex: none;
  width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
  flex: none;
  width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
  flex: none;
  width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
  flex: none;
  width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
  flex: none;
  width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
  flex: none;
  width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
  margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
  margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
  margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
  margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
  margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
  margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
  margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
  margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
  margin-left: 80%
}

.columns.is-mobile>.column.is-1 {
  flex: none;
  width: 8.3333333333%
}

.columns.is-mobile>.column.is-offset-1 {
  margin-left: 8.3333333333%
}

.columns.is-mobile>.column.is-2 {
  flex: none;
  width: 16.6666666667%
}

.columns.is-mobile>.column.is-offset-2 {
  margin-left: 16.6666666667%
}

.columns.is-mobile>.column.is-3 {
  flex: none;
  width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
  margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
  flex: none;
  width: 33.3333333333%
}

.columns.is-mobile>.column.is-offset-4 {
  margin-left: 33.3333333333%
}

.columns.is-mobile>.column.is-5 {
  flex: none;
  width: 41.6666666667%
}

.columns.is-mobile>.column.is-offset-5 {
  margin-left: 41.6666666667%
}

.columns.is-mobile>.column.is-6 {
  flex: none;
  width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
  margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
  flex: none;
  width: 58.3333333333%
}

.columns.is-mobile>.column.is-offset-7 {
  margin-left: 58.3333333333%
}

.columns.is-mobile>.column.is-8 {
  flex: none;
  width: 66.6666666667%
}

.columns.is-mobile>.column.is-offset-8 {
  margin-left: 66.6666666667%
}

.columns.is-mobile>.column.is-9 {
  flex: none;
  width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
  margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
  flex: none;
  width: 83.3333333333%
}

.columns.is-mobile>.column.is-offset-10 {
  margin-left: 83.3333333333%
}

.columns.is-mobile>.column.is-11 {
  flex: none;
  width: 91.6666666667%
}

.columns.is-mobile>.column.is-offset-11 {
  margin-left: 91.6666666667%
}

.columns.is-mobile>.column.is-12 {
  flex: none;
  width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
  margin-left: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (-webkit-min-device-pixel-ratio:1.25) and (max-aspect-ratio:1/1),
screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (max-aspect-ratio:1/1),
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.25) and (max-aspect-ratio:1/1),
screen and (max-width:767px) and (max-aspect-ratio:1/1),
screen and (max-width:767px) and (min-resolution:120dpi) and (max-aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (max-aspect-ratio:1/1),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (min-resolution:120dpi) and (max-aspect-ratio:1/1) {
  .columns.is-mobile>.column.is-full-portrait {
    flex: none;
    width: 100%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-narrow-mobile {
    flex: none
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-full-mobile {
    flex: none;
    width: 100%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-half-mobile {
    flex: none;
    width: 50%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-half-mobile {
    margin-left: 50%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-1-mobile {
    margin-left: 8.3333333333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-2-mobile {
    margin-left: 16.6666666667%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-3-mobile {
    flex: none;
    width: 25%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-3-mobile {
    margin-left: 25%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-4-mobile {
    margin-left: 33.3333333333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-5-mobile {
    margin-left: 41.6666666667%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-6-mobile {
    flex: none;
    width: 50%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-6-mobile {
    margin-left: 50%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-7-mobile {
    margin-left: 58.3333333333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-8-mobile {
    margin-left: 66.6666666667%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-9-mobile {
    flex: none;
    width: 75%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-9-mobile {
    margin-left: 75%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-10-mobile {
    margin-left: 83.3333333333%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-11-mobile {
    margin-left: 91.6666666667%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-12-mobile {
    flex: none;
    width: 100%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .column.is-offset-12-mobile {
    margin-left: 100%
  }
}

@media print,
screen and (min-width:768px) {

  .column.is-narrow,
  .column.is-narrow-tablet {
    flex: none
  }

  .column.is-full,
  .column.is-full-tablet {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters,
  .column.is-three-quarters-tablet {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds,
  .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%
  }

  .column.is-half,
  .column.is-half-tablet {
    flex: none;
    width: 50%
  }

  .column.is-one-third,
  .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }

  .column.is-one-quarter,
  .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }

  .column.is-one-fifth,
  .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }

  .column.is-two-fifths,
  .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
    background-color: #eee;
  }

  .column.is-three-fifths,
  .column.is-three-fifths-tablet {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths,
  .column.is-four-fifths-tablet {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters,
  .column.is-offset-three-quarters-tablet {
    margin-left: 75%
  }

  .column.is-offset-two-thirds,
  .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%
  }

  .column.is-offset-half,
  .column.is-offset-half-tablet {
    margin-left: 50%
  }

  .column.is-offset-one-third,
  .column.is-offset-one-third-tablet {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter,
  .column.is-offset-one-quarter-tablet {
    margin-left: 25%
  }

  .column.is-offset-one-fifth,
  .column.is-offset-one-fifth-tablet {
    margin-left: 20%
  }

  .column.is-offset-two-fifths,
  .column.is-offset-two-fifths-tablet {
    margin-left: 40%
  }

  .column.is-offset-three-fifths,
  .column.is-offset-three-fifths-tablet {
    margin-left: 60%
  }

  .column.is-offset-four-fifths,
  .column.is-offset-four-fifths-tablet {
    margin-left: 80%
  }

  .column.is-1,
  .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%
  }

  .column.is-offset-1,
  .column.is-offset-1-tablet {
    margin-left: 8.3333333333%
  }

  .column.is-2,
  .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%
  }

  .column.is-offset-2,
  .column.is-offset-2-tablet {
    margin-left: 16.6666666667%
  }

  .column.is-3,
  .column.is-3-tablet {
    flex: none;
    width: 25%
  }

  .column.is-offset-3,
  .column.is-offset-3-tablet {
    margin-left: 25%
  }

  .column.is-4,
  .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%
  }

  .column.is-offset-4,
  .column.is-offset-4-tablet {
    margin-left: 33.3333333333%
  }

  .column.is-5,
  .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%
  }

  .column.is-offset-5,
  .column.is-offset-5-tablet {
    margin-left: 41.6666666667%
  }

  .column.is-6,
  .column.is-6-tablet {
    flex: none;
    width: 50%
  }

  .column.is-offset-6,
  .column.is-offset-6-tablet {
    margin-left: 50%
  }

  .column.is-7,
  .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%
  }

  .column.is-offset-7,
  .column.is-offset-7-tablet {
    margin-left: 58.3333333333%
  }

  .column.is-8,
  .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%
  }

  .column.is-offset-8,
  .column.is-offset-8-tablet {
    margin-left: 66.6666666667%
  }

  .column.is-9,
  .column.is-9-tablet {
    flex: none;
    width: 75%
  }

  .column.is-offset-9,
  .column.is-offset-9-tablet {
    margin-left: 75%
  }

  .column.is-10,
  .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%
  }

  .column.is-offset-10,
  .column.is-offset-10-tablet {
    margin-left: 83.3333333333%
  }

  .column.is-11,
  .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%
  }

  .column.is-offset-11,
  .column.is-offset-11-tablet {
    margin-left: 91.6666666667%
  }

  .column.is-12,
  .column.is-12-tablet {
    flex: none;
    width: 100%
  }

  .column.is-offset-12,
  .column.is-offset-12-tablet {
    margin-left: 100%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .column.is-narrow-touch {
    flex: none
  }

  .column.is-full-touch {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-touch {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-touch {
    flex: none;
    width: 50%
  }

  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-touch {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-touch {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-touch {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-touch {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-touch {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-touch {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%
  }

  .column.is-offset-half-touch {
    margin-left: 50%
  }

  .column.is-offset-one-third-touch {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-touch {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-touch {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-touch {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-touch {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-touch {
    margin-left: 80%
  }

  .column.is-1-touch {
    flex: none;
    width: 8.3333333333%
  }

  .column.is-offset-1-touch {
    margin-left: 8.3333333333%
  }

  .column.is-2-touch {
    flex: none;
    width: 16.6666666667%
  }

  .column.is-offset-2-touch {
    margin-left: 16.6666666667%
  }

  .column.is-3-touch {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-touch {
    margin-left: 25%
  }

  .column.is-4-touch {
    flex: none;
    width: 33.3333333333%
  }

  .column.is-offset-4-touch {
    margin-left: 33.3333333333%
  }

  .column.is-5-touch {
    flex: none;
    width: 41.6666666667%
  }

  .column.is-offset-5-touch {
    margin-left: 41.6666666667%
  }

  .column.is-6-touch {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-touch {
    margin-left: 50%
  }

  .column.is-7-touch {
    flex: none;
    width: 58.3333333333%
  }

  .column.is-offset-7-touch {
    margin-left: 58.3333333333%
  }

  .column.is-8-touch {
    flex: none;
    width: 66.6666666667%
  }

  .column.is-offset-8-touch {
    margin-left: 66.6666666667%
  }

  .column.is-9-touch {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-touch {
    margin-left: 75%
  }

  .column.is-10-touch {
    flex: none;
    width: 83.3333333333%
  }

  .column.is-offset-10-touch {
    margin-left: 83.3333333333%
  }

  .column.is-11-touch {
    flex: none;
    width: 91.6666666667%
  }

  .column.is-offset-11-touch {
    margin-left: 91.6666666667%
  }

  .column.is-12-touch {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-touch {
    margin-left: 100%
  }
}

@media screen and (min-width:1088px) {
  .column.is-narrow-desktop {
    flex: none
  }

  .column.is-full-desktop {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-desktop {
    flex: none;
    width: 50%
  }

  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-desktop {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%
  }

  .column.is-offset-half-desktop {
    margin-left: 50%
  }

  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-desktop {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-desktop {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-desktop {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-desktop {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-desktop {
    margin-left: 80%
  }

  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%
  }

  .column.is-offset-1-desktop {
    margin-left: 8.3333333333%
  }

  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%
  }

  .column.is-offset-2-desktop {
    margin-left: 16.6666666667%
  }

  .column.is-3-desktop {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-desktop {
    margin-left: 25%
  }

  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%
  }

  .column.is-offset-4-desktop {
    margin-left: 33.3333333333%
  }

  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%
  }

  .column.is-offset-5-desktop {
    margin-left: 41.6666666667%
  }

  .column.is-6-desktop {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-desktop {
    margin-left: 50%
  }

  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%
  }

  .column.is-offset-7-desktop {
    margin-left: 58.3333333333%
  }

  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%
  }

  .column.is-offset-8-desktop {
    margin-left: 66.6666666667%
  }

  .column.is-9-desktop {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-desktop {
    margin-left: 75%
  }

  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%
  }

  .column.is-offset-10-desktop {
    margin-left: 83.3333333333%
  }

  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%
  }

  .column.is-offset-11-desktop {
    margin-left: 91.6666666667%
  }

  .column.is-12-desktop {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-desktop {
    margin-left: 100%
  }
}

@media screen and (min-width:1280px) {
  .column.is-narrow-widescreen {
    flex: none
  }

  .column.is-full-widescreen {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-widescreen {
    flex: none;
    width: 50%
  }

  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%
  }

  .column.is-offset-half-widescreen {
    margin-left: 50%
  }

  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%
  }

  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%
  }

  .column.is-offset-1-widescreen {
    margin-left: 8.3333333333%
  }

  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%
  }

  .column.is-offset-2-widescreen {
    margin-left: 16.6666666667%
  }

  .column.is-3-widescreen {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-widescreen {
    margin-left: 25%
  }

  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%
  }

  .column.is-offset-4-widescreen {
    margin-left: 33.3333333333%
  }

  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%
  }

  .column.is-offset-5-widescreen {
    margin-left: 41.6666666667%
  }

  .column.is-6-widescreen {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-widescreen {
    margin-left: 50%
  }

  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%
  }

  .column.is-offset-7-widescreen {
    margin-left: 58.3333333333%
  }

  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%
  }

  .column.is-offset-8-widescreen {
    margin-left: 66.6666666667%
  }

  .column.is-9-widescreen {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-widescreen {
    margin-left: 75%
  }

  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%
  }

  .column.is-offset-10-widescreen {
    margin-left: 83.3333333333%
  }

  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%
  }

  .column.is-offset-11-widescreen {
    margin-left: 91.6666666667%
  }

  .column.is-12-widescreen {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-widescreen {
    margin-left: 100%
  }
}

@media screen and (min-width:1472px) {
  .column.is-narrow-fullhd {
    flex: none
  }

  .column.is-full-fullhd {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-fullhd {
    flex: none;
    width: 50%
  }

  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%
  }

  .column.is-offset-half-fullhd {
    margin-left: 50%
  }

  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%
  }

  .column.is-1-fullhd {
    flex: none;
    width: 8.3333333333%
  }

  .column.is-offset-1-fullhd {
    margin-left: 8.3333333333%
  }

  .column.is-2-fullhd {
    flex: none;
    width: 16.6666666667%
  }

  .column.is-offset-2-fullhd {
    margin-left: 16.6666666667%
  }

  .column.is-3-fullhd {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-fullhd {
    margin-left: 25%
  }

  .column.is-4-fullhd {
    flex: none;
    width: 33.3333333333%
  }

  .column.is-offset-4-fullhd {
    margin-left: 33.3333333333%
  }

  .column.is-5-fullhd {
    flex: none;
    width: 41.6666666667%
  }

  .column.is-offset-5-fullhd {
    margin-left: 41.6666666667%
  }

  .column.is-6-fullhd {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-fullhd {
    margin-left: 50%
  }

  .column.is-7-fullhd {
    flex: none;
    width: 58.3333333333%
  }

  .column.is-offset-7-fullhd {
    margin-left: 58.3333333333%
  }

  .column.is-8-fullhd {
    flex: none;
    width: 66.6666666667%
  }

  .column.is-offset-8-fullhd {
    margin-left: 66.6666666667%
  }

  .column.is-9-fullhd {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-fullhd {
    margin-left: 75%
  }

  .column.is-10-fullhd {
    flex: none;
    width: 83.3333333333%
  }

  .column.is-offset-10-fullhd {
    margin-left: 83.3333333333%
  }

  .column.is-11-fullhd {
    flex: none;
    width: 91.6666666667%
  }

  .column.is-offset-11-fullhd {
    margin-left: 91.6666666667%
  }

  .column.is-12-fullhd {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-fullhd {
    margin-left: 100%
  }
}

.columns {
  margin-left: -.75rem;
  margin-right: -.75rem;
  margin-top: -.75rem
}

.columns:last-child {
  margin-bottom: -.75rem
}

.columns:not(:last-child) {
  margin-bottom: .75rem
}

.columns.has-large-gaps {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -1.5rem;
}

.columns.has-large-gaps:last-child {
  margin-bottom: -1.5rem;
}

.columns.has-large-gaps:not(:last-child) {
  margin-bottom: 0;
}

.columns.is-centered {
  justify-content: right;
}

.columns.is-vertically-centered {
  align-items: center;
}

.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.columns.is-gapless > .column:not(.has-uhf-padding) {
  margin: 0;
  padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
  margin-bottom: 0
}

.columns > .column {
  display: block;
  /*flex-basis: 0;*/
  flex-grow: 1;
  flex-shrink: 1;
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .columns.is-gapless-mobile {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
  }

  .columns.is-gapless-mobile>.column:not(.has-uhf-padding) {
    margin: 0;
    padding: 0 10px !important
  }

  .columns.is-gapless-mobile:not(:last-child) {
    margin-bottom: 1.5rem
  }

  .columns.is-gapless-mobile:last-child {
    margin-bottom: 0
  }
}

.columns.is-mobile {
  display: flex
}

.columns.is-multiline {
  flex-wrap: wrap
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .columns.is-reversed-mobile {
    display: flex;
    flex-direction: column-reverse
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (-ms-high-contrast:active),
screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (-ms-high-contrast:none),
screen and (max-width:767px) and (-ms-high-contrast:active),
screen and (max-width:767px) and (-ms-high-contrast:none),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (-ms-high-contrast:active),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (-ms-high-contrast:none) {
  .columns.is-reversed-mobile>.column {
    flex-basis: auto
  }
}

@media print,
screen and (min-width:768px) {
  .columns:not(.is-desktop) {
    display: flex
  }
}

@media screen and (min-width:1088px) {
  .columns.is-desktop {
    display: flex
  }
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-three-quarters {
  margin-left: 75%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-two-thirds {
  margin-left: 66.6666%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-half {
  margin-left: 50%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-one-third {
  margin-left: 33.3333%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-one-quarter {
  margin-left: 25%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-one-fifth {
  margin-left: 20%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-two-fifths {
  margin-left: 40%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-three-fifths {
  margin-left: 60%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-four-fifths {
  margin-left: 80%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-1 {
  margin-left: 8.3333333333%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-2 {
  margin-left: 16.6666666667%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-3 {
  margin-left: 25%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-4 {
  margin-left: 33.3333333333%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-5 {
  margin-left: 41.6666666667%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-6 {
  margin-left: 50%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-7 {
  margin-left: 58.3333333333%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-8 {
  margin-left: 66.6666666667%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-9 {
  margin-left: 75%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-10 {
  margin-left: 83.3333333333%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-11 {
  margin-left: 91.6666666667%
}

.columns.is-mobile>main.content[dir=rtl] .columns.is-offset-12 {
  margin-left: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .columns.is-offset-three-quarters-mobile {
    margin-left: 75%
  }

  .columns.is-offset-two-thirds-mobile {
    margin-left: 66.6666%
  }

  .columns.is-offset-half-mobile {
    margin-left: 50%
  }

  .columns.is-offset-one-third-mobile {
    margin-left: 33.3333%
  }

  .columns.is-offset-one-quarter-mobile {
    margin-left: 25%
  }

  .columns.is-offset-one-fifth-mobile {
    margin-left: 20%
  }

  .columns.is-offset-two-fifths-mobile {
    margin-left: 40%
  }

  .columns.is-offset-three-fifths-mobile {
    margin-left: 60%
  }

  .columns.is-offset-four-fifths-mobile {
    margin-left: 80%
  }

  .columns.is-offset-1-mobile {
    margin-left: 8.3333333333%
  }

  .columns.is-offset-2-mobile {
    margin-left: 16.6666666667%
  }

  .columns.is-offset-3-mobile {
    margin-left: 25%
  }

  .columns.is-offset-4-mobile {
    margin-left: 33.3333333333%
  }

  .columns.is-offset-5-mobile {
    margin-left: 41.6666666667%
  }

  .columns.is-offset-6-mobile {
    margin-left: 50%
  }

  .columns.is-offset-7-mobile {
    margin-left: 58.3333333333%
  }

  .columns.is-offset-8-mobile {
    margin-left: 66.6666666667%
  }

  .columns.is-offset-9-mobile {
    margin-left: 75%
  }

  .columns.is-offset-10-mobile {
    margin-left: 83.3333333333%
  }

  .columns.is-offset-11-mobile {
    margin-left: 91.6666666667%
  }

  .columns.is-offset-12-mobile {
    margin-left: 100%
  }
}

@media print,
screen and (min-width:768px) {

  .columns.is-offset-three-quarters,
  .columns.is-offset-three-quarters-tablet {
    margin-left: 75%
  }

  .columns.is-offset-two-thirds,
  .columns.is-offset-two-thirds-tablet {
    margin-left: 66.6666%
  }

  .columns.is-offset-half,
  .columns.is-offset-half-tablet {
    margin-left: 50%
  }

  .columns.is-offset-one-third,
  .columns.is-offset-one-third-tablet {
    margin-left: 33.3333%
  }

  .columns.is-offset-one-quarter,
  .columns.is-offset-one-quarter-tablet {
    margin-left: 25%
  }

  .columns.is-offset-one-fifth,
  .columns.is-offset-one-fifth-tablet {
    margin-left: 20%
  }

  .columns.is-offset-two-fifths,
  .columns.is-offset-two-fifths-tablet {
    margin-left: 40%
  }

  .columns.is-offset-three-fifths,
  .columns.is-offset-three-fifths-tablet {
    margin-left: 60%
  }

  .columns.is-offset-four-fifths,
  .columns.is-offset-four-fifths-tablet {
    margin-left: 80%
  }

  .columns.is-offset-1,
  .columns.is-offset-1-tablet {
    margin-left: 8.3333333333%
  }

  .columns.is-offset-2,
  .columns.is-offset-2-tablet {
    margin-left: 16.6666666667%
  }

  .columns.is-offset-3,
  .columns.is-offset-3-tablet {
    margin-left: 25%
  }

  .columns.is-offset-4,
  .columns.is-offset-4-tablet {
    margin-left: 33.3333333333%
  }

  .columns.is-offset-5,
  .columns.is-offset-5-tablet {
    margin-left: 41.6666666667%
  }

  .columns.is-offset-6,
  .columns.is-offset-6-tablet {
    margin-left: 50%
  }

  .columns.is-offset-7,
  .columns.is-offset-7-tablet {
    margin-left: 58.3333333333%
  }

  .columns.is-offset-8,
  .columns.is-offset-8-tablet {
    margin-left: 66.6666666667%
  }

  .columns.is-offset-9,
  .columns.is-offset-9-tablet {
    margin-left: 75%
  }

  .columns.is-offset-10,
  .columns.is-offset-10-tablet {
    margin-left: 83.3333333333%
  }

  .columns.is-offset-11,
  .columns.is-offset-11-tablet {
    margin-left: 91.6666666667%
  }

  .columns.is-offset-12,
  .columns.is-offset-12-tablet {
    margin-left: 100%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .columns.is-offset-three-quarters-touch {
    margin-left: 75%
  }

  .columns.is-offset-two-thirds-touch {
    margin-left: 66.6666%
  }

  .columns.is-offset-half-touch {
    margin-left: 50%
  }

  .columns.is-offset-one-third-touch {
    margin-left: 33.3333%
  }

  .columns.is-offset-one-quarter-touch {
    margin-left: 25%
  }

  .columns.is-offset-one-fifth-touch {
    margin-left: 20%
  }

  .columns.is-offset-two-fifths-touch {
    margin-left: 40%
  }

  .columns.is-offset-three-fifths-touch {
    margin-left: 60%
  }

  .columns.is-offset-four-fifths-touch {
    margin-left: 80%
  }

  .columns.is-offset-1-touch {
    margin-left: 8.3333333333%
  }

  .columns.is-offset-2-touch {
    margin-left: 16.6666666667%
  }

  .columns.is-offset-3-touch {
    margin-left: 25%
  }

  .columns.is-offset-4-touch {
    margin-left: 33.3333333333%
  }

  .columns.is-offset-5-touch {
    margin-left: 41.6666666667%
  }

  .columns.is-offset-6-touch {
    margin-left: 50%
  }

  .columns.is-offset-7-touch {
    margin-left: 58.3333333333%
  }

  .columns.is-offset-8-touch {
    margin-left: 66.6666666667%
  }

  .columns.is-offset-9-touch {
    margin-left: 75%
  }

  .columns.is-offset-10-touch {
    margin-left: 83.3333333333%
  }

  .columns.is-offset-11-touch {
    margin-left: 91.6666666667%
  }

  .columns.is-offset-12-touch {
    margin-left: 100%
  }
}

@media screen and (min-width:1088px) {
  .columns.is-offset-three-quarters-desktop {
    margin-left: 75%
  }

  .columns.is-offset-two-thirds-desktop {
    margin-left: 66.6666%
  }

  .columns.is-offset-half-desktop {
    margin-left: 50%
  }

  .columns.is-offset-one-third-desktop {
    margin-left: 33.3333%
  }

  .columns.is-offset-one-quarter-desktop {
    margin-left: 25%
  }

  .columns.is-offset-one-fifth-desktop {
    margin-left: 20%
  }

  .columns.is-offset-two-fifths-desktop {
    margin-left: 40%
  }

  .columns.is-offset-three-fifths-desktop {
    margin-left: 60%
  }

  .columns.is-offset-four-fifths-desktop {
    margin-left: 80%
  }

  .columns.is-offset-1-desktop {
    margin-left: 8.3333333333%
  }

  .columns.is-offset-2-desktop {
    margin-left: 16.6666666667%
  }

  .columns.is-offset-3-desktop {
    margin-left: 25%
  }

  .columns.is-offset-4-desktop {
    margin-left: 33.3333333333%
  }

  .columns.is-offset-5-desktop {
    margin-left: 41.6666666667%
  }

  .columns.is-offset-6-desktop {
    margin-left: 50%
  }

  .columns.is-offset-7-desktop {
    margin-left: 58.3333333333%
  }

  .columns.is-offset-8-desktop {
    margin-left: 66.6666666667%
  }

  .columns.is-offset-9-desktop {
    margin-left: 75%
  }

  .columns.is-offset-10-desktop {
    margin-left: 83.3333333333%
  }

  .columns.is-offset-11-desktop {
    margin-left: 91.6666666667%
  }

  .columns.is-offset-12-desktop {
    margin-left: 100%
  }
}

@media screen and (min-width:1280px) {
  .columns.is-offset-three-quarters-widescreen {
    margin-left: 75%
  }

  .columns.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%
  }

  .columns.is-offset-half-widescreen {
    margin-left: 50%
  }

  .columns.is-offset-one-third-widescreen {
    margin-left: 33.3333%
  }

  .columns.is-offset-one-quarter-widescreen {
    margin-left: 25%
  }

  .columns.is-offset-one-fifth-widescreen {
    margin-left: 20%
  }

  .columns.is-offset-two-fifths-widescreen {
    margin-left: 40%
  }

  .columns.is-offset-three-fifths-widescreen {
    margin-left: 60%
  }

  .columns.is-offset-four-fifths-widescreen {
    margin-left: 80%
  }

  .columns.is-offset-1-widescreen {
    margin-left: 8.3333333333%
  }

  .columns.is-offset-2-widescreen {
    margin-left: 16.6666666667%
  }

  .columns.is-offset-3-widescreen {
    margin-left: 25%
  }

  .columns.is-offset-4-widescreen {
    margin-left: 33.3333333333%
  }

  .columns.is-offset-5-widescreen {
    margin-left: 41.6666666667%
  }

  .columns.is-offset-6-widescreen {
    margin-left: 50%
  }

  .columns.is-offset-7-widescreen {
    margin-left: 58.3333333333%
  }

  .columns.is-offset-8-widescreen {
    margin-left: 66.6666666667%
  }

  .columns.is-offset-9-widescreen {
    margin-left: 75%
  }

  .columns.is-offset-10-widescreen {
    margin-left: 83.3333333333%
  }

  .columns.is-offset-11-widescreen {
    margin-left: 91.6666666667%
  }

  .columns.is-offset-12-widescreen {
    margin-left: 100%
  }
}

@media screen and (min-width:1472px) {
  .columns.is-offset-three-quarters-fullhd {
    margin-left: 75%
  }

  .columns.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%
  }

  .columns.is-offset-half-fullhd {
    margin-left: 50%
  }

  .columns.is-offset-one-third-fullhd {
    margin-left: 33.3333%
  }

  .columns.is-offset-one-quarter-fullhd {
    margin-left: 25%
  }

  .columns.is-offset-one-fifth-fullhd {
    margin-left: 20%
  }

  .columns.is-offset-two-fifths-fullhd {
    margin-left: 40%
  }

  .columns.is-offset-three-fifths-fullhd {
    margin-left: 60%
  }

  .columns.is-offset-four-fifths-fullhd {
    margin-left: 80%
  }

  .columns.is-offset-1-fullhd {
    margin-left: 8.3333333333%
  }

  .columns.is-offset-2-fullhd {
    margin-left: 16.6666666667%
  }

  .columns.is-offset-3-fullhd {
    margin-left: 25%
  }

  .columns.is-offset-4-fullhd {
    margin-left: 33.3333333333%
  }

  .columns.is-offset-5-fullhd {
    margin-left: 41.6666666667%
  }

  .columns.is-offset-6-fullhd {
    margin-left: 50%
  }

  .columns.is-offset-7-fullhd {
    margin-left: 58.3333333333%
  }

  .columns.is-offset-8-fullhd {
    margin-left: 66.6666666667%
  }

  .columns.is-offset-9-fullhd {
    margin-left: 75%
  }

  .columns.is-offset-10-fullhd {
    margin-left: 83.3333333333%
  }

  .columns.is-offset-11-fullhd {
    margin-left: 91.6666666667%
  }

  .columns.is-offset-12-fullhd {
    margin-left: 100%
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .columns.is-flipped-touch {
    display: flex;
    flex-direction: column
  }

  .columns.is-flipped-touch>.column:first-child {
    order: 2
  }

  .columns.is-flipped-touch>.column:nth-child(2) {
    order: 1
  }
}

.columns.is-masonry {
  position: relative;
  flex-wrap: wrap
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .columns.is-masonry {
    height: 100% !important
  }
}

@media screen and (min-width:1088px) {
  .columns.is-masonry {
    flex-flow: column wrap;
    align-content: space-between;
    height: 15000px
  }

  .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n+1) {
    order: 1
  }

  .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n+2) {
    order: 2
  }

  .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n) {
    order: 3
  }

  .columns.is-masonry:after,
  .columns.is-masonry:before {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 2
  }
}

.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative
}

.hero.is-primary {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  color: #ffffff;
  color: var(--theme-primary-invert);
  outline-color: #ffffff;
  outline-color: var(--theme-primary-invert)
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-primary strong {
  color: inherit
}

.hero.is-primary .subtitle,
.hero.is-primary .title,
.hero.is-primary a:not(.button),
.hero.is-primary strong {
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.hero.is-secondary {
  background-color: #a2a2a2;
  background-color: var(--theme-secondary-base);
  color: #000000;
  color: var(--theme-secondary-invert);
  outline-color: #000000;
  outline-color: var(--theme-secondary-invert)
}

.hero.is-secondary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-secondary strong {
  color: inherit
}

.hero.is-secondary .subtitle,
.hero.is-secondary .title,
.hero.is-secondary a:not(.button),
.hero.is-secondary strong {
  color: #000000;
  color: var(--theme-secondary-invert)
}

.hero.is-tertiary {
  background-color: #243a5e;
  background-color: var(--theme-tertiary-base);
  color: #ffffff;
  color: var(--theme-tertiary-invert);
  outline-color: #ffffff;
  outline-color: var(--theme-tertiary-invert)
}

.hero.is-tertiary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-tertiary strong {
  color: inherit
}

.hero.is-tertiary .subtitle,
.hero.is-tertiary .title,
.hero.is-tertiary a:not(.button),
.hero.is-tertiary strong {
  color: #ffffff;
  color: var(--theme-tertiary-invert)
}

.hero.is-success {
  background-color: #107c10;
  background-color: var(--theme-success-base);
  color: #ffffff;
  color: var(--theme-success-invert);
  outline-color: #ffffff;
  outline-color: var(--theme-success-invert)
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-success strong {
  color: inherit
}

.hero.is-success .subtitle,
.hero.is-success .title,
.hero.is-success a:not(.button),
.hero.is-success strong {
  color: #ffffff;
  color: var(--theme-success-invert)
}

.hero.is-info {
  background-color: #8661c5;
  background-color: var(--theme-info-base);
  color: #ffffff;
  color: var(--theme-info-invert);
  outline-color: #ffffff;
  outline-color: var(--theme-info-invert)
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-info strong {
  color: inherit
}

.hero.is-info .subtitle,
.hero.is-info .title,
.hero.is-info a:not(.button),
.hero.is-info strong {
  color: #ffffff;
  color: var(--theme-info-invert)
}

.hero.is-warning {
  background-color: #ffb900;
  background-color: var(--theme-warning-base);
  color: #000000;
  color: var(--theme-warning-invert);
  outline-color: #000000;
  outline-color: var(--theme-warning-invert)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-warning strong {
  color: inherit
}

.hero.is-warning .subtitle,
.hero.is-warning .title,
.hero.is-warning a:not(.button),
.hero.is-warning strong {
  color: #000000;
  color: var(--theme-warning-invert)
}

.hero.is-danger {
  background-color: #a80000;
  background-color: var(--theme-danger-base);
  color: #ffffff;
  color: var(--theme-danger-invert);
  outline-color: #ffffff;
  outline-color: var(--theme-danger-invert)
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-danger strong {
  color: inherit
}

.hero.is-danger .subtitle,
.hero.is-danger .title,
.hero.is-danger a:not(.button),
.hero.is-danger strong {
  color: #ffffff;
  color: var(--theme-danger-invert)
}

.hero.is-small .hero-body {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem
}

@media print,
screen and (min-width:768px) {
  .hero.is-medium .hero-body {
    padding-bottom: 9rem;
    padding-top: 9rem
  }
}

@media print,
screen and (min-width:768px) {
  .hero.is-large .hero-body {
    padding-bottom: 18rem;
    padding-top: 18rem
  }
}

.hero.is-fullheight .hero-body,
.hero.is-halfheight {
  align-items: center;
  display: flex
}

.hero.is-fullheight .hero-body>.container,
.hero.is-halfheight>.container {
  flex-grow: 1;
  flex-shrink: 1
}

.hero.is-halfheight {
  min-height: 50vh
}

.hero.is-fullheight {
  min-height: 100vh
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .hero.has-overlap-bottom-mobile {
    padding-bottom: 220px;
    margin-bottom: -220px
  }
}

.hero .hero-buttons {
  margin-top: 1.5rem
}

.hero .hero-buttons .button {
  display: flex
}

.hero .hero-buttons .button:not(:last-child) {
  margin-bottom: .75rem
}

@media print,
screen and (min-width:768px) {
  .hero .hero-buttons .button {
    display: flex;
    justify-content: center
  }

  .hero .hero-buttons .button .button:not(:last-child) {
    margin-right: 1.5rem
  }
}

.hero .hero-foot,
.hero .hero-head {
  flex-grow: 0;
  flex-shrink: 0
}

.hero .hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  z-index: 1
}

.hero .hero-card {
  position: relative;
  z-index: 1;
  border: none;
  background-color: transparent;
  padding: 1rem
}

@media print,
screen and (min-width:768px) {
  .hero .hero-card {
    padding: 3rem
  }
}

@media screen and (min-width:1088px) {
  .hero .hero-card {
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid var(--theme-border);
    border-left: 1px solid #e6e6e6;
    border-left: 1px solid var(--theme-border);
    border-right: 1px solid #e6e6e6;
    border-right: 1px solid var(--theme-border);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
  }
}

.hero .hero-card.is-dark {
  color: #fff;
  outline-color: #ffffff;
  outline-color: var(--theme-text-invert)
}

@media screen and (min-width:1088px) {
  .hero .hero-card.is-dark {
    color: #ffffff;
    color: var(--theme-primary-invert);
    background-color: #2f2f2f;
    background-color: var(--theme-secondary-dark)
  }
}

.hero .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

html.obsolete-browser .hero .hero-background {
  display: none
}

.hero .hero-background img,
.hero .hero-background video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.hero .hero-background-image {
  position: absolute;
  top: 0;
  z-index: 0;
  overflow: hidden;
  width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),
screen and (max-width:1087px),
screen and (min-resolution:120dpi) and (max-width:1087.9px) {
  .hero .hero-background-image {
    bottom: 0
  }
}

@media print,
screen and (min-width:480px) {
  .hero .hero-background-image {
    max-height: 325px
  }
}

@media screen and (min-width:1088px) {
  .hero .hero-background-image {
    max-height: 500px
  }
}

.hero .hero-background-image img {
  width: auto;
  height: 100%;
  max-height: 100%;
  max-width: none
}

@media screen and (min-width:1088px) {
  .hero .hero-background-image img {
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .hero .hero-background-image img {
    margin-top: -5%
  }
}

.hero .hero-background-image svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: none
}

.hero .is-full-max-height {
  max-height: 100% !important
}

.section {
  padding: 3rem 1.5rem
}

@media screen and (min-width:1088px) {
  .section.is-uniform {
    padding: 3rem
  }

  .section.is-small {
    padding: 1.5rem 1.5rem
  }

  .section.is-small.is-uniform {
    padding: 1.5rem
  }

  .section.is-medium {
    padding: 9rem 1.5rem
  }

  .section.is-medium.is-uniform {
    padding: 9rem
  }

  .section.is-large {
    padding: 18rem 1.5rem
  }

  .section.is-large.is-uniform {
    padding: 18rem
  }
}

.level {
  align-items: center;
  justify-content: space-between
}

.level img {
  display: inline-block;
  vertical-align: top
}

.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex
}

.level.is-mobile .level-left+.level-right {
  margin-top: 0
}

.level.is-mobile .level-item {
  margin-right: .75rem
}

.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0
}

.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1
}

@media print,
screen and (min-width:768px) {
  .level {
    display: flex
  }

  .level>.level-item:not(.is-narrow) {
    flex-grow: 1
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center
}

.level-item .subtitle,
.level-item .title {
  margin-bottom: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .level-item:not(:last-child) {
    margin-bottom: .75rem
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1
}

@media print,
screen and (min-width:768px) {

  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: .75rem
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .level-left+.level-right {
    margin-top: 1.5rem
  }
}

@media print,
screen and (min-width:768px) {
  .level-left {
    display: flex
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end
}

@media print,
screen and (min-width:768px) {
  .level-right {
    display: flex
  }
}

@supports (display:grid) {
  .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-column-gap: 1rem;
    row-gap: 1rem;
    margin: 0;
    padding: 0
  }

  .grid>.grid-item {
    display: flex;
    align-content: stretch;
    align-items: stretch
  }

  .grid>.grid-item>* {
    width: 100%;
    height: 100%
  }

  .grid>.grid-item.is-decorative:last-child:nth-child(2n) {
    display: none !important
  }

  @media only screen and (min-width:628px) and (max-width:949px) {
    .grid>.grid-item.is-decorative:last-child:nth-child(2n) {
      display: flex !important
    }
  }

  .grid.is-horizontal {
    grid-template-columns: none;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: .5rem
  }

  .grid.is-2.is-mobile {
    grid-template-columns: 1fr 1fr !important
  }

  @media print,
  screen and (min-width:768px) {
    .grid.is-2 {
      grid-template-columns: repeat(auto-fit, minmax(290px, 1fr))
    }
  }

  @media screen and (min-width:1088px) {
    .grid.is-2 {
      grid-template-columns: repeat(2, 1fr)
    }
  }

  @media print,
  screen and (min-width:768px) {
    .grid.is-3 {
      grid-template-columns: repeat(auto-fit, minmax(25%, 1fr))
    }
  }

  @media screen and (min-width:1088px) {
    .grid.is-3-desktop {
      grid-template-columns: repeat(auto-fit, minmax(25%, 1fr))
    }
  }

  @media print,
  screen and (min-width:768px) {
    .grid.is-4 {
      grid-template-columns: repeat(auto-fit, minmax(20%, 1fr))
    }
  }

  .grid:not(.is-horizontal):not(.is-2):not(.single-item-stretch)>.grid-item:only-child {
    max-width: 308px
  }

  @media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
  screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
  screen and (min-width:768px) and (max-width:1087px) {
    .grid.has-min-width-170-tablet-only {
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr))
    }
  }

  .grid.is-fibonacci {
    grid-template-columns: 1fr
  }

  @media print,
  screen and (min-width:768px) {
    .grid.is-fibonacci {
      grid-template-columns: repeat(2, 1fr)
    }
  }

  @media screen and (min-width:1088px) {
    .grid.is-fibonacci {
      grid-template-columns: repeat(4, 1fr)
    }
  }

  .is-small {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
  }
}

html.obsolete-browser .grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none
}

html.obsolete-browser .grid.is-horizontal {
  flex-direction: column
}

html.obsolete-browser .grid.is-horizontal>.grid-item {
  width: 100%;
  margin-right: 0 !important;
  min-width: 0;
  max-width: 100% !important
}

html.obsolete-browser .grid>.grid-item {
  width: inherit;
  min-width: 256px;
  max-width: 308px;
  display: flex;
  align-content: stretch;
  align-items: stretch;
  margin-bottom: 1rem;
  margin-right: 1rem
}

html.obsolete-browser .grid>.grid-item>* {
  width: 100%;
  height: 100%
}

html.obsolete-browser .grid>.grid-item.is-decorative:last-child:nth-child(2n) {
  display: none !important
}

@media only screen and (min-width:628px) and (max-width:949px) {
  html.obsolete-browser .grid>.grid-item.is-decorative:last-child:nth-child(2n) {
    display: flex !important
  }
}

html.obsolete-browser .grid.is-2>.grid-item {
  width: 100%;
  max-width: calc(50% - 1rem)
}

html.obsolete-browser .grid.is-2.is-mobile .grid-item {
  flex: 1 1 45%;
  min-width: auto;
  max-width: none
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (min-width:768px) and (max-width:1087.9px),
screen and (min-resolution:120dpi) and (min-width:768px) and (max-width:1087.9px),
screen and (min-width:768px) and (max-width:1087px) {
  html.obsolete-browser .grid.has-min-width-170-tablet-only>.grid-item {
    min-width: 170px
  }
}

html.obsolete-browser .is-small .grid-item {
  max-width: 284px
}

[data-auth-status-determined=false] .auth-status-determined,
[data-auth-status-determined=true] .auth-status-awaiting {
  visibility: hidden !important
}

[data-authenticated=false] .authenticated,
[data-authenticated=true] .not-authenticated {
  display: none !important
}

.action-panel {
  display: none;
  position: fixed;
  bottom: 0;
  left: 100%;
  width: 100%;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border-left: 1px solid #e6e6e6;
  border-left: 1px solid var(--theme-border)
}

html.ap-layout-finished .ap-collapsed,
html:not(.ap-layout-finished) .ap-expanded,
html:not(.hasSidebar) .contents-button {
  display: none
}

html:not(.hasSidebar) .action-container-tablet {
  display: none !important
}

html.ap-layout-animates .content-header,
html:not(.ap-layout) .content-header .content-header-controls {
  display: none
}

html.ap-layout {
  overflow: hidden !important
}

html.ap-layout .action-panel {
  display: block
}

html.ap-layout-animates #affixed-left-container,
html.ap-layout-animates #main-column,
html.ap-layout-animates .action-panel,
html.ap-layout-animates .content-header,
html.ap-layout-animates .footerContainer,
html.ap-layout-animates .header-holder,
html.ap-layout-animates footer {
  transition-property: transform, opacity
}

html.ap-layout-animates #affixed-left-container,
html.ap-layout-animates .footerContainer,
html.ap-layout-animates .header-holder,
html.ap-layout-animates footer {
  transition-duration: .1s;
  transition-timing-function: ease-in
}

html.ap-layout-animates #main-column,
html.ap-layout-animates .action-panel,
html.ap-layout-animates .content-header {
  transition-duration: .1s;
  transition-timing-function: ease-out
}

@media print,
screen and (min-width:768px) {

  html.ap-layout-animates #main-column,
  html.ap-layout-animates .action-panel,
  html.ap-layout-animates .content-header {
    transition-delay: .1s
  }
}

html.ap-layout-in .action-panel {
  transform: translateX(-100%)
}

@media print,
screen and (min-width:768px) {

  html.ap-layout-in .footerContainer,
  html.ap-layout-in footer {
    transform: translateY(100%)
  }

  html.ap-layout-in .content-header {
    transform: translateY(-100px)
  }

  html.ap-layout-in #affixed-left-container {
    transform: translateX(-50vw) translateX(calc(-100% - 5vw))
  }

  html.ap-layout-in #main-column {
    transform: translate(-260px, -30px) translate(calc(-260px - 5vw), -30px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 24px;
    margin: 0
  }

  html.ap-layout-in #main-column main {
    margin: 0;
    padding: 0
  }

  html.ap-layout-in .action-panel {
    width: 50vw
  }
}

html.ap-layout-finished #affixed-left-container,
html.ap-layout-finished .footerContainer,
html.ap-layout-finished .right-container,
html.ap-layout-finished footer {
  display: none
}

html.ap-layout-finished .header-holder {
  display: flex;
  position: static;
  top: 0;
  right: 0;
  left: 0
}

html.ap-layout-finished .header-holder>:not(.content-header) {
  display: none
}

html.ap-layout-finished .header-holder .content-header {
  z-index: 3
}

html.ap-layout-finished .header-holder .content-header>:not(.content-header-controls) {
  display: none !important
}

html.ap-layout-finished #main-column {
  visibility: hidden
}

html.ap-layout-finished .content-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  max-width: 100%;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

@media print,
screen and (min-width:768px) {
  html.ap-layout-finished #main-column {
    visibility: visible;
    position: fixed;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    width: 50vw;
    margin: 0 !important;
    transform: none
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .content>.api-search-field {
    margin-bottom: 64px
  }
}

.api-search-field>label {
  position: relative;
  display: block;
  width: 100%
}

.api-search-field a {
  position: absolute;
  display: inline-block;
  top: 6px;
  right: 6px
}

html.apiBrowserPage .api-search-field a {
  top: 10px;
  right: 6px
}

.api-search-field a:before {
  display: inline-block;
  padding: 0 4px;
  font-family: docons;
  content: "\FF30";
  color: #505050;
  color: var(--theme-text-subtle)
}

.api-search-field input.empty+a {
  display: none
}

.api-search-field input {
  display: block;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 26px;
  font-size: .875rem;
  line-height: 1.8
}

html.apiBrowserPage .api-search-field input {
  height: 45px;
  padding-left: 12px;
  padding-right: 26px;
  font-size: 1rem
}

.api-search-quick-filter {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between
}

html:not(.has-moniker-or-term) .api-search-quick-filter {
  display: flex
}

.api-search-quick-filter>div,
.api-search-quick-filter h2 {
  flex-basis: 100%
}

@media print,
screen and (min-width:768px) {
  .api-search-quick-filter>div {
    flex-basis: calc(33.33333% - 16px)
  }
}

.api-search-results {
  table-layout: fixed;
  width: 100%
}

.api-search-results th {
  text-align: left
}

html:not(.apiBrowserPage) .api-search-results td,
html:not(.apiBrowserPage) .api-search-results th {
  margin: 0;
  padding: 6px 4px 6px 0;
  line-height: 18px;
  font-size: 14px
}

.api-search-results td>img {
  margin-bottom: -4px
}

.api-search-results td:first-child span {
  color: #505050;
  color: var(--theme-text-subtle)
}

.api-search-results td:nth-child(2),
.api-search-results th:nth-child(2) {
  display: none
}

@media print,
screen and (min-width:768px) {
  html.apiBrowserPage .api-search-results th:first-child {
    width: 30%
  }

  html.apiBrowserPage .api-search-results td:nth-child(2),
  html.apiBrowserPage .api-search-results th:nth-child(2) {
    display: table-cell
  }
}

.api-search-results-heading {
  display: none
}

@media print,
screen and (min-width:768px) {
  .api-search-results-heading {
    display: block;
    margin: 35px 0 20px
  }
}

.api-search-results-heading .moniker-version {
  font-size: 1rem;
  color: #505050;
  color: var(--theme-text-subtle)
}

@media print,
screen and (min-width:768px) {

  html:not(.apiBrowserPage) .content .api-search-field,
  html:not(.apiBrowserPage) .content .api-search-results-container {
    display: none
  }
}

.azure-auth {
  height: 100%;
  color: #171717;
  color: var(--theme-text);
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px
}

.azure-auth,
.azure-auth-step {
  display: flex;
  align-items: center;
  justify-content: center
}

.azure-auth-step {
  flex-direction: column
}

.azure-auth-step>* {
  margin: 0 0 16px
}

.azure-auth-step .c-progress {
  margin-top: 16px
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .azure-auth-step {
    align-self: flex-start
  }
}

.azure-auth-tokens {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  list-style-type: none;
  overflow-y: auto;
  width: 100%
}

.azure-auth-token {
  display: block;
  width: 100%;
  padding: 10px 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: transparent;
  border: none
}

.azure-auth-token>span {
  display: block
}

.azure-auth-token>span:last-child {
  font-size: 80%
}

.azure-auth-token.focus-visible,
.azure-auth-token:hover {
  color: #fff;
  background-color: #005ba1
}

.azureselector label {
  position: relative;
  float: left;
  height: 28px;
  margin-right: .6em;
  font-size: .6em;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: .5px;
  vertical-align: middle;
  color: #171717;
  color: var(--theme-text)
}

.azureselector>div {
  display: inline-block;
  margin-right: 20px
}

.op_multi_selector,
.op_single_selector,
.sxs-lookup {
  display: none
}

.user-comments .comment-body>p {
  margin-top: 0
}

.user-comments ul li {
  list-style-position: inside
}

.c-progress {
  min-height: 50px
}

progress.c-progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  min-width: 296px;
  height: 4px
}

progress.c-progress::-webkit-progress-bar {
  background-color: rgba(0, 0, 0, .2)
}

progress.c-progress::-webkit-progress-value {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

progress.c-progress::-moz-progress-bar {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

progress.c-progress>[role=progressbar] {
  display: block;
  position: relative;
  background-color: rgba(0, 0, 0, .2);
  min-width: 296px;
  width: 100%;
  height: 4px
}

progress.c-progress>[role=progressbar]>span {
  display: block;
  position: relative;
  height: 100%;
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  color: #0078d4;
  color: var(--theme-primary-base)
}

.c-progress {
  display: block;
  margin-top: 12px
}

@media screen and (-ms-high-contrast) {

  .c-progress.f-indeterminate-local span:after,
  .c-progress.f-indeterminate-regional span:after {
    background-color: #ffffff;
    background-color: var(--theme-body-background)
  }
}

@media screen and (-ms-high-contrast:black-on-white) {

  .c-progress.f-indeterminate-local span:after,
  .c-progress.f-indeterminate-regional span:after {
    background-color: #171717;
    background-color: var(--theme-text)
  }
}

.c-progress.f-indeterminate-regional {
  position: relative;
  min-width: 296px;
  width: 100%
}

.c-progress.f-indeterminate-regional span {
  position: absolute;
  display: inline-block;
  opacity: 0;
  -webkit-animation: dots 4s infinite;
  animation: dots 4s infinite
}

.c-progress.f-indeterminate-regional span:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  width: 5px;
  height: 5px;
  border-radius: 50%
}

.c-progress.f-indeterminate-regional span:first-child {
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms
}

.c-progress.f-indeterminate-regional span:first-child:after {
  left: -10px
}

.c-progress.f-indeterminate-regional span:nth-child(2) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.c-progress.f-indeterminate-regional span:nth-child(2):after {
  left: -20px
}

.c-progress.f-indeterminate-regional span:nth-child(3) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s
}

.c-progress.f-indeterminate-regional span:nth-child(3):after {
  left: -30px
}

.c-progress.f-indeterminate-regional span:nth-child(4) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.c-progress.f-indeterminate-regional span:nth-child(4):after {
  left: -40px
}

.c-progress.f-indeterminate-regional span:nth-child(5) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}

.c-progress.f-indeterminate-regional span:nth-child(5):after {
  left: -50px
}

.c-progress.f-indeterminate-local {
  position: relative
}

.c-progress.f-indeterminate-local span {
  position: absolute;
  transform: rotate(225deg);
  -webkit-animation: orbit 5.5s infinite;
  animation: orbit 5.5s infinite
}

.c-progress.f-indeterminate-local span:after {
  content: "";
  position: absolute;
  border-radius: 100%;
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

.c-progress.f-indeterminate-local span:nth-child(2) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s
}

.c-progress.f-indeterminate-local span:nth-child(3) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s
}

.c-progress.f-indeterminate-local span:nth-child(4) {
  -webkit-animation-delay: .72s;
  animation-delay: .72s
}

.c-progress.f-indeterminate-local span:nth-child(5) {
  -webkit-animation-delay: .96s;
  animation-delay: .96s
}

.c-progress.f-indeterminate-local.f-progress-large,
.c-progress.f-indeterminate-local.f-progress-large span {
  width: 60px;
  height: 60px
}

.c-progress.f-indeterminate-local.f-progress-large span:after {
  width: 6px;
  height: 6px
}

.c-progress.f-indeterminate-local.f-progress-small {
  width: 20px;
  height: 20px
}

.c-progress.f-indeterminate-local.f-progress-small span {
  width: 25px;
  height: 25px
}

.c-progress.f-indeterminate-local.f-progress-small span:after {
  width: 3px;
  height: 3px
}

.lang-toggle-container {
  display: none;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  color: #171717;
  color: var(--theme-text)
}

.lang-toggle-container>label {
  padding-right: 8px
}

.checkbox-toggle-container {
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  color: #171717;
  color: var(--theme-text)
}

.checkbox-toggle-container>label {
  padding-right: 8px
}

.checkbox-toggle-wrapper {
  margin: 0 0 0 8px;
  display: flex
}

.checkbox-toggle-wrapper label.switch {
  order: 1;
  margin-left: 1px;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  cursor: pointer;
  display: block;
  border: 1px solid #171717;
  border: 1px solid var(--theme-text);
  border-radius: 12px;
  width: 44px;
  height: 16px;
  transition: .2s ease-in
}

@media screen and (min-width:1195px) {
  .checkbox-toggle-wrapper label.switch {
    order: 3
  }
}

.checkbox-toggle-wrapper label.switch:after {
  transition: .4s cubic-bezier(.01, 1.23, .58, .96);
  border-radius: 50%;
  transform: translate(3px, 3px);
  width: 8px;
  height: 8px;
  background-color: #171717;
  background-color: var(--theme-text);
  display: block;
  content: ""
}

body[dir=rtl] .checkbox-toggle-wrapper label.switch:after {
  transform: translate(-3px, 3px)
}

.checkbox-toggle-wrapper input[type=checkbox]:checked+label.switch {
  background-color: #0078d4;
  background-color: var(--theme-primary-base);
  border: 1px solid #0078d4;
  border: 1px solid var(--theme-primary-base)
}

.checkbox-toggle-wrapper input[type=checkbox]:checked+label.switch:after {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  transform: translate(31px, 3px)
}

body[dir=rtl] .checkbox-toggle-wrapper input[type=checkbox]:checked+label.switch:after {
  transform: translate(-31px, 3px)
}

.checkbox-toggle-wrapper input[type=checkbox] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  height: 0;
  width: 0;
  order: 2
}

.cols {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.cols>* {
  box-sizing: content-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  list-style: none;
  margin-top: 24px
}

.cols.noSpace>* {
  margin-top: 0
}

@media only screen and (min-width:925px) {

  .cols.cols2>*,
  .cols.cols3>*,
  .cols.cols4>* {
    flex-basis: calc(50% - 12px)
  }

  .cols.cols3.discrete>* {
    flex-basis: 100%
  }
}

@media only screen and (min-width:1024px) {

  .cols.cols3.discrete>*,
  .cols.cols3>* {
    flex-basis: calc(33.33333% - 16px)
  }

  .cols.cols3>:last-child:nth-child(3n-4) {
    margin-right: calc(33.33333% + 8px)
  }

  .cols.cols4>:last-child:nth-child(4n-6) {
    margin-right: calc(50% + 12px)
  }

  .cols.cols4>:last-child:nth-child(4n-5) {
    margin-right: calc(25% + 6px)
  }
}

@media only screen and (min-width:1280px) {
  .cols.cols4>* {
    flex-basis: calc(25% - 18px)
  }
}

.content .row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px
}

@media only screen and (min-width:925px) {
  .content .row {
    flex-wrap: nowrap
  }
}

.content .row>.column {
  display: block;
  box-sizing: border-box;
  flex: 0 1 100%;
  width: 100%;
  overflow-x: auto
}

.content .row>.column a:not([class])[href*="//"]:not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="startups.microsoft.com"]):not([href*="rd.microsoft.com"]):not([href*="developer.microsoft.com"]):not([href*="localhost:"]):after {
  display: none !important
}

.content .row>.column>* {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  box-sizing: border-box
}

.content .row>.column .codeHeader,
.content .row>.column pre,
.content .row>.column pre>code {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0
}

.content .row>.column ol,
.content .row>.column ul {
  box-sizing: border-box;
  margin: 0;
  margin-left: 38px;
  max-width: calc(100% - 38px)
}

.content .row>.column ol li,
.content .row>.column ul li {
  word-wrap: break-word;
  word-break: break-word
}

@media only screen and (min-width:925px) {
  .content .row>.column {
    flex-basis: calc(25% - 8px);
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 12px
  }

  .content .row>.column:last-child {
    margin-right: 0
  }

  .content .row>.column.span2 {
    width: 50%;
    flex-grow: 2;
    flex-shrink: 1;
    flex-basis: 50%
  }

  .content .row>.column.span3 {
    flex-shrink: 1;
    flex-grow: 3;
    flex-basis: 75%
  }
}

.content-header {
  margin: 0;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .content-header {
    padding: 0
  }
}

@media print,
screen and (min-width:768px) {
  .content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0
  }
}

html.ap-layout-finished .content-header {
  display: flex;
  flex-wrap: wrap
}

.content-header-controls {
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap
}

@media print,
screen and (min-width:768px) {
  .content-header-controls {
    display: none
  }
}

html.ap-layout-finished .content-header-controls {
  display: flex;
  margin: 8px;
  width: auto
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  html.ap-layout-finished .content-header-controls {
    margin: 4px;
    padding-left: 0;
    padding-right: 0
  }

  html.ap-layout-finished .content-header-controls button {
    flex-grow: 1;
    margin-bottom: 4px
  }
}

.doc-outline h3 {
  font-size: 1rem;
  margin: 0;
  margin-top: 16px
}

@media screen and (min-width:1088px) {
  .doc-outline h3 {
    margin-top: 0
  }
}

.doc-outline h3:last-child {
  display: none
}

.doc-outline ol {
  margin: 10px 0 0;
  list-style-type: none
}

.doc-outline ol li {
  list-style: none
}

.doc-outline li {
  line-height: 1.3;
  font-size: .875rem;
  padding: 2px 0;
  padding-left: 7px;
  margin: 4px 0
}

.doc-outline li.selected {
  text-shadow: .3px 0 0 currentColor;
  border-color: #0078d4;
  border-color: var(--theme-primary-base);
  padding-left: 4px;
  border-left: 3px solid #0078d4;
  border-left: 3px solid var(--theme-primary-base)
}

.doc-outline a:visited {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.dotnet-online {
  height: 100%
}

.dotnet-online-loader {
  display: inline-block;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%)
}

.dotnet-online-editor-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto
}

.dotnet-online-header {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

.dotnet-online-header h3 {
  flex-grow: 1;
  margin: .25em 1em;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  cursor: default
}

.dotnet-online-editor {
  flex-grow: 1;
  flex-shrink: 1;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

.dotnet-online-output {
  height: 25%;
  margin: 0;
  padding: 1em;
  border: none;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: pre-wrap;
  word-wrap: break-word
}

.dotnet-online-service-unavailable {
  padding: 1em;
  font-size: 1rem
}

.hubpage .card,
.landingpage .card {
  display: block;
  width: inherit;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  padding: 6px 12px 6px 12px;
  box-shadow: 0 2px 5px #e6e6e6;
  box-shadow: 0 2px 5px var(--theme-border);
  color: #171717;
  color: var(--theme-text)
}

.hubpage .card:active,
.hubpage .card:hover,
.landingpage .card:active,
.landingpage .card:hover {
  border: 1px solid #0078d4;
  border: 1px solid var(--theme-primary-base)
}

.hubpage .card a,
.landingpage .card a {
  text-decoration: none
}

.hubpage .card .likeAnH3,
.hubpage .card h3,
.landingpage .card .likeAnH3,
.landingpage .card h3 {
  font-size: 1rem;
  margin: 0;
  line-height: 1.125
}

.hubpage .card .likeAnH3,
.landingpage .card .likeAnH3 {
  display: block
}

.hubpage .card p,
.landingpage .card p {
  font-size: .9375rem;
  line-height: 1.33;
  margin: 6px 0 0;
  padding: 0
}

.hubpage a .card:active .likeAnH3,
.hubpage a .card:active h3,
.hubpage a .card:hover .likeAnH3,
.hubpage a .card:hover h3,
.landingpage a .card:active .likeAnH3,
.landingpage a .card:active h3,
.landingpage a .card:hover .likeAnH3,
.landingpage a .card:hover h3 {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.hubpage .card .likeAnH3 a:active,
.hubpage .card .likeAnH3 a:hover,
.hubpage .card h3 a:active,
.hubpage .card h3 a:hover,
.hubpage a .card:active .likeAnH3:active,
.hubpage a .card:active h3:active,
.hubpage a .card:hover .likeAnH3:hover,
.hubpage a .card:hover h3:hover,
.landingpage .card .likeAnH3 a:active,
.landingpage .card .likeAnH3 a:hover,
.landingpage .card h3 a:active,
.landingpage .card h3 a:hover,
.landingpage a .card:active .likeAnH3:active,
.landingpage a .card:active h3:active,
.landingpage a .card:hover .likeAnH3:hover,
.landingpage a .card:hover h3:hover {
  text-decoration: underline
}

.hubpage .cardPadding,
.landingpage .cardPadding {
  padding: 4px 12px 22px 12px
}

.hubpage .cardSize,
.landingpage .cardSize {
  width: 100%;
  overflow: hidden
}

.hubpage .cardScaleImage,
.landingpage .cardScaleImage {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  height: 100%;
  width: 100%
}

.hubpage .cardText a,
.hubpage .cardText a:visited,
.landingpage .cardText a,
.landingpage .cardText a:visited {
  color: #171717;
  color: var(--theme-text);
  text-decoration: none
}

.hubpage .cardText a:active,
.hubpage .cardText a:hover,
.hubpage a .card:active .cardText,
.hubpage a .card:hover .cardText,
.landingpage .cardText a:active,
.landingpage .cardText a:hover,
.landingpage a .card:active .cardText,
.landingpage a .card:hover .cardText {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.hubpage .cardText .likeAnH3 a:active,
.hubpage .cardText .likeAnH3 a:hover,
.hubpage .cardText h3 a:active,
.hubpage .cardText h3 a:hover,
.landingpage .cardText .likeAnH3 a:active,
.landingpage .cardText .likeAnH3 a:hover,
.landingpage .cardText h3 a:active,
.landingpage .cardText h3 a:hover {
  color: #0078d4;
  color: var(--theme-primary-base);
  text-decoration: underline
}

.hubpage .cardText .cols>*,
.landingpage .cardText .cols>* {
  margin: 0
}

.hubpage .cardsA .cardSize,
.landingpage .cardsA .cardSize {
  min-width: 260px
}

.hubpage .cardsA .card,
.landingpage .cardsA .card {
  min-height: 176px
}

.hubpage .cardsA .cardImageOuter,
.landingpage .cardsA .cardImageOuter {
  width: 100%
}

.hubpage .cardsA .cardImage,
.landingpage .cardsA .cardImage {
  width: 64px;
  height: 64px;
  margin: 0 auto 8px
}

.hubpage .cardsA a:hover,
.landingpage .cardsA a:hover {
  text-decoration: none
}

.hubpage ul.panelContent.cardsB>li,
.landingpage ul.panelContent.cardsB>li {
  flex: 0 1 100%
}

.hubpage .cardsB .cardSize,
.landingpage .cardsB .cardSize {
  min-width: 260px
}

.hubpage .cardsB .cardPadding,
.landingpage .cardsB .cardPadding {
  padding: 0 18px 22px 12px
}

.hubpage .cardsB .card,
.landingpage .cardsB .card {
  padding: 0 0 6px;
  box-shadow: none;
  border: 0
}

.theme-dark .hubpage .cardsB .card,
.theme-dark .landingpage .cardsB .card {
  box-shadow: none;
  border: 0
}

.hubpage .cardsB .card h3 a,
.landingpage .cardsB .card h3 a {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.hubpage .cardsB .cardImageOuter,
.landingpage .cardsB .cardImageOuter {
  float: left
}

.hubpage .cardsB .cardImage,
.landingpage .cardsB .cardImage {
  width: 48px;
  overflow: hidden;
  margin: 0 auto
}

.hubpage .cardsB .cardText,
.landingpage .cardsB .cardText {
  padding-left: 60px;
  font-size: 14px;
  line-height: 23px
}

.hubpage .cardsB a:hover,
.landingpage .cardsB a:hover {
  text-decoration: underline
}

.hubpage .cardsC .cardSize,
.landingpage .cardsC .cardSize {
  min-width: 260px
}

.hubpage .cardsC .card,
.landingpage .cardsC .card {
  padding: 0 0 6px;
  min-height: 250px
}

.hubpage .cardsC .cardImageOuter,
.landingpage .cardsC .cardImageOuter {
  width: 100%;
  height: 140px;
  overflow: hidden
}

.hubpage .cardsC .cardImage img,
.landingpage .cardsC .cardImage img {
  padding: 0;
  width: 100%;
  max-width: 400px;
  margin: auto;
  display: block
}

.hubpage .cardsC .cardText,
.landingpage .cardsC .cardText {
  padding: 6px 12px 0 12px
}

.hubpage .cardsC a:hover,
.landingpage .cardsC a:hover {
  text-decoration: none
}

.hubpage ul.panelContent.cardsD>li,
.landingpage ul.panelContent.cardsD>li {
  flex: 0 1 25%
}

.hubpage .cardsD .cardText a,
.hubpage .cardsD .cardText a:visited,
.landingpage .cardsD .cardText a,
.landingpage .cardsD .cardText a:visited {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.hubpage .cardsD .cardText a:hover,
.landingpage .cardsD .cardText a:hover {
  text-decoration: underline
}

.hubpage .cardsD .card,
.landingpage .cardsD .card {
  box-shadow: none;
  border: 0;
  padding: 0
}

.theme-dark .hubpage .cardsD .card,
.theme-dark .landingpage .cardsD .card {
  box-shadow: none;
  border: 0
}

.hubpage .cardsD .card h3,
.landingpage .cardsD .card h3 {
  font-size: 1.188rem
}

.hubpage .cardsD .card p,
.landingpage .cardsD .card p {
  font-size: 1rem;
  margin: 10px 0 0
}

.hubpage .cardsE .cardSize,
.landingpage .cardsE .cardSize {
  min-width: 260px
}

.hubpage .cardsE .card,
.landingpage .cardsE .card {
  height: 180px;
  padding: 0;
  padding-left: 12px;
  box-shadow: none;
  border: 0;
  border-left: 2px solid #e6e6e6;
  border-left: 2px solid var(--theme-border)
}

.hubpage .cardsE .card:hover a,
.landingpage .cardsE .card:hover a {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.hubpage .cardsE .cardImageOuter,
.landingpage .cardsE .cardImageOuter {
  width: 100%
}

.hubpage .cardsE .cardImage,
.landingpage .cardsE .cardImage {
  width: 68px;
  height: 68px;
  margin: 0 0 8px
}

.hubpage .cardsE a:hover,
.landingpage .cardsE a:hover {
  text-decoration: underline
}

.hubpage .cardsF .cardSize,
.landingpage .cardsF .cardSize {
  min-width: 260px
}

.hubpage .cardsF .card,
.landingpage .cardsF .card {
  padding: 0 0 6px;
  box-shadow: none;
  border: 0;
  display: flex;
  overflow: visible
}

html.theme-dark .hubpage .cardsF .card,
html.theme-dark .landingpage .cardsF .card {
  box-shadow: none;
  border: 0
}

.hubpage .cardsF .cardImageOuter,
.landingpage .cardsF .cardImageOuter {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 12px
}

.hubpage .cardsF .cardImage,
.landingpage .cardsF .cardImage {
  width: 64px;
  overflow: hidden
}

.hubpage .cardsF .cardText,
.landingpage .cardsF .cardText {
  flex-grow: 1;
  flex-shrink: 1
}

.hubpage .cardsF .cardText a,
.landingpage .cardsF .cardText a {
  text-decoration: none
}

.hubpage .cardsF .cardText a:hover,
.landingpage .cardsF .cardText a:hover {
  text-decoration: underline;
  color: #0078d4;
  color: var(--theme-primary-base)
}

.hubpage .cardsFTitle .cardSize,
.landingpage .cardsFTitle .cardSize {
  min-width: 260px
}

.hubpage .cardsFTitle .card,
.landingpage .cardsFTitle .card {
  padding-right: 6px;
  padding-left: 6px;
  box-shadow: none;
  border: 0
}

.hubpage .cardsFTitle .cardImageOuter,
.landingpage .cardsFTitle .cardImageOuter {
  float: left
}

.hubpage .cardsFTitle .cardImage,
.landingpage .cardsFTitle .cardImage {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 2px
}

.hubpage .cardsFTitle .cardText,
.landingpage .cardsFTitle .cardText {
  padding-left: 62px
}

.hubpage .cardsFTitle .cardText .likeAnH3,
.hubpage .cardsFTitle .cardText h3,
.landingpage .cardsFTitle .cardText .likeAnH3,
.landingpage .cardsFTitle .cardText h3 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25
}

.hubpage .cardsFTitle .cardText a,
.landingpage .cardsFTitle .cardText a {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.hubpage .cardsFTitle .cardText p,
.landingpage .cardsFTitle .cardText p {
  display: none
}

.hubpage .cardsG .cardSize,
.landingpage .cardsG .cardSize {
  min-width: 260px
}

.hubpage .cardsG .card,
.landingpage .cardsG .card {
  padding: 0 0 6px;
  box-shadow: none;
  border: 0
}

html.theme-dark .hubpage .cardsG .card,
html.theme-dark .landingpage .cardsG .card {
  box-shadow: none;
  border: 0
}

.hubpage .cardsG .card:hover a,
.landingpage .cardsG .card:hover a {
  color: #0078d4;
  color: var(--theme-primary-base)
}

.hubpage .cardsG .cardImageOuter,
.landingpage .cardsG .cardImageOuter {
  float: left
}

.hubpage .cardsG .cardImage,
.landingpage .cardsG .cardImage {
  width: 150px;
  height: 105px;
  overflow: hidden;
  margin: 0 auto 8px
}

.hubpage .cardsG .cardImage img,
.landingpage .cardsG .cardImage img {
  width: 100%
}

.hubpage .cardsG a:hover,
.landingpage .cardsG a:hover {
  text-decoration: underline
}

.hubpage .cardsG .cardText,
.landingpage .cardsG .cardText {
  padding-left: 162px
}

@media only screen and (min-width:1024px) {

  .hubpage ul.panelContent.cardsG>li,
  .landingpage ul.panelContent.cardsG>li {
    flex: 0 1 50%
  }
}

.hubpage ul.panelContent.cardsH>li,
.landingpage ul.panelContent.cardsH>li {
  flex: 0 1 50%
}

.hubpage .cardsH .cardPadding,
.landingpage .cardsH .cardPadding {
  padding: 0 24px 24px 0
}

.hubpage .cardsH .card,
.landingpage .cardsH .card {
  border: 0;
  box-shadow: unset
}

.hubpage .cardsH .cardImageOuter,
.landingpage .cardsH .cardImageOuter {
  width: 100%;
  overflow: hidden
}

.hubpage .cardsH .cardImage img,
.landingpage .cardsH .cardImage img {
  height: 220px;
  width: 100%;
  max-width: 500px;
  display: block;
  margin: 0 auto
}

.hubpage .cardsH .cardText,
.landingpage .cardsH .cardText {
  margin-top: 18px
}

.hubpage .cardsH .cardText p,
.landingpage .cardsH .cardText p {
  line-height: 1.6
}

.hubpage .cardsH a:hover,
.landingpage .cardsH a:hover {
  text-decoration: none
}

.hubpage ul.panelContent.cardsI>li,
.landingpage ul.panelContent.cardsI>li {
  flex: 0 1 50%
}

.hubpage .cardsI .cardPadding,
.landingpage .cardsI .cardPadding {
  padding: 0 24px 64px 0
}

.hubpage .cardsI .card,
.landingpage .cardsI .card {
  border: 0;
  box-shadow: unset
}

.hubpage .cardsI .cardImageOuter,
.landingpage .cardsI .cardImageOuter {
  float: left
}

.hubpage .cardsI .cardImage,
.landingpage .cardsI .cardImage {
  width: 80px;
  height: 80px;
  margin: 0 auto 8px
}

.hubpage .cardsI .cardText,
.landingpage .cardsI .cardText {
  padding-left: 98px
}

.hubpage .cardsI .cardText p,
.landingpage .cardsI .cardText p {
  line-height: 1.6
}

.hubpage .cardsI a:hover,
.landingpage .cardsI a:hover {
  text-decoration: none
}

.hubpage .cardsI+hr,
.landingpage .cardsI+hr {
  margin-top: 0
}

.hubpage ul.panelContent.cardsJ>li,
.landingpage ul.panelContent.cardsJ>li {
  flex: 0 1 100%
}

.hubpage .cardsJ .cardPadding,
.landingpage .cardsJ .cardPadding {
  padding: 0 24px 46px 0
}

.hubpage .cardsJ .card,
.landingpage .cardsJ .card {
  border: 0;
  box-shadow: unset
}

.hubpage .cardsJ .cardImageOuter,
.landingpage .cardsJ .cardImageOuter {
  float: left
}

.hubpage .cardsJ .cardImage,
.landingpage .cardsJ .cardImage {
  width: 80px;
  height: 80px;
  margin: 0 auto 8px
}

.hubpage .cardsJ .cardText,
.landingpage .cardsJ .cardText {
  padding-left: 98px
}

.hubpage .cardsJ .cardText p,
.landingpage .cardsJ .cardText p {
  line-height: 1.6
}

.hubpage .cardsJ a:hover,
.landingpage .cardsJ a:hover {
  text-decoration: none
}

.hubpage .cardsJ+hr,
.landingpage .cardsJ+hr {
  margin-top: 0
}

.hubpage .cardsK .cardPadding,
.landingpage .cardsK .cardPadding {
  padding: 0 24px 24px 0
}

.hubpage .cardsK .card,
.landingpage .cardsK .card {
  border: 0;
  box-shadow: unset
}

.hubpage .cardsK .cardImageOuter,
.landingpage .cardsK .cardImageOuter {
  height: 140px;
  overflow: hidden
}

.hubpage .cardsK .cardImage img,
.landingpage .cardsK .cardImage img {
  height: 140px;
  width: 100%;
  display: block;
  margin: 0 auto
}

.hubpage .cardsK .cardText,
.landingpage .cardsK .cardText {
  margin-top: 18px
}

.hubpage .cardsK .cardText p,
.landingpage .cardsK .cardText p {
  line-height: 1.6
}

.hubpage .cardsK a:hover,
.landingpage .cardsK a:hover {
  text-decoration: none
}

.hubpage .cardsL .cardPadding,
.landingpage .cardsL .cardPadding {
  padding: 0
}

.hubpage .cardsL .card,
.landingpage .cardsL .card {
  border: 0;
  box-shadow: unset;
  padding-bottom: 54px
}

.hubpage .cardsL .cardText,
.landingpage .cardsL .cardText {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap
}

.hubpage .cardsL h3,
.landingpage .cardsL h3 {
  border-bottom: 1px solid #e6e6e6;
  border-bottom: solid 1px var(--theme-border);
  font-size: 1.75rem;
  margin-bottom: 8px;
  padding-bottom: 8px;
  flex: 1 1 100%;
  overflow: hidden
}

.hubpage .cardsL h4,
.landingpage .cardsL h4 {
  flex: 1 1 100%;
  margin-bottom: 0;
  margin-top: 8px;
  overflow: hidden
}

.hubpage .cardsL .ico48Link,
.landingpage .cardsL .ico48Link {
  flex: 1 1 33%;
  max-width: 33%
}

.hubpage .cardsM,
.landingpage .cardsM {
  margin: 0 !important
}

.hubpage .cardsM .card,
.landingpage .cardsM .card {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  padding: 12px
}

.hubpage .cardsM .card:hover,
.landingpage .cardsM .card:hover {
  text-decoration: none
}

.hubpage .cardsM .cardImage,
.landingpage .cardsM .cardImage {
  flex-grow: 0;
  flex-shrink: 0;
  width: 36px !important;
  height: 36px !important;
  margin-right: 12px
}

.hubpage .cardsM .cardText,
.landingpage .cardsM .cardText {
  flex-grow: 1;
  color: #171717;
  color: var(--theme-text)
}

.hubpage .cardsM .cardText>:first-child,
.landingpage .cardsM .cardText>:first-child {
  margin-top: 0;
  color: #171717;
  color: var(--theme-text)
}

.hubpage .cardsM .cardText>:only-child,
.landingpage .cardsM .cardText>:only-child {
  font-weight: 400
}

.hubpage .cardsW .card,
.landingpage .cardsW .card {
  box-shadow: none;
  border: 0;
  padding: 0
}

.theme-dark .hubpage .cardsW .card,
.theme-dark .landingpage .cardsW .card {
  box-shadow: none;
  border: 0
}

.hubpage .cardsW .cardImage,
.landingpage .cardsW .cardImage {
  display: block;
  width: 100%
}

.hubpage .cardsW .card .likeAnH3,
.hubpage .cardsW .card h3,
.landingpage .cardsW .card .likeAnH3,
.landingpage .cardsW .card h3 {
  font-size: 1.188rem
}

.hubpage .cardsW .card p,
.landingpage .cardsW .card p {
  font-size: 1rem;
  margin: 10px 0 0
}

.hubpage .noTouch .cardsX .card:active,
.hubpage .noTouch .cardsX .card:hover,
.landingpage .noTouch .cardsX .card:active,
.landingpage .noTouch .cardsX .card:hover {
  border-color: transparent
}

.hubpage .cardsX .cardSize,
.landingpage .cardsX .cardSize {
  position: relative
}

.hubpage .cardsX .card,
.landingpage .cardsX .card {
  min-height: 92px;
  padding: 0
}

.hubpage .cardsX .cardImageOuter,
.landingpage .cardsX .cardImageOuter {
  margin: 0
}

.hubpage .cardsX .cardImage,
.landingpage .cardsX .cardImage {
  width: 300px;
  height: 92px;
  margin: auto
}

.hubpage .cardsX .card .likeAnH3,
.hubpage .cardsX .card h3,
.hubpage .cardsX .cardText,
.landingpage .cardsX .card .likeAnH3,
.landingpage .cardsX .card h3,
.landingpage .cardsX .cardText {
  display: none
}

@media only screen and (min-width:769px) {

  .hubpage .cardsX>li,
  .landingpage .cardsX>li {
    margin-bottom: 32px
  }
}

.hubpage .cardsY .card,
.landingpage .cardsY .card {
  padding: 6px
}

.hubpage .cardsY .cardImageOuter,
.landingpage .cardsY .cardImageOuter {
  float: left;
  margin: 6px 0 6px 4px
}

.hubpage .cardsY .cardImage,
.landingpage .cardsY .cardImage {
  width: 50px;
  height: 50px
}

.hubpage .cardsY .cardImage img,
.landingpage .cardsY .cardImage img {
  max-width: 50px;
  max-height: 50px
}

.hubpage .cardsY .cardText,
.landingpage .cardsY .cardText {
  padding-left: 64px;
  margin-top: 12px
}

.hubpage .cardsY .card p,
.landingpage .cardsY .card p {
  font-size: .875rem;
  margin: 0
}

.hubpage .cardsY a:hover,
.landingpage .cardsY a:hover {
  text-decoration: none
}

.hubpage .cardsZ .cardImageOuter,
.landingpage .cardsZ .cardImageOuter {
  display: none
}

.hubpage .cardsZ .card,
.landingpage .cardsZ .card {
  min-height: 116px;
  padding-top: 24px
}

.hubpage ul.panelContent.directory>li,
.landingpage ul.panelContent.directory>li {
  float: left;
  width: 50%
}

.hubpage ul.panelContent.directory>li>.group,
.landingpage ul.panelContent.directory>li>.group {
  float: left;
  min-width: 240px;
  width: 50%
}

.hubpage .directory .likeAnH3,
.hubpage .directory h3,
.landingpage .directory .likeAnH3,
.landingpage .directory h3 {
  margin-top: 4px
}

.hubpage .directory>main li ul,
.landingpage .directory>main li ul {
  list-style-type: none;
  margin-bottom: 32px
}

.hubpage ul.panelContent.directory>li ul img,
.landingpage ul.panelContent.directory>li ul img {
  float: left;
  height: 24px;
  width: 24px
}

@media only screen and (min-width:1024px) {

  .hubpage .panelItem>ul.panelContent.directory>li,
  .landingpage .panelItem>ul.panelContent.directory>li {
    flex: 0 1 50%
  }
}

.hubpage ul.panelContent.directory>li ul a,
.landingpage ul.panelContent.directory>li ul a {
  color: #505050;
  color: var(--theme-text-subtle)
}

.hubpage .group li p,
.landingpage .group li p {
  margin-left: 36px;
  color: #505050;
  color: var(--theme-text-subtle)
}

.hubpage .group li:active p,
.hubpage .group li:hover p,
.landingpage .group li:active p,
.landingpage .group li:hover p {
  color: #0078d4;
  color: var(--theme-primary-base);
  text-decoration: underline
}

.hubpage .ico48Link,
.hubpage .ico64Link,
.landingpage .ico48Link,
.landingpage .ico64Link {
  display: inline-block;
  font-size: .9375rem;
  margin-top: 10px;
  margin-bottom: 8px;
  text-align: center
}

.hubpage .ico48Link h3,
.hubpage .ico64Link h3,
.landingpage .ico48Link h3,
.landingpage .ico64Link h3 {
  margin-bottom: 12px;
  margin-top: 0
}

.hubpage .ico48Link img,
.landingpage .ico48Link img {
  height: 48px;
  width: 48px
}

.hubpage .ico64Link img,
.landingpage .ico64Link img {
  height: 64px;
  width: 64px
}

.hubpage .ico48Link span,
.hubpage .ico64Link span,
.landingpage .ico48Link span,
.landingpage .ico64Link span {
  display: block
}

.hubpage .ico48Case .ico48Link,
.hubpage .ico64Case .ico64Link,
.landingpage .ico48Case .ico48Link,
.landingpage .ico64Case .ico64Link {
  margin-right: 48px
}

.hubpage li.bottomRightItem,
.landingpage li.bottomRightItem {
  position: relative;
  min-height: 100px
}

.hubpage li.bottomRightItem a,
.landingpage li.bottomRightItem a {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0
}

.dataMatrix a:not([class]):after,
.panelContent a:not([class]):after {
  display: none !important
}

html.hubpage .adHolder {
  margin: 12px 0 0 12px
}

html.hubpage .adHolder h3 {
  color: #3b2e58;
  color: var(--theme-info-dark);
  font-size: .875rem;
  margin: 0
}

html.hubpage .adHolder p {
  color: #0078d4;
  color: var(--theme-primary-base);
  font-size: .875rem;
  margin: 0
}

html.hubpage .adHolder:active p,
html.hubpage .adHolder:hover p {
  text-decoration: underline
}

@media only screen and (min-width:769px) {
  html.hubpage .adHolder {
    position: absolute;
    top: 0;
    right: 16px
  }

  html.hubpage .adHolder h3 {
    font-size: 1.18rem
  }

  html.hubpage .adHolder p {
    font-size: 1rem
  }
}

html.hubpage .content {
  width: auto;
  margin-left: 0;
  margin-right: 0
}

html.hubpage .content h1 {
  margin-bottom: 16px
}

html.hubpage .content[dir=rtl] ol,
html.hubpage .content[dir=rtl] ol ol,
html.hubpage .content[dir=rtl] ul,
html.hubpage .content[dir=rtl] ul ul,
html.hubpage .content ol,
html.hubpage .content ol ol,
html.hubpage .content ul,
html.hubpage .content ul ul {
  margin: 0;
  padding: 0
}

html.hubpage .content ul.panelContent>li,
html.hubpage .content ul.panelContent li {
  list-style-type: none
}

html.hubpage .content ul.noBullet {
  margin-left: 0
}

html.hubpage .content ul.noBullet>li {
  list-style-type: none
}

html.hubpage .content .container {
  margin: 16px auto 0;
  width: 100%;
  max-width: 1600px;
  position: relative
}

html.hubpage .content .container:after,
html.hubpage .content .container:before {
  content: " ";
  display: table
}

html.hubpage .content .container:after {
  clear: both
}

html.hubpage .content .featuredContent {
  display: flex;
  float: none !important;
  margin: 0 auto
}

@media only screen and (min-width:769px) {
  html.hubpage .content .featuredContent {
    margin: 2px auto 10px
  }
}

html.hubpage .pivotTabs {
  display: none
}

html.hubpage .pivotTabs ul {
  margin: 24px 0 40px;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

html.hubpage .pivotTabs li {
  display: inline-block;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.68;
  list-style: none;
  margin: 0 4px -1px 0;
  padding: 5px 41px 0
}

html.hubpage .pivotTabs li:active,
html.hubpage .pivotTabs li:hover {
  background-color: rgba(0, 80, 197, .07)
}

html.hubpage .pivotTabs li.selected {
  border-left: 1px solid #e6e6e6;
  border-left: 1px solid var(--theme-border);
  border-right: 1px solid #e6e6e6;
  border-right: 1px solid var(--theme-border);
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid var(--theme-body-background);
  border-top: 5px solid #0078d4;
  border-top: 5px solid var(--theme-primary-base);
  padding: 0 40px
}

html.hubpage .pivotTabs li.selected a {
  color: #171717;
  color: var(--theme-text)
}

html.hubpage .pivotTabs a,
html.hubpage .pivotTabs a:active,
html.hubpage .pivotTabs a:hover,
html.hubpage .pivotTabs a:visited {
  color: #505050;
  color: var(--theme-text-subtle);
  text-decoration: none
}

@media only screen and (min-width:769px) {
  html.hubpage .pivotTabs {
    display: block
  }
}

html.hubpage .singlePivot {
  display: none !important
}

html.hubpage .tabLess {
  margin-top: 48px
}

html.hubpage .pivotSelector {
  background-color: #e6e6e6;
  background-color: var(--theme-border);
  background-size: 24px 24px;
  background-position: 6px 4px;
  height: 32px;
  margin: 24px 0 12px;
  padding-left: 10px;
  padding-top: 0;
  white-space: nowrap;
  overflow: hidden;
  border-style: none;
  text-overflow: ellipsis;
  cursor: pointer;
  width: 100%;
  text-align: left;
  color: #000000;
  color: var(--theme-secondary-invert)
}

@media only screen and (min-width:769px) {
  html.hubpage .pivotSelector {
    display: none
  }
}

html.hubpage .pivots {
  box-sizing: content-box
}

html.hubpage .pivots>li {
  display: none
}

@media only screen and (min-width:1024px) {
  html.hubpage .pivots>ul {
    position: relative
  }
}

html.hubpage .pivotItem {
  list-style-type: none
}

html.hubpage .pivotItem>a {
  display: none
}

html.hubpage .panelItem,
html.hubpage .panelItem li,
html.hubpage .panelItem ul,
html.hubpage .pivotItem {
  list-style-type: none !important;
  list-style: none !important
}

html.hubpage .panelItem>a {
  font-size: 1.5rem;
  line-height: 1.33;
  display: none;
  padding: 8px 0 10px 12px;
  margin: 0 0 12px;
  color: #505050;
  color: var(--theme-text-subtle);
  cursor: text;
  box-shadow: 0 0 0 4px outline #ffffff;
  box-shadow: outline 0 0 0 4px var(--theme-body-background);
  border: 2px solid #ffffff;
  border: 2px solid var(--theme-body-background)
}

html.hubpage .panelItem>a.selected {
  text-align: center;
  display: block
}

@media only screen and (min-width:769px) {
  html.hubpage .panelItem>a {
    font-size: .9375rem;
    display: inline-block;
    width: 228px;
    margin: 0 0 6px;
    cursor: pointer
  }

  html.hubpage .panelItem>a.selected,
  html.hubpage .panelItem>a:active,
  html.hubpage .panelItem>a:hover {
    color: #ffffff;
    color: var(--theme-primary-invert);
    background-color: #0078d4;
    background-color: var(--theme-primary-base)
  }

  html.hubpage .panelItem>a.selected {
    text-align: left;
    display: inline-block
  }
}

html.hubpage .panelItem>ul {
  display: none
}

html.hubpage .panelContent>li {
  list-style-type: none;
  flex: 0 1 100%
}

html.hubpage .panelContent>li.fullSpan {
  flex: 0 1 100% !important
}

html.hubpage .panelContent>li a.focus-visible .card {
  outline-color: inherit;
  outline-offset: .125rem;
  outline-style: dashed;
  outline-width: .125rem
}

@media only screen and (min-width:769px) {
  html.hubpage .panelContent {
    float: right;
    width: calc(100% - 278px)
  }

  html.hubpage .panelContent>li {
    flex: 0 1 50%
  }
}

html.hubpage .pivotMenu .pivots {
  margin-top: -12px;
  background-color: #d7eaf8;
  background-color: var(--theme-primary-background);
  padding: 24px
}

.content[dir=rtl] html.hubpage .pivotMenu .pivots {
  margin-top: -12px;
  padding: 24px
}

html.hubpage .pivotMenu .pivots a {
  color: #171717 !important;
  color: var(--theme-text) !important
}

html.hubpage .pivotMenu .pivots>li {
  display: block !important;
  list-style: none
}

html.hubpage .pivotMenu .pivots li ul li {
  list-style: none
}

html.hubpage .pivotMenu .pivotItem>a {
  display: block
}

html.hubpage .pivotMenu .pivotItem>ul {
  margin-top: 6px
}

html.hubpage .pivotMenu .panelContent {
  display: none !important
}

html.hubpage .pivotMenu .panelItem>a {
  display: block;
  font-size: .875rem !important;
  cursor: pointer !important
}

html.hubpage .pivotMenu .panelItem>a.selected {
  text-align: left;
  font-weight: 600;
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background)
}

html.hubpage .panelContent {
  flex-wrap: wrap
}

html.hubpage .panelContent h2 {
  font-size: 1.625rem;
  line-height: 1.2;
  margin-bottom: 36px;
  margin-right: 12px;
  margin-top: 6px;
  padding-left: 14px
}

html.hubpage .panelContent h2.likeAnH1 {
  font-size: 2.5rem;
  line-height: 1.3;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 10px;
  padding-left: 8px
}

html.hubpage .panelContent .intro {
  font-size: 1.125rem;
  line-height: 1.7;
  margin: 0 0 24px
}

html.hubpage .panelContent .container p {
  padding: 0 12px
}

html.hubpage .panelContent .container>p:first-child {
  margin-top: 0
}

@media only screen and (max-width:768px) {
  html.hubpage .panelContent {
    margin-top: 0 !important
  }
}

@media only screen and (min-width:1024px) {
  html.hubpage .panelContent>li {
    flex: 0 1 33%
  }
}

html.hubpage .singlePanelNavItem {
  display: none !important
}

html.hubpage .singlePanelContent {
  float: none !important;
  margin: 0 auto !important;
  width: 100%
}

html.hubpage[dir=rtl] .adHolder {
  margin: 12px 12px 0 0
}

@media only screen and (min-width:769px) {
  html.hubpage[dir=rtl] .adHolder {
    left: 16px;
    right: auto
  }
}

html.hubpage[dir=rtl] .pivotSelector {
  padding-left: 0;
  padding-right: 40px;
  background-position: calc(100% - 6px) 4px;
  text-align: right
}

@media only screen and (min-width:769px) {
  html.hubpage[dir=rtl] .panelContent {
    float: left
  }
}

html.hubpage[dir=rtl] .panelItem>a {
  padding: 6px 12px 8px 0
}

@media only screen and (min-width:769px) {
  html.hubpage[dir=rtl] .panelItem>a.selected {
    text-align: right
  }
}

html.hubpage[dir=rtl] .pivotMenu .panelItem>a.selected {
  text-align: right
}

html.landingpage .columnHolder {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: column wrap
}

html.landingpage .abstractHolder {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  justify-content: space-between
}

html.landingpage .abstract {
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.7
}

html.landingpage .abstract p:first-child {
  margin-top: 0
}

html.landingpage .abstractHolder .menu {
  margin-top: 24px
}

html.landingpage .abstractHolder .menu ul {
  margin-left: 0;
  margin-top: 0
}

html.landingpage .abstractHolder .menu li {
  line-height: 1.3;
  list-style-type: none;
  margin-top: 12px
}

html.landingpage .abstractHolder .menu li:first-child {
  margin-top: 2px
}

html.landingpage .abstractHolder .menu .abstract-title {
  color: #6a4b16;
  color: var(--theme-warning-dark);
  font-weight: 600;
  padding-bottom: 10px
}

html.landingpage .abstractHolder .aside {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  max-width: 250px
}

html.landingpage .abstractHolder .aside a {
  display: inline-block;
  margin-right: 18px
}

@media (min-width:450px) {
  html.landingpage .abstractHolder .aside {
    flex-direction: row
  }
}

@media (max-width:1023px) {
  html.landingpage .columnHolder .panelContent {
    margin-top: 0;
    margin-bottom: 0
  }

  html.landingpage .columnHolder .column50:first-child .panelContent {
    margin-top: 24px;
    margin-bottom: 0
  }

  html.landingpage .abstractHolder {
    display: flex;
    flex-direction: column
  }

  html.landingpage .abstractHolder .abstract {
    order: 1
  }

  html.landingpage .abstractHolder .aside,
  html.landingpage .abstractHolder .menu {
    order: 2;
    max-width: unset !important
  }
}

@media (min-width:1024px) {
  html.landingpage .abstractHolder {
    flex-direction: row;
    position: relative
  }

  html.landingpage .abstract {
    max-width: calc(100% - 315px)
  }

  html.landingpage .columnHolder {
    flex-direction: row
  }

  html.landingpage .column50 {
    flex: 1 1 50%;
    max-width: 50%
  }

  html.landingpage .abstractHolder .menu {
    margin-top: 0;
    max-width: 225px;
    margin-left: 48px;
    padding-left: 17px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #e6e6e6;
    border-left: 1px solid var(--theme-border)
  }

  html.landingpage .abstractHolder .aside {
    order: 2;
    flex-direction: column;
    margin-top: 0;
    margin-left: 24px
  }

  html.landingpage .abstractHolder .aside a {
    margin-right: 0
  }
}

html.landingpage .content ul.panelContent {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-top: 24px;
  margin-left: -12px
}

html.landingpage ul.panelContent>li {
  list-style-type: none;
  flex: 0 1 100%
}

html.landingpage ul.panelContent>li a.focus-visible .card {
  outline-color: inherit;
  outline-offset: .125rem;
  outline-style: dashed;
  outline-width: .125rem
}

@media only screen and (min-width:769px) {
  html.landingpage ul.panelContent>li {
    flex: 0 1 50%
  }
}

@media only screen and (min-width:1024px) {
  html.landingpage ul.panelContent>li {
    flex: 0 1 33%
  }
}

html.landingpage .cardsW+h2 {
  margin-top: 14px
}

html.landingpage .cardsW a:hover {
  text-decoration: underline
}

html.landingpage ul.spaced>li {
  margin-bottom: 8px
}

html.landingpage ul.spaced+h2 {
  margin-top: 34px
}

html.landingpage ul.noBullet {
  margin-left: 0
}

html.landingpage ul.noBullet>li {
  list-style-type: none
}

html.landingpage table.dataMatrix td,
html.landingpage table.dataMatrix th {
  text-align: center
}

html.landingpage table.dataMatrix th span {
  font-size: .75rem;
  display: block
}

html.landingpage table.dataMatrix td:first-child {
  font-weight: 600;
  font-size: 1rem;
  text-align: left
}

html.landingpage table.dataMatrix td span.docon-external-link {
  font-size: 2.125rem
}

html.landingpage table.dataMatrix td span.docon-external-link:after {
  font-family: docons;
  content: "\FF2D"
}

html.landingpage table.dataMatrix td a {
  color: #171717;
  color: var(--theme-text)
}

html.landingpage table.dataMatrix td a:hover {
  color: #0078d4;
  color: var(--theme-primary-base);
  text-decoration: none
}

html.landingpage table.dataMatrix svg {
  height: 24px;
  width: 24px;
  fill: currentColor
}

html.landingpage .introHolder {
  display: flex;
  flex-direction: column;
  margin-top: 18px
}

html.landingpage .introHolder+h2 {
  margin-top: 0
}

html.landingpage .content>p:first-child,
html.landingpage .intro {
  font-size: 1.125rem;
  line-height: 1.7;
  padding-bottom: 36px
}

html.landingpage .intro {
  margin-top: 18px
}

html.landingpage .introHolder .intro {
  margin-top: 0
}

html.landingpage .calloutHolder .callout a {
  color: #171717;
  color: var(--theme-text)
}

html.landingpage .calloutHolder .callout a:hover {
  color: #0078d4;
  color: var(--theme-primary-base)
}

html.landingpage .calloutHolder .callout img {
  float: left;
  height: 50px;
  margin-right: 12px;
  margin-top: 6px;
  width: 50px
}

@media (min-width:768px) {
  html.landingpage .introHolder {
    flex-direction: row
  }

  html.landingpage .introHolder .intro {
    max-width: calc(100% - 370px);
    flex-basis: calc(100% - 370px)
  }

  html.landingpage .introHolder .calloutHolder {
    flex: 0 0 358px;
    max-width: 358px;
    margin-left: 12px
  }

  html.landingpage .calloutHolder .callout {
    border-left: 1px solid #e6e6e6;
    border-left: solid 1px var(--theme-border);
    padding-left: 12px
  }
}

html.landingpage .downloadHolder {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border);
  margin-top: 48px;
  padding-top: 36px;
  display: none
}

html.landingpage .downloadHolder .img {
  width: 50px;
  height: 50px;
  background-image: url(download_hover.c70350eb.svg);
  background-size: cover;
  float: left
}

html.landingpage .downloadHolder:hover .img {
  background-position: -50px 0
}

html.landingpage .downloadHolder .text {
  padding-left: 60px;
  padding-top: 8px
}

html.landingpage[lang=en-us] .downloadHolder {
  display: block
}

html.landingpage.os-high-contrast-enabled .downloadHolder .img {
  display: none
}

html.landingpage.os-high-contrast-enabled .downloadHolder .text {
  padding-left: 0
}

html.learningpath .prerequisites p:first-of-type {
  margin-top: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  html.learntv #video-section {
    width: 100%;
    max-width: 100%
  }

  html.learntv #chat-holder {
    height: 70vh !important
  }
}

html.learntv .no-schedule .schedule-holder {
  display: none
}

html.learntv .schedule-scrollview {
  max-height: 80vh
}

html.learntv .schedule li.active {
  border-left: 2px solid #0078d4;
  border-left: solid 2px var(--theme-primary-base)
}

html.learntv .schedule a,
html.learntv .schedule time {
  display: block
}

html.learntv .studio-player-holder {
  position: relative
}

html.learntv .studio-player-holder:before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  width: 100%
}

html.learntv .studio-player-holder.height-from-message {
  height: auto
}

html.learntv .studio-player-holder.height-from-message:before {
  display: none
}

html.learntv .studio-player-holder .studio-player {
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

html.learntv .studio-player-holder.height-from-message .studio-player {
  position: static
}

html.learntv #video-section.has-special-wide-player,
html.learntv #video-section.no-chat {
  display: block
}

html.learntv #video-section.has-special-wide-player #chat-holder,
html.learntv #video-section.no-chat #chat-holder,
html.learntv #video-section.no-chat #tab-qa {
  display: none
}

@media screen and (min-width:1228px) {
  html.learntv #video-section.has-special-wide-player .studio-player-holder:before {
    padding-bottom: 37.5%
  }
}

a.lightbox-enabled {
  position: relative;
  text-decoration: none !important
    /* !important for IE 11 */
}

a.lightbox-enabled.focus-visible,
a.lightbox-enabled:hover {
  cursor: zoom-in
}

a.lightbox-enabled.focus-visible:after,
a.lightbox-enabled:hover:after {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  color: #171717;
  color: var(--theme-text)
}

a.lightbox-enabled:after {
  content: "\F80A";
  position: absolute;
  display: flex;
  height: 40px;
  width: 40px;
  bottom: 20px;
  right: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #000000;
  background-color: var(--theme-secondary-box-shadow);
  color: #505050;
  color: var(--theme-text-subtle);
  font-family: docons;
  font-size: 20px;
  text-decoration: none !important
}

.image-browser figure {
  margin: 0;
  max-width: 1200px;
  overflow: hidden
}

.image-browser figure div,
.image-browser figure figcaption {
  max-height: 75vh;
  max-width: 95vw
}

@media print,
screen and (min-width:768px) {

  .image-browser figure div,
  .image-browser figure figcaption {
    max-height: 80vh;
    max-width: 80vw
  }
}

.image-browser figure div {
  overflow: hidden;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border: 1px solid transparent
}

.image-browser figure img {
  display: block;
  max-width: none;
  margin: 0 auto;
  touch-action: none;
  transition: opacity .5s ease-in .3s
}

.image-browser figure figcaption {
  padding: 8px;
  background-color: #ffffff;
  background-color: var(--theme-body-background)
}

.image-browser-expandable {
  cursor: zoom-in
}

.image-browser-pannable {
  cursor: move
}

.image-browser-transition {
  transition: all .3s linear
}

html.localelist .content ul {
  margin: 32px 0 0 0;
  list-style-type: none
}

html.localelist .content ul>li {
  list-style-type: none
}

html.localelist .content ul>li>a:not(:hover):not(.focus-visible) {
  color: #171717;
  color: var(--theme-text)
}

html.localelist .content .selected {
  font-weight: 600
}

html.localelist .locale-selector-link {
  display: none
}

.mx-codeBreakAll code {
  word-break: break-all;
  white-space: normal
}

.mx-tdBreakAll td {
  word-break: break-all
}

.mx-tdCol2BreakAll td:nth-child(2) {
  word-break: break-all;
  word-break: break-word
}

.content .mx-imgBorder img {
  border: 1px solid #e6e6e6;
  border: solid 1px var(--theme-border)
}

.content .mx-namespace thead {
  display: none
}

.mx-tableNormal table {
  width: inherit !important
}

.mx-tableFixed table {
  table-layout: fixed
}

.mx-tableFixed table td:first-child,
.mx-tableFixed table th:first-child {
  padding-left: 0
}

.mx-tableFixed table td:last-child,
.mx-tableFixed table th:last-child {
  padding-right: 0
}

.mx-tableFixed table code {
  word-break: break-all;
  margin-top: 8px
}

.mx-responsive-img table img {
  width: 100%;
  height: auto
}

.MathJax_Display,
.MJXc-display {
  overflow-x: auto;
  overflow-y: hidden
}

html.module .abstract p:first-of-type,
html.module .prerequisites p:first-of-type {
  margin-top: 0
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  html.module .module-unit-list-mobile {
    overflow: hidden;
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
  }
}

html.moduleunit .is-chromeless body {
  padding: 0
}

.moniker-picker {
  position: relative;
  margin-top: 0
}

.moniker-picker.expanded {
  z-index: 1000
}

.moniker-picker ul {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 !important;
  box-sizing: border-box;
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.moniker-picker li {
  display: block;
  box-sizing: border-box;
  list-style: none
}

.moniker-picker button,
.moniker-picker li>a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  color: #171717;
  color: var(--theme-text);
  background-color: #ffffff;
  background-color: var(--theme-body-background)
}

.moniker-picker li>a {
  white-space: nowrap
}

.moniker-picker [role=menu] {
  z-index: 1000;
  background-color: #ffffff;
  background-color: var(--theme-body-background)
}

.moniker-picker button.products {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  font-weight: 600;
  color: #0078d4;
  color: var(--theme-primary-base)
}

.moniker-picker button.products[disabled] {
  cursor: default;
  color: #171717;
  color: var(--theme-text)
}

.moniker-picker button.products:not([disabled]):after {
  padding-left: 5px;
  padding-bottom: 5px;
  font-family: docons;
  content: "\FF33";
  font-size: .7rem;
  transform: translateY(5px);
  color: #171717;
  color: var(--theme-text)
}

.moniker-picker .moniker-auxillary-links {
  display: none
}

.moniker-picker .moniker-auxillary-links:not(:empty) {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  white-space: nowrap;
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border)
}

.moniker-picker .moniker-auxillary-links:not(:empty) a {
  display: block;
  color: #0078d4;
  color: var(--theme-primary-base);
  padding: 3px 8px
}

.moniker-picker .moniker-auxillary-links:not(:empty) a.focus-visible,
.moniker-picker .moniker-auxillary-links:not(:empty) a:hover {
  background-color: #0065b3;
  background-color: var(--theme-primary-box-shadow);
  text-decoration: none
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (max-height:1023.9px),
screen and (max-width:767px) and (max-height:1023px),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (max-height:1023.9px) {
  html.moniker-picker-expanded .header-holder {
    visibility: hidden
  }

  .moniker-picker [role=menu].products {
    display: none
  }

  .moniker-picker.expanded {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column
  }

  .moniker-picker.expanded button.products {
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 10px
  }

  .moniker-picker.expanded button.products>span {
    flex-grow: 1
  }

  .moniker-picker.expanded button.products:after {
    font-size: 18px;
    font-family: docons;
    content: "\FF30";
    color: #505050;
    color: var(--theme-text-subtle)
  }

  .moniker-picker.expanded [role=menu].products {
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }

  .moniker-picker.expanded [role=menu].products button {
    position: relative
  }

  .moniker-picker.expanded [role=menu].products button:after {
    display: inline-block;
    position: absolute;
    right: 10px;
    font-family: docons;
    content: "\FF34";
    font-size: .55rem;
    transform: rotate(0deg);
    transition: transform .2s ease-in-out;
    color: #171717;
    color: var(--theme-text)
  }

  .moniker-picker.expanded [role=menu].products button[aria-expanded=true]:after {
    transform: rotate(90deg)
  }

  .moniker-picker.expanded [role=menu].versions {
    max-height: 0;
    overflow: hidden;
    display: block
  }

  .moniker-picker.expanded button,
  .moniker-picker.expanded button[aria-expanded=true]+[role=menu].versions {
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid var(--theme-border)
  }

  .moniker-picker.expanded button {
    background-color: #e6e6e6;
    background-color: var(--theme-code-header)
  }

  .moniker-picker.expanded button[aria-expanded=true]+[role=menu].versions {
    max-height: 500px;
    transition: max-height .2s ease-in-out
  }

  .moniker-picker.expanded [role=menu]>span {
    display: none
  }

  .moniker-picker.expanded li>a,
  .moniker-picker.expanded li>button {
    width: 100%;
    padding: 10px
  }
}

@media screen and (min-height:1024px),
screen and (min-width:768px) {
  .moniker-picker [role=menu] {
    display: none;
    border: 1px solid #e6e6e6;
    border: 1px solid var(--theme-border);
    box-shadow: 0 3.2px 7.2px 0 #000000, 0 .6px 1.8px 0 #000000;
    box-shadow: 0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 .6px 1.8px 0 var(--theme-box-shadow-light)
  }

  .moniker-picker [role=menu]>span {
    display: block;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 3px 8px;
    padding-right: 20px;
    font-weight: 600;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f2f2f2;
    background-color: var(--theme-body-background-medium);
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid var(--theme-border)
  }

  .moniker-picker [role=menu] li>a,
  .moniker-picker [role=menu] li>button {
    width: 100%;
    padding: 3px 8px;
    padding-right: 20px;
    line-height: 160%
  }

  .moniker-picker [role=menu] li>a.focus-visible,
  .moniker-picker [role=menu] li>a:hover,
  .moniker-picker [role=menu] li>a[aria-expanded=true],
  .moniker-picker [role=menu] li>button.focus-visible,
  .moniker-picker [role=menu] li>button:hover,
  .moniker-picker [role=menu] li>button[aria-expanded=true] {
    background-color: #d7eaf8;
    background-color: var(--theme-primary-background)
  }

  .moniker-picker button[aria-expanded=true]+[role=menu] {
    display: flex;
    flex-direction: column
  }

  .moniker-picker [role=menu].products {
    position: absolute;
    top: 100%;
    min-width: 200px;
    max-width: 400px;
    min-height: 250px;
    max-height: 350px
  }
}

@media screen and (min-height:1024px) and (-ms-high-contrast:active),
screen and (min-height:1024px) and (-ms-high-contrast:none),
screen and (min-width:768px) and (-ms-high-contrast:active),
screen and (min-width:768px) and (-ms-high-contrast:none) {
  .moniker-picker [role=menu].products {
    height: 350px
  }
}

@media screen and (min-height:1024px),
screen and (min-width:768px) {
  .moniker-picker [role=menu].versions {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 100%;
    min-width: 125px;
    max-width: 200px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px) and (max-height:1023.9px),
screen and (max-width:767px) and (max-height:1023px),
screen and (min-resolution:120dpi) and (max-width:767.9px) and (max-height:1023.9px) {
  html.moniker-picker-expanded {
    overflow: hidden !important
  }
}

@media print,
screen and (min-width:768px) {
  html:not(.apiBrowserPage) .content .moniker-picker {
    display: none
  }
}

html.namespacelistpage .nsformHolder {
  margin: 24px 0 48px;
  display: table
}

html.namespacelistpage .nsformHolder form {
  display: table-cell
}

html.namespacelistpage .nsformHolder .nsformActions {
  padding-left: 12px;
  display: table-cell
}

html.namespacelistpage .mx-namespaceForm input {
  font-size: .87rem;
  height: 36px;
  line-height: 1.8;
  min-width: 250px;
  padding: 0 10px
}

html.namespacelistpage .emptyFilterMessage {
  display: none
}

html.namespacelistpage .prerelease {
  color: #a80000;
  color: var(--theme-danger-base);
  font-weight: 600
}

#main {
  position: relative
}

.skip-to-main-link {
  z-index: 1070 !important
}

#headerAreaHolder {
  line-height: normal;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

@media print,
screen and (min-width:768px) {
  .profile img.profile-img {
    margin-top: 24px
  }
}

.profile .connect {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0;
  flex-direction: column
}

.profile .connect li {
  list-style: none
}

@media print,
screen and (min-width:768px) {
  .profile .connect {
    flex-flow: row wrap
  }

  .profile .connect li:not(:first-child):before {
    content: "|";
    margin: 0 8px
  }

  .profile .connect li:nth-child(n+8) {
    display: none
  }
}

.map-mode-container .map {
  margin-top: 12px;
  width: 100%;
  height: calc(100vh - 66px)
}

@media print,
screen and (min-width:768px) {
  .map-mode-container .map {
    height: 70vh
  }
}

html.profilelist .columns-reverse {
  flex-direction: row-reverse
}

html.profilelist .profile-list .profiles-container .profile-component {
  box-shadow: 0 1.6px 3.6px 0 #000000, 0 .3px .9px 0 #000000;
  box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
  padding: 1rem;
  align-items: center
}

html.profilelist .profile-list .profiles-container .profile-component a,
html.profilelist .profile-list .profiles-container .profile-component p {
  color: #505050;
  color: var(--theme-text-subtle)
}

html.profilelist .filter-list {
  box-sizing: border-box;
  margin-top: 12px;
  padding: 8px;
  font-size: 1.2rem;
  color: #171717;
  color: var(--theme-text);
  width: calc(100% - 16px)
}

@media print,
screen and (min-width:768px) {
  html.profilelist .filter-list {
    max-width: 40%
  }
}

html.profilelist .map-mode-container .map {
  height: calc(100vh - 66px)
}

@media print,
screen and (min-width:768px) {
  html.profilelist .map-mode-container .map {
    height: 70vh
  }
}

html.profilelist .map-mode-container .map-infobox {
  position: relative;
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  width: 300px;
  box-sizing: border-box
}

html.profilelist .map-mode-container .map-infobox:after,
html.profilelist .map-mode-container .map-infobox:before {
  top: 11px;
  right: 100%;
  left: -16px;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
  content: " ";
  border-color: transparent;
  border-style: solid solid outset
}

html.profilelist .map-mode-container .map-infobox:after {
  margin-top: 1px;
  margin-left: 2px;
  border-width: 7px;
  border-right-color: #ffffff;
  border-right-color: var(--theme-body-background)
}

html.profilelist .map-mode-container .map-infobox:before {
  border-width: 8px;
  border-right-color: #e6e6e6;
  border-right-color: var(--theme-border)
}

html.profilelist .map-mode-container .map-infobox:after,
html.profilelist .map-mode-container .map-infobox:before {
  position: absolute;
  top: calc(50% - 11px);
  left: -15px
}

html.profilelist .map-mode-container .map-infobox ul {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  width: 100%;
  max-height: 370px;
  overflow-x: hidden;
  margin: 0;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border)
}

html.profilelist .map-mode-container .map-infobox ul li {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border);
  height: 90px;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 90%
}

html.profilelist .map-mode-container .map-infobox ul li>a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33%
}

html.profilelist .map-mode-container .map-infobox ul li>a img {
  border-radius: 50%;
  width: 75%;
  height: 75%
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text {
  width: 66%
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text a,
html.profilelist .map-mode-container .map-infobox ul li .profile-text h3,
html.profilelist .map-mode-container .map-infobox ul li .profile-text p {
  color: #171717;
  color: var(--theme-text);
  margin: 0
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text h3 {
  font-size: 1rem
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text p {
  font-size: .875rem
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text .twitter:before {
  content: "@"
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text .tagline {
  color: #505050;
  color: var(--theme-text-subtle);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.quiz-question-title p {
  display: inline
}

.quiz-choice {
  align-items: center;
  border: 1px solid transparent;
  border-radius: .25rem;
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  cursor: pointer
}

@media print,
screen and (min-width:768px) {
  .quiz-choice {
    border-radius: 1rem;
    background-color: transparent
  }
}

.quiz-choice:hover {
  border-color: transparent;
  background-color: transparent;
  box-shadow: 0 0 5px 0 #000000;
  box-shadow: 0 0 5px 0 var(--theme-box-shadow-light)
}

.quiz-choice.is-focused,
.quiz-choice.is-focused:hover {
  outline: none !important;
  border-color: transparent;
  background-color: transparent;
  box-shadow: 0 0 5px 0 #0078d4;
  box-shadow: 0 0 5px 0 var(--theme-primary-base)
}

.quiz-choice.is-selected,
.quiz-choice.is-selected:hover {
  background-color: #d7eaf8;
  background-color: var(--theme-primary-background);
  border-color: #0078d4;
  border-color: var(--theme-primary-base)
}

.quiz-choice.is-incorrect,
.quiz-choice.is-incorrect:hover {
  background-color: #fde7e9;
  background-color: var(--theme-danger-background);
  border-color: #a80000;
  border-color: var(--theme-danger-base);
  margin-bottom: 0 !important
}

.quiz-choice.is-incorrect+.quiz-choice-explanation,
.quiz-choice.is-incorrect:hover+.quiz-choice-explanation {
  color: #a80000;
  color: var(--theme-danger-base);
  display: block
}

.quiz-choice.is-incorrect:after,
.quiz-choice.is-incorrect:hover:after {
  font-family: docons;
  content: "\FF04";
  color: #a80000;
  color: var(--theme-danger-base);
  position: absolute;
  right: .5rem;
  top: 0
}

.quiz-choice.is-correct,
.quiz-choice.is-correct:hover {
  background-color: #dff6dd;
  background-color: var(--theme-success-background);
  border-color: #107c10;
  border-color: var(--theme-success-base);
  margin-bottom: 0 !important
}

.quiz-choice.is-correct+.quiz-choice-explanation,
.quiz-choice.is-correct:hover+.quiz-choice-explanation {
  color: #107c10;
  color: var(--theme-success-base);
  display: block
}

.quiz-choice.is-correct:after,
.quiz-choice.is-correct:hover:after {
  font-family: docons;
  content: "\FF02";
  color: #107c10;
  color: var(--theme-success-base);
  position: absolute;
  right: .5rem;
  top: 0
}

.quiz-choice p {
  margin: 0
}

.quiz-choice .choice-input {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  word-wrap: normal;
  position: absolute;
  top: 100%;
  left: 10px
}

.quiz-choice .custom-radio {
  background-color: transparent;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 1.5rem;
  margin-right: .5rem
}

.quiz-choice .custom-radio:before {
  position: absolute;
  font-family: docons;
  content: "\E80E";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

input:checked+.quiz-choice .custom-radio:before {
  content: "\E81D";
  color: #0078d4;
  color: var(--theme-primary-base)
}

.quiz-choice-explanation {
  display: none
}

.quiz-choice-explanation p {
  margin: 0
}

.quiz-modal-image {
  background-image: url(quiz-complete.d670e72e.svg);
  background-repeat: no-repeat;
  background-position: 50%
}

.summaryHolder {
  display: flex
}

.summaryHolder>img {
  height: 64px;
  flex-shrink: 1;
  flex-basis: max-content;
  margin-right: .5rem
}

.summaryHolder>.summary {
  flex: 1
}

.metadata.operation-id {
  margin-top: -12px
}

.example-block {
  margin-top: 16px
}

.example-block h4 {
  margin: 0;
  padding: 8px 0 0
}

.example-block .metadata {
  padding: 0
}

.footerContainer .site-resources {
  padding: 0;
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

.footerContainer .site-resources .site-resources-inner {
  margin-top: 0;
  position: relative
}

.footerContainer .site-resources .site-resources-inner h2 {
  margin: 0;
  padding: 16px 0 0;
  font-size: 1rem;
  color: #ffffff;
  color: var(--theme-primary-invert)
}

@media screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),
screen and (max-width:767px),
screen and (min-resolution:120dpi) and (max-width:767.9px) {
  .footerContainer .site-resources .site-resources-inner h2 {
    font-weight: 600
  }
}

@media print,
screen and (min-width:768px) {
  .footerContainer .site-resources .site-resources-inner h2 {
    font-size: 1.5rem
  }
}

.footerContainer .site-resources .site-resources-inner ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 0 24px
}

@media print,
screen and (min-width:768px) {
  .footerContainer .site-resources .site-resources-inner ul {
    flex-direction: row;
    width: 100%
  }
}

.footerContainer .site-resources .site-resources-inner ul li {
  list-style-type: none;
  margin: 1rem 0 0;
  margin-right: 3rem
}

.footerContainer .site-resources .site-resources-inner ul li a {
  font-size: 1rem;
  color: #ffffff;
  color: var(--theme-primary-invert)
}

.footerContainer .site-resources .site-resources-inner ul li a.focus-visible {
  outline-color: #ffffff;
  outline-color: var(--theme-primary-invert)
}

html.restpage .content ul li {
  list-style-type: none
}

html.restpage ul.type-list {
  margin: 0
}

.rest-tryit-form {
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium)
}

.rest-tryit-form h3 {
  margin-top: 0;
  font-weight: 600;
  font-size: 1rem
}

.rest-tryit-form .signin-section {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border)
}

.rest-tryit-form input[disabled],
.rest-tryit-form select[disabled],
.rest-tryit-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #e6e6e6;
  background-color: var(--theme-border)
}

.rest-tryit-form .request-section .small,
.rest-tryit-form .response-section .small {
  font-size: .75rem
}

.rest-tryit-form .request-section .tall,
.rest-tryit-form .response-section .tall {
  min-height: 200px
}

.rest-tryit-form .request-section .action:before,
.rest-tryit-form .response-section .action:before {
  margin-left: 3px
}

.rest-tryit-form .request-section>:not(hr):not(.is-success),
.rest-tryit-form .response-section>:not(hr):not(.is-success) {
  margin: 0;
  padding: 12px 24px
}

@media screen and (min-width:640px) {

  .rest-tryit-form .request-section>:not(hr):not(.is-success),
  .rest-tryit-form .response-section>:not(hr):not(.is-success) {
    padding: 12px 52px 30px
  }
}

.rest-tryit-form .subscription-id {
  padding: 0 5px
}

.rest-tryit-form .signin-section {
  display: block;
  padding: 24px 52px
}

@media screen and (min-width:640px) {
  .rest-tryit-form .signin-section {
    padding: 24px 52px
  }
}

@media screen and (max-width:640px) {
  .rest-tryit-form .signin-section {
    display: block;
    padding: 24px
  }
}

.rest-tryit-form .signin-section>h2 {
  font-size: 1.75rem;
  margin: 0
}

.rest-tryit-form .request-section>:not(.is-success) {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border)
}

.rest-tryit-form .request-section .textarea {
  box-sizing: border-box;
  padding: 32px;
  margin-bottom: 15px
}

.rest-tryit-form .request-section .url-group {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  min-height: 45px;
  margin-bottom: 24px
}

.rest-tryit-form .request-section .url-group>:not(.is-success) {
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  height: 45px;
  margin: 0;
  padding: 0
}

.rest-tryit-form .request-section .url-group .http-verb {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border-radius: 0;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  background-color: #e6e6e6;
  background-color: var(--theme-border);
  padding: 0 .75em;
  color: #171717;
  color: var(--theme-text)
}

.rest-tryit-form .request-section .url-group .url-input {
  flex-grow: 1;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: 90%
}

html.theme-dark .rest-tryit-form .request-section .url-group .url-input {
  border-color: #505050;
  border-color: var(--theme-text-subtle)
}

.rest-tryit-form .request-section .request-body {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  line-height: 19px
}

.rest-tryit-form .request-section .param-heading {
  padding: 1.5em 0 .5em;
  padding-left: 1.5em;
  text-align: right
}

.rest-tryit-form .request-section .param-name {
  padding: .5em 0;
  padding-left: 1.5em;
  align-self: flex-start;
  justify-content: flex-end;
  text-align: right
}

.rest-tryit-form .request-section .param-name input {
  text-align: right
}

.rest-tryit-form .request-section .param-value {
  padding: .5em 0;
  padding-left: 1em;
  align-self: flex-start
}

.rest-tryit-form .request-section .add-button,
.rest-tryit-form .request-section .delete-button {
  padding-top: .5em
}

.rest-tryit-form .request-section .add-button .button,
.rest-tryit-form .request-section .delete-button .button {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  border: none
}

.rest-tryit-form .request-section .add-button .button.is-transparent:hover,
.rest-tryit-form .request-section .delete-button .button.is-transparent:hover {
  border-color: none
}

.rest-tryit-form .request-section .docon {
  display: flex
}

.rest-tryit-form .request-section .field-label {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  font-size: .75rem;
  margin-right: 0
}

.rest-tryit-form .request-section .field-body {
  align-self: center;
  justify-content: flex-end
}

.rest-tryit-form .request-section .field-body .control {
  margin-top: 0;
  margin-bottom: 0
}

.rest-tryit-form .request-section .error-message {
  color: #a80000;
  color: var(--theme-danger-base);
  font-size: .875rem;
  width: 100%;
  padding-top: 5px;
  padding-left: 5px;
  text-align: right
}

.rest-tryit-form .request-section .action {
  padding: 8px;
  background-color: transparent;
  border: 0 solid #e6e6e6;
  border: 0 solid var(--theme-border);
  color: #505050;
  color: var(--theme-text-subtle);
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: normal
}

.rest-tryit-form .request-section .action:after {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  width: .8rem
}

.rest-tryit-form .response-section {
  background-color: #ffffff;
  background-color: var(--theme-body-background);
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--theme-border)
}

.rest-tryit-form .response-section h2 {
  padding-top: 24px
}

.rest-tryit-form .response-section pre>code {
  padding: 24px
}

.rest-tryit-form .response-section .status-success {
  color: #107c10;
  color: var(--theme-success-base);
  font-weight: 600
}

.rest-tryit-form .response-section .status-warning {
  color: #ffb900;
  color: var(--theme-warning-base);
  font-weight: 600
}

.rest-tryit-form .response-section .status-fail {
  color: #a80000;
  color: var(--theme-danger-base);
  font-weight: 600
}

.tabGroup {
  margin-top: 1rem
}

.tabGroup ul[role=tablist] {
  display: flex;
  margin: 0;
  padding: 4px 0 0;
  list-style: none;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

.tabGroup ul[role=tablist]>li {
  list-style: none;
  display: inline-block
}

.tabGroup a[role=tab] {
  display: inline-block;
  position: relative;
  padding: 8px 7px 4px 7px;
  margin-bottom: -1px;
  box-sizing: border-box;
  font-size: .875rem;
  text-decoration: none;
  color: #505050;
  color: var(--theme-text-subtle);
  border: 0
}

.tabGroup a[role=tab][aria-selected=true] {
  color: #171717;
  color: var(--theme-text);
  border-width: 4px 1px 1px;
  border-left-color: #e6e6e6;
  border-left-color: var(--theme-border);
  border-right-color: #e6e6e6;
  border-right-color: var(--theme-border);
  border-bottom-color: #ffffff;
  border-bottom-color: var(--theme-body-background);
  border-top-color: #0078d4;
  border-top-color: var(--theme-primary-base);
  border-style: solid;
  padding-top: 4px;
  padding-right: 6px;
  padding-left: 6px
}

.tabGroup a[role=tab]:hover:not([aria-selected=true]) {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  color: #0078d4;
  color: var(--theme-primary-base)
}

@media (min-width:576px) {
  .tabGroup a[role=tab] {
    padding-right: 15px;
    padding-left: 15px
  }

  .tabGroup a[role=tab][aria-selected=true] {
    padding-right: 14px;
    padding-left: 14px
  }
}

.tabGroup section[role=tabpanel] {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  border-top: none;
  padding: 15px
}

.tabGroup section[role=tabpanel]>:first-child {
  margin-top: 0
}

.tabGroup section[role=tabpanel]>pre:last-child {
  display: block
}

.twitter-page .twitter-container {
  margin-top: 1rem
}

@media screen and (min-width:768px) {
  .twitter-page .twitter-container {
    max-width: 50%
  }
}

@media screen and (min-width:1088px) {
  .twitter-page .twitter-container {
    max-width: 33.3333%
  }
}

@media screen and (min-width:1472px) {
  .twitter-page .twitter-container {
    max-width: 350px
  }
}

html.tutorial .tutorial-row-aside {
  margin-top: 24px
}

html.tutorial.ap-layout .tutorial-row-aside,
html.tutorial.hasPageActions .tutorial-row-aside,
html.tutorial.is-chromeless .tutorial-row-aside {
  display: none
}

@media screen and (min-width:1280px) {
  html.tutorial .tutorial-row {
    display: flex;
    flex-flow: row nowrap
  }

  html.tutorial .tutorial-row-main {
    flex: 1 1;
    min-width: calc(100% - 300px);
    max-width: 100%
  }

  html.tutorial .tutorial-row-aside {
    flex: 0 0 300px;
    margin-top: 0;
    margin-left: 24px
  }
}

html.tutorial .tutorial-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 48px
}

html.tutorial .content[dir=rtl] .tutorial-nav {
  flex-direction: row-reverse
}

html.tutorial .tutorial-nav-button {
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 80px;
  padding: 6px 8px;
  text-align: center
}

@media print,
screen and (min-width:768px) {
  html.tutorial .tutorial-nav-button {
    padding: 6px 24px
  }
}

html.tutorial .tutorial-nav-description {
  flex-shrink: 1;
  flex-grow: 1;
  color: #505050;
  color: var(--theme-text-subtle);
  border-style: solid;
  border-color: #e6e6e6;
  border-color: var(--theme-border);
  border-width: 1px 0;
  padding: 4px 8px;
  text-align: center
}

html.tutorial .tutorial-nav-description:first-child {
  border-left-width: 1px
}

html.tutorial .tutorial-nav-description:last-child {
  border-right-width: 1px
}

html.tutorial .tutorial-nav-button-previous {
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border)
}

html.tutorial .tutorial-nav-button-previous,
html.tutorial .tutorial-nav-button-previous:visited {
  color: #0078d4;
  color: var(--theme-primary-base)
}

html.tutorial .tutorial-nav-button-next {
  background-color: #0078d4;
  background-color: var(--theme-primary-base)
}

html.tutorial .tutorial-nav-button-next,
html.tutorial .tutorial-nav-button-next:hover,
html.tutorial .tutorial-nav-button-next:visited {
  color: #ffffff;
  color: var(--theme-primary-invert)
}

@media print,
screen and (min-width:768px) {
  html.tutorial .tutorial-card-group {
    display: flex;
    flex-direction: row;
    align-items: stretch
  }

  html.tutorial .tutorial-card-group .tutorial-card {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    flex-shrink: 1
  }

  html.tutorial .tutorial-card-group .tutorial-card:last-child {
    border-left-width: 0
  }

  html.tutorial .tutorial-card-group .tutorial-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1
  }

  html.tutorial .tutorial-card-group .tutorial-card-body>p:last-of-type {
    flex-grow: 1
  }
}

html.tutorial .tutorial-card {
  border: 1px solid #e6e6e6;
  border: 1px solid var(--theme-border);
  margin-top: 24px
}

html.tutorial .tutorial-card.launch-interactive-card {
  margin-top: 0
}

html.tutorial .tutorial-card-header {
  background-color: #f2f2f2;
  background-color: var(--theme-body-background-medium);
  padding: 8px 16px;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--theme-border)
}

html.tutorial .tutorial-card-body {
  padding: 16px 16px 0
}

html.tutorial .tutorial-card-body>* {
  margin: 0 0 16px !important
}

html.tutorial .tutorial-toc {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: .875rem;
  box-sizing: border-box
}

html.tutorial .tutorial-toc li {
  display: block;
  box-sizing: border-box;
  align-items: center;
  padding: 0
}

html.tutorial .tutorial-toc a {
  display: flex;
  align-items: center;
  box-sizing: content-box;
  color: #171717;
  color: var(--theme-text);
  padding: 6px 0;
  line-height: normal;
  margin: 0 !important
}

html.tutorial .tutorial-toc a span {
  margin: 0 !important
}

html.tutorial .tutorial-toc .check-mark {
  width: 18px;
  height: 18px;
  visibility: hidden;
  flex-shrink: 0;
  padding: 0 10px;
  fill: #107c10;
  fill: var(--theme-success-base)
}

html.tutorial .tutorial-toc .completed-step .check-mark {
  visibility: visible
}

html.tutorial .tutorial-toc .active-step a {
  font-weight: 600;
  background-color: #e6e6e6;
  background-color: var(--theme-secondary-background)
}

html.tutorial .tutorial-feedback>.modal-card {
  width: 800px !important
}