@charset "UTF-8";
/* Greenfield breakpoints */
.tabs:not(:last-child), .box:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .level:not(:last-child) {
  margin-bottom: 1.5rem;
}

.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: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

.button.is-loading:after, .has-loading-skeleton .button:after, .select.is-loading:after, .control.is-loading:after, .loader:after, .alert.is-loading:after, .github-reaction.submitting:before {
  -webkit-animation: spinAround 500ms infinite linear;
          animation: spinAround 500ms infinite linear;
  border: 2px solid hsla(0, 0%, 89%, 1);
  border: 2px solid var(--border);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: '';
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.delete, .modal-close-button, .modal-card-close-button, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .tabs, .button, .file {
  /* stylelint-disable */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /* stylelint-enable */
  user-select: none;
}

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

.delete, .modal-close-button, .modal-card-close-button {
  /* stylelint-disable */
  -moz-appearance: none;
  -webkit-appearance: none;
  /* stylelint-enable */
  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:before, .modal-close-button:before, .modal-card-close-button:before, .delete:after, .modal-close-button:after, .modal-card-close-button:after {
  background-color: hsla(0, 0%, 0%, 1);
  background-color: var(--text);
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
  border: 1px solid currentColor;
}

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

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

.delete:hover:before, .modal-close-button:hover:before, .modal-card-close-button:hover:before, .delete:hover:after, .modal-close-button:hover:after, .modal-card-close-button:hover:after, .focus-visible.delete:before, .focus-visible.modal-close-button:before, .focus-visible.modal-card-close-button:before, .focus-visible.delete:after, .focus-visible.modal-close-button:after, .focus-visible.modal-card-close-button:after {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.delete:active:before, .modal-close-button:active:before, .modal-card-close-button:active:before, .delete:active:after, .modal-close-button:active:after, .modal-card-close-button:active:after {
  border-color: hsla(0, 0%, 37%, 1);
  border-color: var(--text-subtle);
}

.is-white.delete:before, .is-white.modal-close-button:before, .is-white.modal-card-close-button:before, .is-white.delete:after, .is-white.modal-close-button:after, .is-white.modal-card-close-button:after {
  border-color: hsla(0, 0%, 100%, 0.999);
  border-color: var(--body-background);
}

.is-white.delete:hover:before, .is-white.modal-close-button:hover:before, .is-white.modal-card-close-button:hover:before, .is-white.delete:hover:after, .is-white.modal-close-button:hover:after, .is-white.modal-card-close-button:hover:after, .is-white.focus-visible.delete:before, .is-white.focus-visible.modal-close-button:before, .is-white.focus-visible.modal-card-close-button:before, .is-white.focus-visible.delete:after, .is-white.focus-visible.modal-close-button:after, .is-white.focus-visible.modal-card-close-button:after {
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
}

.is-white.delete:active:before, .is-white.modal-close-button:active:before, .is-white.modal-card-close-button:active:before, .is-white.delete:active:after, .is-white.modal-close-button:active:after, .is-white.modal-card-close-button:active:after {
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
}

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

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

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

.is-focused, .has-default-focus .focus-visible, .tree-item:not(.is-leaf).focus-visible > .tree-expander, .star-rating-control input.focus-visible + label, .checkbox input[type='checkbox'].focus-visible + .checkbox-check, .lang-toggle-container .checkbox-toggle-wrapper input[type='checkbox'].focus-visible + label.switch {
  outline: 0.125rem dashed hsla(0, 0%, 0%, 1);
  outline: 0.125rem dashed var(--text);
  outline-offset: 0.125rem;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .button, .input,
.textarea, .select select, .file-cta,
.file-name {
  -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: 2.25em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
}

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

.has-text-aspnet {
  color: #6833a4 !important;
}

.has-text-aspnet-invert {
  color: white !important;
}

.has-background-aspnet {
  background-color: #6833a4 !important;
}

.has-linear-gradient-background-aspnet {
  background-image: linear-gradient(174.2deg, #6833a4 0%, #5c2d91 66.72%, #50277e) !important;
}

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

.has-text-azure-invert {
  color: white !important;
}

.has-background-azure {
  background-color: #005BA1 !important;
}

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

.has-text-bash {
  color: black !important;
}

.has-text-bash-invert {
  color: white !important;
}

.has-background-bash {
  background-color: black !important;
}

.has-linear-gradient-background-bash {
  background-image: linear-gradient(174.2deg, black 0%, black 66.72%, black) !important;
}

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

.has-text-bizapps-invert {
  color: white !important;
}

.has-background-bizapps {
  background-color: #008272 !important;
}

.has-linear-gradient-background-bizapps {
  background-image: linear-gradient(174.2deg, #008272 0%, #00695c 66.72%, #004f45) !important;
}

.has-text-bot-framework {
  color: #e3008c !important;
}

.has-text-bot-framework-invert {
  color: white !important;
}

.has-background-bot-framework {
  background-color: #e3008c !important;
}

.has-linear-gradient-background-bot-framework {
  background-image: linear-gradient(174.2deg, #e3008c 0%, #ca007c 66.72%, #b0006d) !important;
}

.has-text-docs {
  color: #243A5E !important;
}

.has-text-docs-invert {
  color: white !important;
}

.has-background-docs {
  background-color: #243A5E !important;
}

.has-linear-gradient-background-docs {
  background-image: linear-gradient(174.2deg, #243A5E 0%, #1d2f4c 66.72%, #162339) !important;
}

.has-text-dynamics {
  color: #243A5E !important;
}

.has-text-dynamics-invert {
  color: white !important;
}

.has-background-dynamics {
  background-color: #243A5E !important;
}

.has-linear-gradient-background-dynamics {
  background-image: linear-gradient(174.2deg, #243A5E 0%, #1d2f4c 66.72%, #162339) !important;
}

.has-text-enterprise-mobility-security {
  color: #107c10 !important;
}

.has-text-enterprise-mobility-security-invert {
  color: white !important;
}

.has-background-enterprise-mobility-security {
  background-color: #107c10 !important;
}

.has-linear-gradient-background-enterprise-mobility-security {
  background-image: linear-gradient(174.2deg, #107c10 0%, #0d650d 66.72%, #0a4f0a) !important;
}

.has-text-gaming {
  color: #107c10 !important;
}

.has-text-gaming-invert {
  color: white !important;
}

.has-background-gaming {
  background-color: #107c10 !important;
}

.has-linear-gradient-background-gaming {
  background-image: linear-gradient(174.2deg, #107c10 0%, #0d650d 66.72%, #0a4f0a) !important;
}

.has-text-graph {
  color: #107c10 !important;
}

.has-text-graph-invert {
  color: white !important;
}

.has-background-graph {
  background-color: #107c10 !important;
}

.has-linear-gradient-background-graph {
  background-image: linear-gradient(174.2deg, #107c10 0%, #0d650d 66.72%, #0a4f0a) !important;
}

.has-text-education {
  color: #32145A !important;
}

.has-text-education-invert {
  color: white !important;
}

.has-background-education {
  background-color: #32145A !important;
}

.has-linear-gradient-background-education {
  background-image: linear-gradient(174.2deg, #32145A 0%, #260f45 66.72%, #1b0b30) !important;
}

.has-text-office {
  color: #d83b01 !important;
}

.has-text-office-invert {
  color: white !important;
}

.has-background-office {
  background-color: #d83b01 !important;
}

.has-linear-gradient-background-office {
  background-image: linear-gradient(174.2deg, #d83b01 0%, #bf3401 66.72%, #a52d01) !important;
}

.has-text-powershell {
  color: #012456 !important;
}

.has-text-powershell-invert {
  color: white !important;
}

.has-background-powershell {
  background-color: #012456 !important;
}

.has-linear-gradient-background-powershell {
  background-image: linear-gradient(174.2deg, #012456 0%, #01193d 66.72%, #000f24) !important;
}

.has-text-sql {
  color: #243A5E !important;
}

.has-text-sql-invert {
  color: white !important;
}

.has-background-sql {
  background-color: #243A5E !important;
}

.has-linear-gradient-background-sql {
  background-image: linear-gradient(174.2deg, #243A5E 0%, #1d2f4c 66.72%, #162339) !important;
}

.has-text-surface {
  color: #4a4b51 !important;
}

.has-text-surface-invert {
  color: white !important;
}

.has-background-surface {
  background-color: #4a4b51 !important;
}

.has-linear-gradient-background-surface {
  background-image: linear-gradient(174.2deg, #4a4b51 0%, #3e3f44 66.72%, #323236) !important;
}

.has-text-system-center {
  color: #002050 !important;
}

.has-text-system-center-invert {
  color: white !important;
}

.has-background-system-center {
  background-color: #002050 !important;
}

.has-linear-gradient-background-system-center {
  background-image: linear-gradient(174.2deg, #002050 0%, #001637 66.72%, #000c1d) !important;
}

.has-text-visual-studio {
  color: #5c2d91 !important;
}

.has-text-visual-studio-invert {
  color: white !important;
}

.has-background-visual-studio {
  background-color: #5c2d91 !important;
}

.has-linear-gradient-background-visual-studio {
  background-image: linear-gradient(174.2deg, #5c2d91 0%, #50277e 66.72%, #43216a) !important;
}

.has-text-windows {
  color: #0078d7 !important;
}

.has-text-windows-invert {
  color: white !important;
}

.has-background-windows {
  background-color: #0078d7 !important;
}

.has-linear-gradient-background-windows {
  background-image: linear-gradient(174.2deg, #0078d7 0%, #006abe 66.72%, #005ca4) !important;
}

.has-text-xamarin {
  color: #3498db !important;
}

.has-text-xamarin-invert {
  color: white !important;
}

.has-background-xamarin {
  background-color: #3498db !important;
}

.has-linear-gradient-background-xamarin {
  background-image: linear-gradient(174.2deg, #3498db 0%, #258cd1 66.72%, #217dbb) !important;
}

.has-text-color {
  color: hsla(0, 0%, 0%, 1) !important;
  color: var(--text) !important;
}

.has-text-primary {
  color: hsla(206, 100%, 35%, 1) !important;
  color: var(--primary-base) !important;
}

a.has-text-primary:hover, a.has-text-primary.focus-visible {
  color: hsla(206, 100%, 28%, 1) !important;
  color: var(--primary-hover) !important;
}

a.has-text-primary:active {
  color: hsla(206, 100%, 20%, 1) !important;
  color: var(--primary-active) !important;
}

.has-text-primary-invert {
  color: hsla(0, 0%, 100%, 0.998) !important;
  color: var(--primary-invert) !important;
}

.has-background-primary {
  background-color: hsla(206, 100%, 35%, 1) !important;
  background-color: var(--primary-base) !important;
}

.has-background-primary-light {
  background-color: hsla(205, 100%, 94%, 1) !important;
  background-color: var(--primary-background) !important;
}

.has-background-primary-dark {
  background-color: hsla(206, 100%, 15%, 1) !important;
  background-color: var(--primary-dark) !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-background-primary-mobile {
    background-color: hsla(206, 100%, 35%, 1) !important;
    background-color: var(--primary-base) !important;
  }
}

.has-text-secondary {
  color: hsla(0, 0%, 67%, 1) !important;
  color: var(--secondary-base) !important;
}

a.has-text-secondary:hover, a.has-text-secondary.focus-visible {
  color: hsla(0, 0%, 78%, 1) !important;
  color: var(--secondary-hover) !important;
}

a.has-text-secondary:active {
  color: hsla(0, 0%, 78%, 0.999) !important;
  color: var(--secondary-active) !important;
}

.has-text-secondary-invert {
  color: hsla(0, 0%, 0%, 0.998) !important;
  color: var(--secondary-invert) !important;
}

.has-background-secondary {
  background-color: hsla(0, 0%, 67%, 1) !important;
  background-color: var(--secondary-base) !important;
}

.has-background-secondary-light {
  background-color: hsla(0, 0%, 89%, 0.999) !important;
  background-color: var(--secondary-background) !important;
}

.has-background-secondary-dark {
  background-color: hsla(0, 0%, 18%, 0.999) !important;
  background-color: var(--secondary-dark) !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-background-secondary-mobile {
    background-color: hsla(0, 0%, 67%, 1) !important;
    background-color: var(--secondary-base) !important;
  }
}

.has-text-tertiary {
  color: hsla(0, 0%, 27%, 1) !important;
  color: var(--tertiary-base) !important;
}

a.has-text-tertiary:hover, a.has-text-tertiary.focus-visible {
  color: hsla(0, 0%, 37%, 0.999) !important;
  color: var(--tertiary-hover) !important;
}

a.has-text-tertiary:active {
  color: hsla(0, 0%, 46%, 1) !important;
  color: var(--tertiary-active) !important;
}

.has-text-tertiary-invert {
  color: hsla(0, 0%, 100%, 0.997) !important;
  color: var(--tertiary-invert) !important;
}

.has-background-tertiary {
  background-color: hsla(0, 0%, 27%, 1) !important;
  background-color: var(--tertiary-base) !important;
}

.has-background-tertiary-light {
  background-color: hsla(0, 0%, 9%, 1) !important;
  background-color: var(--tertiary-background) !important;
}

.has-background-tertiary-dark {
  background-color: hsla(0, 0%, 89%, 0.997) !important;
  background-color: var(--tertiary-dark) !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-background-tertiary-mobile {
    background-color: hsla(0, 0%, 27%, 1) !important;
    background-color: var(--tertiary-base) !important;
  }
}

.has-text-success {
  color: hsla(120, 77%, 30%, 1) !important;
  color: var(--success-base) !important;
}

a.has-text-success:hover, a.has-text-success.focus-visible {
  color: hsla(120, 77%, 25%, 1) !important;
  color: var(--success-hover) !important;
}

a.has-text-success:active {
  color: hsla(120, 77%, 20%, 1) !important;
  color: var(--success-active) !important;
}

.has-text-success-invert {
  color: hsla(0, 0%, 100%, 0.996) !important;
  color: var(--success-invert) !important;
}

.has-background-success {
  background-color: hsla(120, 77%, 30%, 1) !important;
  background-color: var(--success-base) !important;
}

.has-background-success-light {
  background-color: hsla(120, 77%, 90%, 1) !important;
  background-color: var(--success-background) !important;
}

.has-background-success-dark {
  background-color: hsla(120, 77%, 15%, 1) !important;
  background-color: var(--success-dark) !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-background-success-mobile {
    background-color: hsla(120, 77%, 30%, 1) !important;
    background-color: var(--success-base) !important;
  }
}

.has-text-info {
  color: hsla(262, 46%, 58%, 1) !important;
  color: var(--info-base) !important;
}

a.has-text-info:hover, a.has-text-info.focus-visible {
  color: hsla(262, 46%, 50%, 1) !important;
  color: var(--info-hover) !important;
}

a.has-text-info:active {
  color: hsla(262, 46%, 37%, 1) !important;
  color: var(--info-active) !important;
}

.has-text-info-invert {
  color: hsla(0, 0%, 100%, 0.995) !important;
  color: var(--info-invert) !important;
}

.has-background-info {
  background-color: hsla(262, 46%, 58%, 1) !important;
  background-color: var(--info-base) !important;
}

.has-background-info-light {
  background-color: hsla(262, 46%, 90%, 1) !important;
  background-color: var(--info-background) !important;
}

.has-background-info-dark {
  background-color: hsla(262, 46%, 25%, 1) !important;
  background-color: var(--info-dark) !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-background-info-mobile {
    background-color: hsla(262, 46%, 58%, 1) !important;
    background-color: var(--info-base) !important;
  }
}

.has-text-warning {
  color: hsla(44, 100%, 50%, 1) !important;
  color: var(--warning-base) !important;
}

a.has-text-warning:hover, a.has-text-warning.focus-visible {
  color: hsla(44, 100%, 40%, 1) !important;
  color: var(--warning-hover) !important;
}

a.has-text-warning:active {
  color: hsla(44, 100%, 30%, 1) !important;
  color: var(--warning-active) !important;
}

.has-text-warning-invert {
  color: hsla(0, 0%, 0%, 0.997) !important;
  color: var(--warning-invert) !important;
}

.has-background-warning {
  background-color: hsla(44, 100%, 50%, 1) !important;
  background-color: var(--warning-base) !important;
}

.has-background-warning-light {
  background-color: hsla(44, 100%, 90%, 1) !important;
  background-color: var(--warning-background) !important;
}

.has-background-warning-dark {
  background-color: hsla(44, 100%, 20%, 1) !important;
  background-color: var(--warning-dark) !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-background-warning-mobile {
    background-color: hsla(44, 100%, 50%, 1) !important;
    background-color: var(--warning-base) !important;
  }
}

.has-text-danger {
  color: hsla(16, 99%, 43%, 1) !important;
  color: var(--danger-base) !important;
}

a.has-text-danger:hover, a.has-text-danger.focus-visible {
  color: hsla(16, 99%, 35%, 1) !important;
  color: var(--danger-hover) !important;
}

a.has-text-danger:active {
  color: hsla(16, 99%, 25%, 1) !important;
  color: var(--danger-active) !important;
}

.has-text-danger-invert {
  color: hsla(0, 0%, 100%, 0.994) !important;
  color: var(--danger-invert) !important;
}

.has-background-danger {
  background-color: hsla(16, 99%, 43%, 1) !important;
  background-color: var(--danger-base) !important;
}

.has-background-danger-light {
  background-color: hsla(16, 99%, 90%, 1) !important;
  background-color: var(--danger-background) !important;
}

.has-background-danger-dark {
  background-color: hsla(16, 99%, 20%, 1) !important;
  background-color: var(--danger-dark) !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-background-danger-mobile {
    background-color: hsla(16, 99%, 43%, 1) !important;
    background-color: var(--danger-base) !important;
  }
}

.has-body-background {
  background-color: hsla(0, 0%, 100%, 0.999) !important;
  background-color: var(--body-background) !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-body-background-mobile {
    background-color: hsla(0, 0%, 100%, 0.999) !important;
    background-color: var(--body-background) !important;
  }
}

.has-body-background-medium {
  background-color: hsla(0, 0%, 98%, 1) !important;
  background-color: var(--body-background-medium) !important;
}

.has-body-background-dark {
  background-color: hsla(0, 0%, 95%, 1) !important;
  background-color: var(--body-background-dark) !important;
}

.has-background-white-static {
  background-color: white !important;
}

.has-background-alternating-grey {
  border-top: 1px solid hsla(0, 0%, 100%, 0);
  border-top: 1px solid var(--border-white-high-contrast);
}

.has-background-alternating-grey:nth-of-type(even) {
  background: hsla(0, 0%, 98%, 1);
  background: var(--body-background-medium);
}

.has-background-alternating-grey:nth-of-type(odd) {
  background: hsla(0, 0%, 95%, 1);
  background: var(--body-background-dark);
}

.has-background-alternating-grey-reversed {
  border-top: 1px solid hsla(0, 0%, 100%, 0);
  border-top: 1px solid var(--border-white-high-contrast);
}

.has-background-alternating-grey-reversed:nth-of-type(even) {
  background: hsla(0, 0%, 95%, 1);
  background: var(--body-background-dark);
}

.has-background-alternating-grey-reversed:nth-of-type(odd) {
  background: hsla(0, 0%, 98%, 1);
  background: var(--body-background-medium);
}

.has-background-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.has-fill-current-color {
  fill: currentColor !important;
}

.has-stroke-current-color {
  stroke: currentColor !important;
}

.is-shadowless {
  box-shadow: none !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-shadowless-mobile {
    box-shadow: none !important;
  }
}

.has-box-shadow-light {
  box-shadow: 0 1.6px 3.6px 0 hsla(0, 0%, 0%, 0.132), 0 0.3px 0.9px 0 hsla(0, 0%, 0%, 0.108) !important;
  box-shadow: 0 1.6px 3.6px 0 var(--box-shadow-medium), 0 0.3px 0.9px 0 var(--box-shadow-light) !important;
}

.has-box-shadow-medium {
  box-shadow: 0 3.2px 7.2px 0 hsla(0, 0%, 0%, 0.132), 0 0.6px 1.8px 0 hsla(0, 0%, 0%, 0.108) !important;
  box-shadow: 0 3.2px 7.2px 0 var(--box-shadow-medium), 0 0.6px 1.8px 0 var(--box-shadow-light) !important;
}

.has-box-shadow-heavy {
  box-shadow: 0 6.4px 14.4px 0 hsla(0, 0%, 0%, 0.132), 0 1.2px 3.6px 0 hsla(0, 0%, 0%, 0.108) !important;
  box-shadow: 0 6.4px 14.4px 0 var(--box-shadow-medium), 0 1.2px 3.6px 0 var(--box-shadow-light) !important;
}

.has-box-shadow-extra-heavy {
  box-shadow: 0 25.6px 57.6px 0 hsla(0, 0%, 0%, 0.22), 0 4.8px 14.4px 0 hsla(0, 0%, 0%, 0.18) !important;
  box-shadow: 0 25.6px 57.6px 0 var(--box-shadow-extra-heavy), 0 4.8px 14.4px 0 var(--box-shadow-heavy) !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-block-mobile {
    display: block !important;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .is-block-tablet-only {
    display: block !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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 (min-width: 1088px) and (max-width: 1279px), 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) {
  .is-block-desktop-only {
    display: block !important;
  }
}

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

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-flex-mobile {
    display: flex !important;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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 (min-width: 1088px) and (max-width: 1279px), 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) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}

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

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-inline-mobile {
    display: inline !important;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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 (min-width: 1088px) and (max-width: 1279px), 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) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}

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

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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 (min-width: 1088px) and (max-width: 1279px), 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) {
  .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 (min-width: 1280px) and (max-width: 1471px), 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) {
  .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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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 (min-width: 1088px) and (max-width: 1279px), 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) {
  .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 (min-width: 1280px) and (max-width: 1471px), 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) {
  .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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-hidden-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 767px) 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 (min-resolution: 120dpi) 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 (min-resolution: 120dpi) and (max-aspect-ratio: 1 / 1), 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 (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 (max-width: 767px) 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 (min-resolution: 120dpi) 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-resolution: 120dpi) and (min-aspect-ratio: 1 / 1), 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 (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 (min-width: 768px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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 (min-width: 1088px) and (max-width: 1279px), 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) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 768px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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 (min-width: 1088px) and (max-width: 1279px), 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) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1280px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1472px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}

.is-fixed-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 4;
}

.is-full-height {
  height: 100%;
}

.is-absolute-fills {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.is-unstyled {
  list-style-type: none !important;
}

.has-uhf-padding {
  padding-right: 5vw !important;
  padding-left: 5vw !important;
}

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

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

.has-border {
  border: 1px solid hsla(0, 0%, 89%, 1) !important;
  border: 1px solid var(--border) !important;
}

.has-border-top {
  border-top: 1px solid hsla(0, 0%, 89%, 1) !important;
  border-top: 1px solid var(--border) !important;
}

.has-border-bottom {
  border-bottom: 1px solid hsla(0, 0%, 89%, 1) !important;
  border-bottom: 1px solid var(--border) !important;
}

.has-border-left {
  border-left: 1px solid hsla(0, 0%, 89%, 1) !important;
  border-left: 1px solid var(--border) !important;
}

.has-border-right {
  border-right: 1px solid hsla(0, 0%, 89%, 1) !important;
  border-right: 1px solid var(--border) !important;
}

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

@media screen and (min-width: 768px), print {
  .has-border-right-tablet {
    border-right: 1px solid hsla(0, 0%, 89%, 1) !important;
    border-right: 1px solid var(--border) !important;
  }
}

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

.has-border-high-contrast-hover:hover {
  border: 1px solid hsla(0, 0%, 0%, 0);
  border: 1px solid var(--border-yellow-high-contrast);
}

.is-focused.has-inverted-focus,
.focus-visible.has-inverted-focus {
  outline: 0.125rem dashed currentColor !important;
  outline-offset: 0.125rem;
}

.is-focused.has-white-static-focus,
.focus-visible.has-white-static-focus {
  outline: 0.125rem dashed white !important;
  outline-offset: 0.125rem;
}

.is-focused.has-inner-focus,
.focus-visible.has-inner-focus {
  outline-offset: -0.125rem !important;
}

.is-truncated {
  display: inline-block;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.is-truncated wbr {
  display: none;
}

.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 hsla(206, 100%, 35%, 1);
  outline: 1px solid var(--primary-base);
}

.has-heavy-shadow-hover:hover {
  box-shadow: 0 6.4px 14.4px 0 hsla(0, 0%, 0%, 0.132), 0 1.2px 3.6px 0 hsla(0, 0%, 0%, 0.108) !important;
  box-shadow: 0 6.4px 14.4px 0 var(--box-shadow-medium), 0 1.2px 3.6px 0 var(--box-shadow-light) !important;
  transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1);
}

.has-z-index-hover:hover, .has-z-index-hover.focus-visible {
  z-index: 2;
}

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

@media screen and (min-width: 768px), print {
  .is-text-centered-tablet {
    text-align: center;
  }
}

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

.has-background-transparent:not(:hover), .has-background-transparent:not(.focus-visible) {
  background: transparent !important;
}

.has-reading-max-width {
  max-width: 800px !important;
}

.is-full-width {
  width: 100% !important;
}

.is-one-third-width {
  width: 33% !important;
}

@media screen and (min-width: 768px), print {
  .is-one-third-width-tablet {
    width: 33% !important;
  }
}

@media screen and (min-width: 1088px) {
  .is-one-quarter-width-desktop {
    width: 25% !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-min-main-height {
    min-height: calc(100vh - 224px);
  }
}

.has-two-lines-height {
  min-height: 2.5em;
}

.expanded-indicator {
  transition: transform .2s;
}

[aria-expanded='true'] .expanded-indicator {
  transform: rotateX(180deg);
}

.is-radiusless {
  border-radius: 0 !important;
}

.has-inner-focus.focus-visible {
  outline-offset: -0.125rem !important;
}

.has-overflow-hidden {
  overflow: hidden !important;
}

.has-border-color-text {
  border-color: hsla(0, 0%, 0%, 1) !important;
  border-color: var(--text) !important;
}

.has-border-color-white-high-contrast {
  border-color: hsla(0, 0%, 100%, 0) !important;
  border-color: var(--border-white-high-contrast) !important;
}

.has-border-bottom-style-dotted {
  border-bottom-style: dotted !important;
}

.has-border-white-high-contrast {
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

.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-margin-none {
  margin: 0 !important;
}

.has-padding-none {
  padding: 0 !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-none-mobile {
    margin: 0 !important;
  }
  .has-padding-none-mobile {
    padding: 0 !important;
  }
}

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

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

@media screen and (min-width: 1088px) {
  .has-margin-top-none-desktop {
    margin-top: 0 !important;
  }
  .has-padding-top-none-desktop {
    padding-top: 0 !important;
  }
  html:not(.has-interactive) .has-margin-top-none-desktop-not-interactive {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-top-none-tablet {
    margin-top: 0 !important;
  }
  .has-padding-top-none-tablet {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-top-none-mobile {
    margin-top: 0 !important;
  }
  .has-padding-top-none-mobile {
    padding-top: 0 !important;
  }
}

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

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

@media screen and (min-width: 1088px) {
  .has-margin-right-none-desktop {
    margin-right: 0 !important;
  }
  .has-padding-right-none-desktop {
    padding-right: 0 !important;
  }
  html:not(.has-interactive) .has-margin-right-none-desktop-not-interactive {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-right-none-tablet {
    margin-right: 0 !important;
  }
  .has-padding-right-none-tablet {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-right-none-mobile {
    margin-right: 0 !important;
  }
  .has-padding-right-none-mobile {
    padding-right: 0 !important;
  }
}

.has-content-margin-right-none {
  margin-right: 0 !important;
}

.has-content-padding-right-none {
  padding-right: 0 !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-right-none-desktop {
    margin-right: 0 !important;
  }
  .has-content-padding-right-none-desktop {
    padding-right: 0 !important;
  }
  html:not(.has-interactive) .has-content-margin-right-none-desktop-not-interactive {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-right-none-tablet {
    margin-right: 0 !important;
  }
  .has-content-padding-right-none-tablet {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-right-none-mobile {
    margin-right: 0 !important;
  }
  .has-content-padding-right-none-mobile {
    padding-right: 0 !important;
  }
}

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

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

@media screen and (min-width: 1088px) {
  .has-margin-bottom-none-desktop {
    margin-bottom: 0 !important;
  }
  .has-padding-bottom-none-desktop {
    padding-bottom: 0 !important;
  }
  html:not(.has-interactive) .has-margin-bottom-none-desktop-not-interactive {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-bottom-none-tablet {
    margin-bottom: 0 !important;
  }
  .has-padding-bottom-none-tablet {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-bottom-none-mobile {
    margin-bottom: 0 !important;
  }
  .has-padding-bottom-none-mobile {
    padding-bottom: 0 !important;
  }
}

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

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

@media screen and (min-width: 1088px) {
  .has-margin-left-none-desktop {
    margin-left: 0 !important;
  }
  .has-padding-left-none-desktop {
    padding-left: 0 !important;
  }
  html:not(.has-interactive) .has-margin-left-none-desktop-not-interactive {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-left-none-tablet {
    margin-left: 0 !important;
  }
  .has-padding-left-none-tablet {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-left-none-mobile {
    margin-left: 0 !important;
  }
  .has-padding-left-none-mobile {
    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 (min-width: 1088px) {
  .has-content-margin-left-none-desktop {
    margin-left: 0 !important;
  }
  .has-content-padding-left-none-desktop {
    padding-left: 0 !important;
  }
  html:not(.has-interactive) .has-content-margin-left-none-desktop-not-interactive {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-left-none-tablet {
    margin-left: 0 !important;
  }
  .has-content-padding-left-none-tablet {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-left-none-mobile {
    margin-left: 0 !important;
  }
  .has-content-padding-left-none-mobile {
    padding-left: 0 !important;
  }
}

.has-margin-extra-small {
  margin: 0.25rem !important;
}

.has-padding-extra-small {
  padding: 0.25rem !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-extra-small-mobile {
    margin: 0.25rem !important;
  }
  .has-padding-extra-small-mobile {
    padding: 0.25rem !important;
  }
}

.has-margin-top-extra-small {
  margin-top: 0.25rem !important;
}

.has-padding-top-extra-small {
  padding-top: 0.25rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-top-extra-small-desktop {
    margin-top: 0.25rem !important;
  }
  .has-padding-top-extra-small-desktop {
    padding-top: 0.25rem !important;
  }
  html:not(.has-interactive) .has-margin-top-extra-small-desktop-not-interactive {
    margin-top: 0.25rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-top-extra-small-tablet {
    margin-top: 0.25rem !important;
  }
  .has-padding-top-extra-small-tablet {
    padding-top: 0.25rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-top-extra-small-mobile {
    margin-top: 0.25rem !important;
  }
  .has-padding-top-extra-small-mobile {
    padding-top: 0.25rem !important;
  }
}

.has-margin-right-extra-small {
  margin-right: 0.25rem !important;
}

.has-padding-right-extra-small {
  padding-right: 0.25rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-right-extra-small-desktop {
    margin-right: 0.25rem !important;
  }
  .has-padding-right-extra-small-desktop {
    padding-right: 0.25rem !important;
  }
  html:not(.has-interactive) .has-margin-right-extra-small-desktop-not-interactive {
    margin-right: 0.25rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-right-extra-small-tablet {
    margin-right: 0.25rem !important;
  }
  .has-padding-right-extra-small-tablet {
    padding-right: 0.25rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-right-extra-small-mobile {
    margin-right: 0.25rem !important;
  }
  .has-padding-right-extra-small-mobile {
    padding-right: 0.25rem !important;
  }
}

.has-content-margin-right-extra-small {
  margin-right: 0.25rem !important;
}

.has-content-padding-right-extra-small {
  padding-right: 0.25rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-right-extra-small-desktop {
    margin-right: 0.25rem !important;
  }
  .has-content-padding-right-extra-small-desktop {
    padding-right: 0.25rem !important;
  }
  html:not(.has-interactive) .has-content-margin-right-extra-small-desktop-not-interactive {
    margin-right: 0.25rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-right-extra-small-tablet {
    margin-right: 0.25rem !important;
  }
  .has-content-padding-right-extra-small-tablet {
    padding-right: 0.25rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-right-extra-small-mobile {
    margin-right: 0.25rem !important;
  }
  .has-content-padding-right-extra-small-mobile {
    padding-right: 0.25rem !important;
  }
}

.has-margin-bottom-extra-small {
  margin-bottom: 0.25rem !important;
}

.has-padding-bottom-extra-small {
  padding-bottom: 0.25rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-bottom-extra-small-desktop {
    margin-bottom: 0.25rem !important;
  }
  .has-padding-bottom-extra-small-desktop {
    padding-bottom: 0.25rem !important;
  }
  html:not(.has-interactive) .has-margin-bottom-extra-small-desktop-not-interactive {
    margin-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-bottom-extra-small-tablet {
    margin-bottom: 0.25rem !important;
  }
  .has-padding-bottom-extra-small-tablet {
    padding-bottom: 0.25rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-bottom-extra-small-mobile {
    margin-bottom: 0.25rem !important;
  }
  .has-padding-bottom-extra-small-mobile {
    padding-bottom: 0.25rem !important;
  }
}

.has-margin-left-extra-small {
  margin-left: 0.25rem !important;
}

.has-padding-left-extra-small {
  padding-left: 0.25rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-left-extra-small-desktop {
    margin-left: 0.25rem !important;
  }
  .has-padding-left-extra-small-desktop {
    padding-left: 0.25rem !important;
  }
  html:not(.has-interactive) .has-margin-left-extra-small-desktop-not-interactive {
    margin-left: 0.25rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-left-extra-small-tablet {
    margin-left: 0.25rem !important;
  }
  .has-padding-left-extra-small-tablet {
    padding-left: 0.25rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-left-extra-small-mobile {
    margin-left: 0.25rem !important;
  }
  .has-padding-left-extra-small-mobile {
    padding-left: 0.25rem !important;
  }
}

.has-content-margin-left-extra-small {
  margin-left: 0.25rem !important;
}

.has-content-padding-left-extra-small {
  padding-left: 0.25rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-left-extra-small-desktop {
    margin-left: 0.25rem !important;
  }
  .has-content-padding-left-extra-small-desktop {
    padding-left: 0.25rem !important;
  }
  html:not(.has-interactive) .has-content-margin-left-extra-small-desktop-not-interactive {
    margin-left: 0.25rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-left-extra-small-tablet {
    margin-left: 0.25rem !important;
  }
  .has-content-padding-left-extra-small-tablet {
    padding-left: 0.25rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-left-extra-small-mobile {
    margin-left: 0.25rem !important;
  }
  .has-content-padding-left-extra-small-mobile {
    padding-left: 0.25rem !important;
  }
}

.has-margin-small {
  margin: 0.5rem !important;
}

.has-padding-small {
  padding: 0.5rem !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-small-mobile {
    margin: 0.5rem !important;
  }
  .has-padding-small-mobile {
    padding: 0.5rem !important;
  }
}

.has-margin-top-small {
  margin-top: 0.5rem !important;
}

.has-padding-top-small {
  padding-top: 0.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-top-small-desktop {
    margin-top: 0.5rem !important;
  }
  .has-padding-top-small-desktop {
    padding-top: 0.5rem !important;
  }
  html:not(.has-interactive) .has-margin-top-small-desktop-not-interactive {
    margin-top: 0.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-top-small-tablet {
    margin-top: 0.5rem !important;
  }
  .has-padding-top-small-tablet {
    padding-top: 0.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-top-small-mobile {
    margin-top: 0.5rem !important;
  }
  .has-padding-top-small-mobile {
    padding-top: 0.5rem !important;
  }
}

.has-margin-right-small {
  margin-right: 0.5rem !important;
}

.has-padding-right-small {
  padding-right: 0.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-right-small-desktop {
    margin-right: 0.5rem !important;
  }
  .has-padding-right-small-desktop {
    padding-right: 0.5rem !important;
  }
  html:not(.has-interactive) .has-margin-right-small-desktop-not-interactive {
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-right-small-tablet {
    margin-right: 0.5rem !important;
  }
  .has-padding-right-small-tablet {
    padding-right: 0.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-right-small-mobile {
    margin-right: 0.5rem !important;
  }
  .has-padding-right-small-mobile {
    padding-right: 0.5rem !important;
  }
}

.has-content-margin-right-small {
  margin-right: 0.5rem !important;
}

.has-content-padding-right-small {
  padding-right: 0.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-right-small-desktop {
    margin-right: 0.5rem !important;
  }
  .has-content-padding-right-small-desktop {
    padding-right: 0.5rem !important;
  }
  html:not(.has-interactive) .has-content-margin-right-small-desktop-not-interactive {
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-right-small-tablet {
    margin-right: 0.5rem !important;
  }
  .has-content-padding-right-small-tablet {
    padding-right: 0.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-right-small-mobile {
    margin-right: 0.5rem !important;
  }
  .has-content-padding-right-small-mobile {
    padding-right: 0.5rem !important;
  }
}

.has-margin-bottom-small {
  margin-bottom: 0.5rem !important;
}

.has-padding-bottom-small {
  padding-bottom: 0.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-bottom-small-desktop {
    margin-bottom: 0.5rem !important;
  }
  .has-padding-bottom-small-desktop {
    padding-bottom: 0.5rem !important;
  }
  html:not(.has-interactive) .has-margin-bottom-small-desktop-not-interactive {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-bottom-small-tablet {
    margin-bottom: 0.5rem !important;
  }
  .has-padding-bottom-small-tablet {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-bottom-small-mobile {
    margin-bottom: 0.5rem !important;
  }
  .has-padding-bottom-small-mobile {
    padding-bottom: 0.5rem !important;
  }
}

.has-margin-left-small {
  margin-left: 0.5rem !important;
}

.has-padding-left-small {
  padding-left: 0.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-left-small-desktop {
    margin-left: 0.5rem !important;
  }
  .has-padding-left-small-desktop {
    padding-left: 0.5rem !important;
  }
  html:not(.has-interactive) .has-margin-left-small-desktop-not-interactive {
    margin-left: 0.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-left-small-tablet {
    margin-left: 0.5rem !important;
  }
  .has-padding-left-small-tablet {
    padding-left: 0.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-left-small-mobile {
    margin-left: 0.5rem !important;
  }
  .has-padding-left-small-mobile {
    padding-left: 0.5rem !important;
  }
}

.has-content-margin-left-small {
  margin-left: 0.5rem !important;
}

.has-content-padding-left-small {
  padding-left: 0.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-left-small-desktop {
    margin-left: 0.5rem !important;
  }
  .has-content-padding-left-small-desktop {
    padding-left: 0.5rem !important;
  }
  html:not(.has-interactive) .has-content-margin-left-small-desktop-not-interactive {
    margin-left: 0.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-left-small-tablet {
    margin-left: 0.5rem !important;
  }
  .has-content-padding-left-small-tablet {
    padding-left: 0.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-left-small-mobile {
    margin-left: 0.5rem !important;
  }
  .has-content-padding-left-small-mobile {
    padding-left: 0.5rem !important;
  }
}

.has-margin-medium {
  margin: 1rem !important;
}

.has-padding-medium {
  padding: 1rem !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-medium-mobile {
    margin: 1rem !important;
  }
  .has-padding-medium-mobile {
    padding: 1rem !important;
  }
}

.has-margin-top-medium {
  margin-top: 1rem !important;
}

.has-padding-top-medium {
  padding-top: 1rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-top-medium-desktop {
    margin-top: 1rem !important;
  }
  .has-padding-top-medium-desktop {
    padding-top: 1rem !important;
  }
  html:not(.has-interactive) .has-margin-top-medium-desktop-not-interactive {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-top-medium-tablet {
    margin-top: 1rem !important;
  }
  .has-padding-top-medium-tablet {
    padding-top: 1rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-top-medium-mobile {
    margin-top: 1rem !important;
  }
  .has-padding-top-medium-mobile {
    padding-top: 1rem !important;
  }
}

.has-margin-right-medium {
  margin-right: 1rem !important;
}

.has-padding-right-medium {
  padding-right: 1rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-right-medium-desktop {
    margin-right: 1rem !important;
  }
  .has-padding-right-medium-desktop {
    padding-right: 1rem !important;
  }
  html:not(.has-interactive) .has-margin-right-medium-desktop-not-interactive {
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-right-medium-tablet {
    margin-right: 1rem !important;
  }
  .has-padding-right-medium-tablet {
    padding-right: 1rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-right-medium-mobile {
    margin-right: 1rem !important;
  }
  .has-padding-right-medium-mobile {
    padding-right: 1rem !important;
  }
}

.has-content-margin-right-medium {
  margin-right: 1rem !important;
}

.has-content-padding-right-medium {
  padding-right: 1rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-right-medium-desktop {
    margin-right: 1rem !important;
  }
  .has-content-padding-right-medium-desktop {
    padding-right: 1rem !important;
  }
  html:not(.has-interactive) .has-content-margin-right-medium-desktop-not-interactive {
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-right-medium-tablet {
    margin-right: 1rem !important;
  }
  .has-content-padding-right-medium-tablet {
    padding-right: 1rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-right-medium-mobile {
    margin-right: 1rem !important;
  }
  .has-content-padding-right-medium-mobile {
    padding-right: 1rem !important;
  }
}

.has-margin-bottom-medium {
  margin-bottom: 1rem !important;
}

.has-padding-bottom-medium {
  padding-bottom: 1rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-bottom-medium-desktop {
    margin-bottom: 1rem !important;
  }
  .has-padding-bottom-medium-desktop {
    padding-bottom: 1rem !important;
  }
  html:not(.has-interactive) .has-margin-bottom-medium-desktop-not-interactive {
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-bottom-medium-tablet {
    margin-bottom: 1rem !important;
  }
  .has-padding-bottom-medium-tablet {
    padding-bottom: 1rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-bottom-medium-mobile {
    margin-bottom: 1rem !important;
  }
  .has-padding-bottom-medium-mobile {
    padding-bottom: 1rem !important;
  }
}

.has-margin-left-medium {
  margin-left: 1rem !important;
}

.has-padding-left-medium {
  padding-left: 1rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-left-medium-desktop {
    margin-left: 1rem !important;
  }
  .has-padding-left-medium-desktop {
    padding-left: 1rem !important;
  }
  html:not(.has-interactive) .has-margin-left-medium-desktop-not-interactive {
    margin-left: 1rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-left-medium-tablet {
    margin-left: 1rem !important;
  }
  .has-padding-left-medium-tablet {
    padding-left: 1rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-left-medium-mobile {
    margin-left: 1rem !important;
  }
  .has-padding-left-medium-mobile {
    padding-left: 1rem !important;
  }
}

.has-content-margin-left-medium {
  margin-left: 1rem !important;
}

.has-content-padding-left-medium {
  padding-left: 1rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-left-medium-desktop {
    margin-left: 1rem !important;
  }
  .has-content-padding-left-medium-desktop {
    padding-left: 1rem !important;
  }
  html:not(.has-interactive) .has-content-margin-left-medium-desktop-not-interactive {
    margin-left: 1rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-left-medium-tablet {
    margin-left: 1rem !important;
  }
  .has-content-padding-left-medium-tablet {
    padding-left: 1rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-left-medium-mobile {
    margin-left: 1rem !important;
  }
  .has-content-padding-left-medium-mobile {
    padding-left: 1rem !important;
  }
}

.has-margin-large {
  margin: 1.5rem !important;
}

.has-padding-large {
  padding: 1.5rem !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-large-mobile {
    margin: 1.5rem !important;
  }
  .has-padding-large-mobile {
    padding: 1.5rem !important;
  }
}

.has-margin-top-large {
  margin-top: 1.5rem !important;
}

.has-padding-top-large {
  padding-top: 1.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-top-large-desktop {
    margin-top: 1.5rem !important;
  }
  .has-padding-top-large-desktop {
    padding-top: 1.5rem !important;
  }
  html:not(.has-interactive) .has-margin-top-large-desktop-not-interactive {
    margin-top: 1.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-top-large-tablet {
    margin-top: 1.5rem !important;
  }
  .has-padding-top-large-tablet {
    padding-top: 1.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-top-large-mobile {
    margin-top: 1.5rem !important;
  }
  .has-padding-top-large-mobile {
    padding-top: 1.5rem !important;
  }
}

.has-margin-right-large {
  margin-right: 1.5rem !important;
}

.has-padding-right-large {
  padding-right: 1.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-right-large-desktop {
    margin-right: 1.5rem !important;
  }
  .has-padding-right-large-desktop {
    padding-right: 1.5rem !important;
  }
  html:not(.has-interactive) .has-margin-right-large-desktop-not-interactive {
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-right-large-tablet {
    margin-right: 1.5rem !important;
  }
  .has-padding-right-large-tablet {
    padding-right: 1.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-right: 1.5rem !important;
}

.has-content-padding-right-large {
  padding-right: 1.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-right-large-desktop {
    margin-right: 1.5rem !important;
  }
  .has-content-padding-right-large-desktop {
    padding-right: 1.5rem !important;
  }
  html:not(.has-interactive) .has-content-margin-right-large-desktop-not-interactive {
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-right-large-tablet {
    margin-right: 1.5rem !important;
  }
  .has-content-padding-right-large-tablet {
    padding-right: 1.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-bottom: 1.5rem !important;
}

.has-padding-bottom-large {
  padding-bottom: 1.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-bottom-large-desktop {
    margin-bottom: 1.5rem !important;
  }
  .has-padding-bottom-large-desktop {
    padding-bottom: 1.5rem !important;
  }
  html:not(.has-interactive) .has-margin-bottom-large-desktop-not-interactive {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-bottom-large-tablet {
    margin-bottom: 1.5rem !important;
  }
  .has-padding-bottom-large-tablet {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-bottom-large-mobile {
    margin-bottom: 1.5rem !important;
  }
  .has-padding-bottom-large-mobile {
    padding-bottom: 1.5rem !important;
  }
}

.has-margin-left-large {
  margin-left: 1.5rem !important;
}

.has-padding-left-large {
  padding-left: 1.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-left-large-desktop {
    margin-left: 1.5rem !important;
  }
  .has-padding-left-large-desktop {
    padding-left: 1.5rem !important;
  }
  html:not(.has-interactive) .has-margin-left-large-desktop-not-interactive {
    margin-left: 1.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-left-large-tablet {
    margin-left: 1.5rem !important;
  }
  .has-padding-left-large-tablet {
    padding-left: 1.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-left: 1.5rem !important;
}

.has-content-padding-left-large {
  padding-left: 1.5rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-left-large-desktop {
    margin-left: 1.5rem !important;
  }
  .has-content-padding-left-large-desktop {
    padding-left: 1.5rem !important;
  }
  html:not(.has-interactive) .has-content-margin-left-large-desktop-not-interactive {
    margin-left: 1.5rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-left-large-tablet {
    margin-left: 1.5rem !important;
  }
  .has-content-padding-left-large-tablet {
    padding-left: 1.5rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-left-large-mobile {
    margin-left: 1.5rem !important;
  }
  .has-content-padding-left-large-mobile {
    padding-left: 1.5rem !important;
  }
}

.has-margin-extra-large {
  margin: 3rem !important;
}

.has-padding-extra-large {
  padding: 3rem !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-extra-large-mobile {
    margin: 3rem !important;
  }
  .has-padding-extra-large-mobile {
    padding: 3rem !important;
  }
}

.has-margin-top-extra-large {
  margin-top: 3rem !important;
}

.has-padding-top-extra-large {
  padding-top: 3rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-top-extra-large-desktop {
    margin-top: 3rem !important;
  }
  .has-padding-top-extra-large-desktop {
    padding-top: 3rem !important;
  }
  html:not(.has-interactive) .has-margin-top-extra-large-desktop-not-interactive {
    margin-top: 3rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-top-extra-large-tablet {
    margin-top: 3rem !important;
  }
  .has-padding-top-extra-large-tablet {
    padding-top: 3rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-right: 3rem !important;
}

.has-padding-right-extra-large {
  padding-right: 3rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-right-extra-large-desktop {
    margin-right: 3rem !important;
  }
  .has-padding-right-extra-large-desktop {
    padding-right: 3rem !important;
  }
  html:not(.has-interactive) .has-margin-right-extra-large-desktop-not-interactive {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-right-extra-large-tablet {
    margin-right: 3rem !important;
  }
  .has-padding-right-extra-large-tablet {
    padding-right: 3rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-right: 3rem !important;
}

.has-content-padding-right-extra-large {
  padding-right: 3rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-right-extra-large-desktop {
    margin-right: 3rem !important;
  }
  .has-content-padding-right-extra-large-desktop {
    padding-right: 3rem !important;
  }
  html:not(.has-interactive) .has-content-margin-right-extra-large-desktop-not-interactive {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-right-extra-large-tablet {
    margin-right: 3rem !important;
  }
  .has-content-padding-right-extra-large-tablet {
    padding-right: 3rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-bottom: 3rem !important;
}

.has-padding-bottom-extra-large {
  padding-bottom: 3rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-bottom-extra-large-desktop {
    margin-bottom: 3rem !important;
  }
  .has-padding-bottom-extra-large-desktop {
    padding-bottom: 3rem !important;
  }
  html:not(.has-interactive) .has-margin-bottom-extra-large-desktop-not-interactive {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-bottom-extra-large-tablet {
    margin-bottom: 3rem !important;
  }
  .has-padding-bottom-extra-large-tablet {
    padding-bottom: 3rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-left: 3rem !important;
}

.has-padding-left-extra-large {
  padding-left: 3rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-left-extra-large-desktop {
    margin-left: 3rem !important;
  }
  .has-padding-left-extra-large-desktop {
    padding-left: 3rem !important;
  }
  html:not(.has-interactive) .has-margin-left-extra-large-desktop-not-interactive {
    margin-left: 3rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-left-extra-large-tablet {
    margin-left: 3rem !important;
  }
  .has-padding-left-extra-large-tablet {
    padding-left: 3rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-left: 3rem !important;
}

.has-content-padding-left-extra-large {
  padding-left: 3rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-left-extra-large-desktop {
    margin-left: 3rem !important;
  }
  .has-content-padding-left-extra-large-desktop {
    padding-left: 3rem !important;
  }
  html:not(.has-interactive) .has-content-margin-left-extra-large-desktop-not-interactive {
    margin-left: 3rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-left-extra-large-tablet {
    margin-left: 3rem !important;
  }
  .has-content-padding-left-extra-large-tablet {
    padding-left: 3rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-left-extra-large-mobile {
    margin-left: 3rem !important;
  }
  .has-content-padding-left-extra-large-mobile {
    padding-left: 3rem !important;
  }
}

.has-margin-super-large {
  margin: 6rem !important;
}

.has-padding-super-large {
  padding: 6rem !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-margin-super-large-mobile {
    margin: 6rem !important;
  }
  .has-padding-super-large-mobile {
    padding: 6rem !important;
  }
}

.has-margin-top-super-large {
  margin-top: 6rem !important;
}

.has-padding-top-super-large {
  padding-top: 6rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-top-super-large-desktop {
    margin-top: 6rem !important;
  }
  .has-padding-top-super-large-desktop {
    padding-top: 6rem !important;
  }
  html:not(.has-interactive) .has-margin-top-super-large-desktop-not-interactive {
    margin-top: 6rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-top-super-large-tablet {
    margin-top: 6rem !important;
  }
  .has-padding-top-super-large-tablet {
    padding-top: 6rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-right: 6rem !important;
}

.has-padding-right-super-large {
  padding-right: 6rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-right-super-large-desktop {
    margin-right: 6rem !important;
  }
  .has-padding-right-super-large-desktop {
    padding-right: 6rem !important;
  }
  html:not(.has-interactive) .has-margin-right-super-large-desktop-not-interactive {
    margin-right: 6rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-right-super-large-tablet {
    margin-right: 6rem !important;
  }
  .has-padding-right-super-large-tablet {
    padding-right: 6rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-right: 6rem !important;
}

.has-content-padding-right-super-large {
  padding-right: 6rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-right-super-large-desktop {
    margin-right: 6rem !important;
  }
  .has-content-padding-right-super-large-desktop {
    padding-right: 6rem !important;
  }
  html:not(.has-interactive) .has-content-margin-right-super-large-desktop-not-interactive {
    margin-right: 6rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-right-super-large-tablet {
    margin-right: 6rem !important;
  }
  .has-content-padding-right-super-large-tablet {
    padding-right: 6rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-bottom: 6rem !important;
}

.has-padding-bottom-super-large {
  padding-bottom: 6rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-bottom-super-large-desktop {
    margin-bottom: 6rem !important;
  }
  .has-padding-bottom-super-large-desktop {
    padding-bottom: 6rem !important;
  }
  html:not(.has-interactive) .has-margin-bottom-super-large-desktop-not-interactive {
    margin-bottom: 6rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-bottom-super-large-tablet {
    margin-bottom: 6rem !important;
  }
  .has-padding-bottom-super-large-tablet {
    padding-bottom: 6rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-left: 6rem !important;
}

.has-padding-left-super-large {
  padding-left: 6rem !important;
}

@media screen and (min-width: 1088px) {
  .has-margin-left-super-large-desktop {
    margin-left: 6rem !important;
  }
  .has-padding-left-super-large-desktop {
    padding-left: 6rem !important;
  }
  html:not(.has-interactive) .has-margin-left-super-large-desktop-not-interactive {
    margin-left: 6rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-margin-left-super-large-tablet {
    margin-left: 6rem !important;
  }
  .has-padding-left-super-large-tablet {
    padding-left: 6rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .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 {
  margin-left: 6rem !important;
}

.has-content-padding-left-super-large {
  padding-left: 6rem !important;
}

@media screen and (min-width: 1088px) {
  .has-content-margin-left-super-large-desktop {
    margin-left: 6rem !important;
  }
  .has-content-padding-left-super-large-desktop {
    padding-left: 6rem !important;
  }
  html:not(.has-interactive) .has-content-margin-left-super-large-desktop-not-interactive {
    margin-left: 6rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-content-margin-left-super-large-tablet {
    margin-left: 6rem !important;
  }
  .has-content-padding-left-super-large-tablet {
    padding-left: 6rem !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-content-margin-left-super-large-mobile {
    margin-left: 6rem !important;
  }
  .has-content-padding-left-super-large-mobile {
    padding-left: 6rem !important;
  }
}

.has-margin-auto-sides {
  margin-right: auto !important;
  margin-left: auto !important;
}

.is-size-1 {
  font-size: 2.5rem !important;
}

.is-size-2 {
  font-size: 1.75rem !important;
}

.is-size-3 {
  font-size: 1.1875rem !important;
}

.is-size-4 {
  font-size: 1.125rem !important;
}

.is-size-5 {
  font-size: 1rem !important;
}

.is-size-6 {
  font-size: 0.9375rem !important;
}

.is-size-7 {
  font-size: 0.875rem !important;
}

.is-size-8 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-size-1-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-2-mobile {
    font-size: 1.75rem !important;
  }
  .is-size-3-mobile {
    font-size: 1.1875rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.125rem !important;
  }
  .is-size-5-mobile {
    font-size: 1rem !important;
  }
  .is-size-6-mobile {
    font-size: 0.9375rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.875rem !important;
  }
  .is-size-8-mobile {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 768px), print {
  .is-size-1-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-2-tablet {
    font-size: 1.75rem !important;
  }
  .is-size-3-tablet {
    font-size: 1.1875rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.125rem !important;
  }
  .is-size-5-tablet {
    font-size: 1rem !important;
  }
  .is-size-6-tablet {
    font-size: 0.9375rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.875rem !important;
  }
  .is-size-8-tablet {
    font-size: 0.75rem !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .is-size-1-touch {
    font-size: 2.5rem !important;
  }
  .is-size-2-touch {
    font-size: 1.75rem !important;
  }
  .is-size-3-touch {
    font-size: 1.1875rem !important;
  }
  .is-size-4-touch {
    font-size: 1.125rem !important;
  }
  .is-size-5-touch {
    font-size: 1rem !important;
  }
  .is-size-6-touch {
    font-size: 0.9375rem !important;
  }
  .is-size-7-touch {
    font-size: 0.875rem !important;
  }
  .is-size-8-touch {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1088px) {
  .is-size-1-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-2-desktop {
    font-size: 1.75rem !important;
  }
  .is-size-3-desktop {
    font-size: 1.1875rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.125rem !important;
  }
  .is-size-5-desktop {
    font-size: 1rem !important;
  }
  .is-size-6-desktop {
    font-size: 0.9375rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.875rem !important;
  }
  .is-size-8-desktop {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1280px) {
  .is-size-1-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-2-widescreen {
    font-size: 1.75rem !important;
  }
  .is-size-3-widescreen {
    font-size: 1.1875rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.125rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1rem !important;
  }
  .is-size-6-widescreen {
    font-size: 0.9375rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.875rem !important;
  }
  .is-size-8-widescreen {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1472px) {
  .is-size-1-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-2-fullhd {
    font-size: 1.75rem !important;
  }
  .is-size-3-fullhd {
    font-size: 1.1875rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.125rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1rem !important;
  }
  .is-size-6-fullhd {
    font-size: 0.9375rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.875rem !important;
  }
  .is-size-8-fullhd {
    font-size: 0.75rem !important;
  }
}

.has-text-centered {
  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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}

@media screen and (min-width: 1088px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px), 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) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}

@media screen and (min-width: 1280px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}

@media screen and (min-width: 1472px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1088px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px), 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) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1280px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1472px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}

@media screen and (min-width: 1088px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px), 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) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}

@media screen and (min-width: 1280px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}

@media screen and (min-width: 1472px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}

@media screen and (min-width: 768px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}

@media screen and (min-width: 1088px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px), 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) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}

@media screen and (min-width: 1280px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1471px), 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) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}

@media screen and (min-width: 1472px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}

.has-text-wrap {
  word-wrap: break-word !important;
  white-space: normal !important;
  word-break: break-word !important;
  height: auto !important;
}

.has-no-wrap {
  white-space: nowrap;
}

.has-text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.is-monospace {
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

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

.is-underlined {
  text-decoration: underline;
}

.is-undecorated {
  text-decoration: none;
}

.is-undecorated, .is-undecorated:hover, .is-undecorated.focus-visible,
.is-undecorated *,
.is-undecorated *:hover,
.is-undecorated *.focus-visible {
  text-decoration: none !important;
}

.is-normal {
  font-style: normal;
}

.has-text-subtle {
  color: hsla(0, 0%, 37%, 1) !important;
  color: var(--text-subtle) !important;
}

.has-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-overflow-ellipsis wbr {
  display: none;
}

@media screen and (min-width: 768px), print {
  .has-overflow-ellipsis-tablet {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .has-overflow-ellipsis-tablet wbr {
    display: none;
  }
}

.is-fixed {
  position: fixed !important;
}

.is-absolute {
  position: absolute !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-absolute-mobile {
    position: absolute !important;
  }
}

.is-relative {
  position: relative !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .is-relative-mobile {
    position: relative !important;
  }
}

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

.has-top-zero {
  top: 0;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-top-zero-mobile {
    top: 0;
  }
}

.has-bottom-zero {
  bottom: 0;
}

.has-left-zero {
  left: 0;
}

.has-right-zero {
  right: 0;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-right-zero-mobile {
    right: 0;
  }
}

.has-content-left-zero {
  left: 0;
}

.has-content-right-zero {
  right: 0;
}

.is-vertically-aligned-middle {
  vertical-align: middle !important;
}

.has-flex-align-self-start {
  align-self: flex-start !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;
}

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

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-flex-justify-content-start-mobile {
    justify-content: flex-start !important;
  }
}

.has-flex-justify-content-center {
  justify-content: center !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .has-flex-justify-content-center-mobile {
    justify-content: center !important;
  }
}

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

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

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

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

.has-flex-shrink-none {
  flex-shrink: 0 !important;
}

:root,
.theme-light {
  --text: black;
  --text-subtle: #5e5e5e;
  --text-invert: white;
  --text-glow-high-contrast: black;
  --box-shadow-light: rgba(0, 0, 0, 0.108);
  --box-shadow-medium: rgba(0, 0, 0, 0.132);
  --box-shadow-heavy: rgba(0, 0, 0, 0.18);
  --box-shadow-extra-heavy: rgba(0, 0, 0, 0.22);
  --overlay: rgba(145, 145, 145, 0.5);
  --overlay-hover: rgba(255, 255, 255, 0.5);
  --body-background: white;
  --body-background-medium: #fafafa;
  --body-background-dark: #f2f2f2;
  --border: #e3e3e3;
  --hover-base: #2e2e2e;
  --hover-invert: #fafafa;
  --border-white-high-contrast: rgba(255, 255, 255, 0);
  --border-yellow-high-contrast: rgba(0, 0, 0, 0);
  --primary-base: #0065b3;
  --primary-background: #e0f2ff;
  --primary-background-glow-high-contrast: #e0f2ff;
  --primary-dark: #002b4d;
  --primary-hover: #00518f;
  --primary-active: #003a66;
  --primary-box-shadow: rgba(0, 101, 179, 0.3);
  --primary-invert: white;
  --secondary-base: #ababab;
  --secondary-background: #e3e3e3;
  --secondary-background-glow-high-contrast: #e3e3e3;
  --secondary-dark: #2e2e2e;
  --secondary-hover: #c7c7c7;
  --secondary-active: #c7c7c7;
  --secondary-box-shadow: rgba(0, 0, 0, 0.3);
  --secondary-invert: black;
  --tertiary-base: #454545;
  --tertiary-background: #171717;
  --tertiary-background-glow-high-contrast: #171717;
  --tertiary-dark: #e3e3e3;
  --tertiary-hover: #5e5e5e;
  --tertiary-active: #757575;
  --tertiary-box-shadow: rgba(0, 101, 179, 0.3);
  --tertiary-invert: white;
  --success-base: #128712;
  --success-background: #d2f9d2;
  --success-background-glow-high-contrast: #d2f9d2;
  --success-dark: #094409;
  --success-hover: #0f710f;
  --success-active: #0c5a0c;
  --success-box-shadow: rgba(18, 135, 18, 0.3);
  --success-invert: white;
  --info-base: #8763c5;
  --info-background: #e2daf1;
  --info-background-glow-high-contrast: #e2daf1;
  --info-dark: #38225d;
  --info-hover: #7045ba;
  --info-active: #53338a;
  --info-box-shadow: #e2daf1;
  --info-invert: white;
  --warning-base: #ffbb00;
  --warning-background: #fff1cc;
  --warning-background-glow-high-contrast: #fff1cc;
  --warning-dark: #664b00;
  --warning-hover: #cc9600;
  --warning-active: #997000;
  --warning-box-shadow: rgba(255, 187, 0, 0.3);
  --warning-invert: black;
  --danger-base: #da3b01;
  --danger-background: #ffdacc;
  --danger-background-glow-high-contrast: #ffdacc;
  --danger-dark: #651b01;
  --danger-hover: #b23001;
  --danger-active: #7f2201;
  --danger-box-shadow: rgba(218, 59, 1, 0.3);
  --danger-invert: white;
}

body.theme-dark {
  --text: #e3e3e3;
  --text-subtle: #c7c7c7;
  --text-invert: #2e2e2e;
  --text-glow-high-contrast: #e3e3e3;
  --box-shadow-light: rgba(255, 255, 255, 0.108);
  --box-shadow-medium: rgba(255, 255, 255, 0.132);
  --box-shadow-heavy: rgba(255, 255, 255, 0.18);
  --box-shadow-extra-heavy: rgba(255, 255, 255, 0.22);
  --overlay: rgba(117, 117, 117, 0.5);
  --overlay-hover: rgba(23, 23, 23, 0.5);
  --body-background: #171717;
  --body-background-medium: #2e2e2e;
  --body-background-dark: #242424;
  --border: #454545;
  --hover-base: #c7c7c7;
  --hover-invert: #2e2e2e;
  --border-white-high-contrast: rgba(255, 255, 255, 0);
  --border-yellow-high-contrast: rgba(0, 0, 0, 0);
  --primary-base: #4db2ff;
  --primary-background: #002b4d;
  --primary-background-glow-high-contrast: #002b4d;
  --primary-dark: #a3d7ff;
  --primary-hover: #0091ff;
  --primary-active: #0065b3;
  --primary-box-shadow: rgba(0, 101, 179, 0.3);
  --primary-invert: black;
  --secondary-base: #757575;
  --secondary-background: #2e2e2e;
  --secondary-background-glow-high-contrast: #2e2e2e;
  --secondary-dark: #e3e3e3;
  --secondary-hover: #919191;
  --secondary-active: #ababab;
  --secondary-box-shadow: rgba(0, 0, 0, 0.7);
  --secondary-invert: white;
  --tertiary-base: #454545;
  --tertiary-background: #171717;
  --tertiary-background-glow-high-contrast: #171717;
  --tertiary-dark: #e3e3e3;
  --tertiary-hover: #5e5e5e;
  --tertiary-active: #757575;
  --tertiary-box-shadow: rgba(0, 101, 179, 0.3);
  --tertiary-invert: white;
  --success-base: #128712;
  --success-background: #094409;
  --success-background-glow-high-contrast: #094409;
  --success-dark: #d2f9d2;
  --success-hover: #17b517;
  --success-active: #4ae84a;
  --success-box-shadow: rgba(18, 135, 18, 0.7);
  --success-invert: black;
  --info-base: #8763c5;
  --info-background: #38225d;
  --info-background-glow-high-contrast: #38225d;
  --info-dark: #e2daf1;
  --info-hover: #9b7dcf;
  --info-active: #a98fd6;
  --info-box-shadow: rgba(38, 23, 63, 0.7);
  --info-invert: white;
  --warning-base: #ffbb00;
  --warning-background: #664b00;
  --warning-background-glow-high-contrast: #664b00;
  --warning-dark: #fff1cc;
  --warning-hover: #ffc933;
  --warning-active: #ffd666;
  --warning-box-shadow: rgba(255, 187, 0, 0.7);
  --warning-invert: black;
  --danger-base: #da3b01;
  --danger-background: #651b01;
  --danger-background-glow-high-contrast: #651b01;
  --danger-dark: #ffdacc;
  --danger-hover: #fe571b;
  --danger-active: #fe8f67;
  --danger-box-shadow: rgba(218, 59, 1, 0.7);
  --danger-invert: white;
}

body.theme-high-contrast {
  --text: white;
  --text-subtle: white;
  --text-invert: black;
  --text-glow-high-contrast: yellow;
  --box-shadow-light: rgba(255, 255, 255, 0);
  --box-shadow-medium: rgba(255, 255, 255, 0);
  --box-shadow-heavy: rgba(255, 255, 255, 0);
  --box-shadow-extra-heavy: rgba(255, 255, 255, 0);
  --overlay: rgba(117, 117, 117, 0.5);
  --overlay-hover: rgba(23, 23, 23, 0.5);
  --body-background: black;
  --body-background-medium: black;
  --body-background-dark: black;
  --border: white;
  --hover-base: yellow;
  --hover-invert: black;
  --border-white-high-contrast: white;
  --border-yellow-high-contrast: yellow;
  --primary-base: yellow;
  --primary-background: black;
  --primary-background-glow-high-contrast: yellow;
  --primary-dark: yellow;
  --primary-hover: #ffff33;
  --primary-active: #ffff33;
  --primary-box-shadow: white;
  --primary-invert: black;
  --secondary-base: #e3e3e3;
  --secondary-background: black;
  --secondary-background-glow-high-contrast: #e3e3e3;
  --secondary-dark: #e3e3e3;
  --secondary-hover: #c7c7c7;
  --secondary-active: #c7c7c7;
  --secondary-box-shadow: #e3e3e3;
  --secondary-invert: black;
  --tertiary-base: white;
  --tertiary-background: black;
  --tertiary-background-glow-high-contrast: white;
  --tertiary-dark: white;
  --tertiary-hover: #e3e3e3;
  --tertiary-active: #e3e3e3;
  --tertiary-box-shadow: white;
  --tertiary-invert: black;
  --success-base: #a5f3a5;
  --success-background: black;
  --success-background-glow-high-contrast: #a5f3a5;
  --success-dark: #d2f9d2;
  --success-hover: #d2f9d2;
  --success-active: #d2f9d2;
  --success-box-shadow: white;
  --success-invert: black;
  --info-base: #c6b5e3;
  --info-background: black;
  --info-background-glow-high-contrast: #c6b5e3;
  --info-dark: #e2daf1;
  --info-hover: #e2daf1;
  --info-active: #e2daf1;
  --info-box-shadow: white;
  --info-invert: black;
  --warning-base: #ffe499;
  --warning-background: black;
  --warning-background-glow-high-contrast: #ffe499;
  --warning-dark: #fff1cc;
  --warning-hover: #e2daf1;
  --warning-active: #e2daf1;
  --warning-box-shadow: white;
  --warning-invert: black;
  --danger-base: #feb49a;
  --danger-background: black;
  --danger-background-glow-high-contrast: #feb49a;
  --danger-dark: #ffdacc;
  --danger-hover: #ffdacc;
  --danger-active: #ffdacc;
  --danger-box-shadow: white;
  --danger-invert: black;
}

.theme-light,
body.theme-dark,
body.theme-high-contrast {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
}

/* stylelint-disable*/
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: .875rem;
  /* 2 */
}

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

b,
strong {
  font-weight: 600;
}

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

dfn {
  font-style: italic;
}

mark {
  background-color: hsla(44, 100%, 50%, 1);
  background-color: var(--warning-base);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  color: inherit;
}

optgroup {
  font-weight: bold;
}

button,
input {
  /* 1 */
  overflow: visible;
}

button,
select {
  /* 1 */
  text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 2 */
}

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

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

fieldset,
legend {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
}

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

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* CSS web fonts, font-family, font-style, font-weight, etc. */
html,
body {
  font-family: "Segoe UI", SegoeUI, "Segoe WP", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

kbd,
samp {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
  line-height: 19px;
}

h1,
h2.likeAnH1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

.docon {
  font-family: 'docons';
  font-size: inherit;
  speak: none;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  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.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SegoeUI';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot");
  src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("ttf");
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: 'SegoeUI';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.eot");
  src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("ttf");
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: 'SegoeUI';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot");
  src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("ttf");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'SegoeUI';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.eot");
  src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("ttf");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'SegoeUI';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot");
  src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("ttf");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'SegoeUI';
  src: local("Apple Color Emoji"), local("Android Emoji"), local("Segoe UI Emoji"), local(EmojiSymbols), local(Symbola);
  /* Emoji unicode blocks */
  unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+02600-026FF;
}

@-webkit-keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes spinAround {
  from {
    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;
  }
  100%,
  80% {
    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;
  }
  100%,
  80% {
    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;
  }
  100%,
  76% {
    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;
  }
  100%,
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
}

@-webkit-keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  70% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  70% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes slideUpOutFadeOut {
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@keyframes slideUpOutFadeOut {
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes slideLeft {
  100% {
    transform: translateX(-100%);
  }
}

@keyframes slideLeft {
  100% {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes scaleIn {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(0);
  }
  75% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(0);
  }
  75% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes fadeInSpin {
  0%,
  50% {
    opacity: 0;
    right: 0;
    transform: rotate(180deg);
  }
  100% {
    opacity: 1;
    right: 105%;
    transform: rotate(0deg);
  }
}

@keyframes fadeInSpin {
  0%,
  50% {
    opacity: 0;
    right: 0;
    transform: rotate(180deg);
  }
  100% {
    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);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes shake {
  0% {
    transform: translateX(-10px);
  }
  20% {
    transform: translateX(10px);
  }
  50% {
    transform: translateX(-10px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}

@keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.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;
}

.vector-icon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  fill: currentColor;
}

.visually-hidden {
  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;
}

.textAccent1 {
  color: hsla(44, 100%, 20%, 1);
  color: var(--warning-dark);
}

.textAccent2 {
  color: hsla(262, 46%, 25%, 1);
  color: var(--info-dark);
}

.bgdAccent1 {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
}

span.likeALabel {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

time.loading {
  visibility: hidden;
}

/* Make hidden attribute compatible with old browser.*/
[hidden] {
  display: none !important;
}

/* Container and iFrame styles for embedded video */
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: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  display: flex;
  flex-direction: row;
  font-size: 0.8rem;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  border-bottom: 0;
  margin-top: 16px;
  min-height: 30px;
}

.codeHeader button.run,
.codeHeader button.tryIt {
  background: hsla(120, 77%, 30%, 1);
  background: var(--success-base);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.codeHeader button.run:hover,
.codeHeader button.tryIt:hover {
  background: hsla(120, 77%, 25%, 1);
  background: var(--success-hover);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--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 hsla(0, 0%, 89%, 1);
  border: 0 solid var(--border);
  border-left-width: 1px;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: normal;
}

.codeHeader > .action > .docon {
  margin-right: .25em;
}

.codeHeader > .action:hover {
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
}

.codeHeader > .action.focus-visible {
  z-index: 3;
}

.codeHeader > .action.action-interactive {
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
}

.codeHeader > .action.action-interactive:hover {
  background-color: hsla(120, 77%, 25%, 1) !important;
  background-color: var(--success-hover) !important;
}

.codeHeader > .action.action-interactive.is-loading:after {
  border-color: transparent transparent hsla(120, 77%, 25%, 1) hsla(120, 77%, 25%, 1) !important;
  border-color: transparent transparent var(--success-hover) var(--success-hover) !important;
}

.codeHeader + pre {
  margin-top: 0;
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 10;
  overflow-y: auto;
}

.centered {
  text-align: center;
}

.pageFooter {
  border-top: 1px solid hsla(0, 0%, 89%, 1);
  border-top: 1px solid var(--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: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.pageFooter ul.links > li a:hover {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
  text-decoration: underline;
}

/* adding ref classes here until page templates are cleaned up */
.subtle {
  color: hsla(0, 0%, 37%, 1);
  color: var(--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: 0.875rem;
  margin: 0 12px;
  margin-left: 24px;
}

.inlineEditButton a,
.inlineEditButton a:link {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.inlineEditButton a:hover {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.inlineEditButton a span.docon {
  color: hsla(206, 100%, 35%, 1);
  color: var(--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;
  font-weight: 400;
  font-size: .8rem;
  line-height: 160%;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  border-bottom: 1px solid hsla(0, 0%, 89%, 1);
  border-bottom: 1px solid var(--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;
}

dl.stack,
.stack {
  margin-top: 24px;
}

dl.halfStack,
.halfStack {
  margin-top: 12px;
}

.cdlHolder .cdl,
.pdlHolder .pdl {
  display: inline-block;
}

.cdlHolder .cdl:after {
  content: ', ';
}

.pdlHolder .pdl:after {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  content: '\FF19';
  font-family: 'docons';
  font-size: 12px;
  padding-left: 6px;
  vertical-align: text-top;
  padding-right: 6px;
}

.cdlHolder .cdl:last-child:after,
.pdlHolder .pdl:last-child:after {
  content: '';
}

table.attributeList {
  margin-top: 4px;
  width: auto;
}

table.attributeList td {
  padding: 8px;
  border: solid 1px hsla(0, 0%, 89%, 1);
  border: solid 1px var(--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:first-child,
.propertyInfo p:nth-child(2),
.propertyInfo + p {
  margin-top: 2px;
}

dl.parameterList {
  display: flex;
  margin: 0;
}

dl.parameterList dd {
  margin-left: 12px;
}

dl.parameterList + p {
  margin-top: 4px;
}

/*ssssssss*/
.detailTile {
  width: 50%;
  float: left;
  margin-bottom: 28px;
}

.detailTile h4 {
  font-size: 1rem;
  margin: 0 0 6px;
}

.detailTile div {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.detailTile + h2 {
  clear: left;
}

.parameterName,
dl.parameterList dt {
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--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: 0.875rem;
}

.globalParamsHolder {
  margin-top: 24px;
}

.globalParamsHolder > a {
  padding-left: 24px;
}

.globalParamsHolder > a:before {
  color: hsla(0, 0%, 0%, 1);
  color: var(--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 table */
main table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
  font-size: 0.875rem;
}

main table.min {
  width: unset;
}

main table caption {
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 1.2em;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
  text-align: right;
}

main td,
main th {
  display: table-cell;
  word-wrap: break-word;
  padding: 12px 16px;
  line-height: 1.5;
  vertical-align: top;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
}

main td p:first-child,
main th p:first-child {
  margin-top: 0;
}

main td.nowrap,
main th.nowrap {
  white-space: nowrap;
}

main th {
  text-align: left;
  font-size: 0.875rem;
  vertical-align: bottom;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
}

main table > caption + thead > tr:first-child > td,
main table > colgroup + thead > tr:first-child > td,
main table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

main .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: hsla(0, 0%, 0%, 0.108);
  background-color: var(--box-shadow-light);
}

/* table.nameValue */
main table.nameValue {
  border-width: 0;
  table-layout: fixed;
}

main table.nameValue td {
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
  padding: 12px 0;
}

main table.nameValue code {
  word-break: break-all;
}

main table.nameValue td:nth-child(1) {
  float: left;
  padding: 14px 0 0;
  width: 100%;
}

main table.nameValue td:nth-child(2) {
  border-width: 0;
  float: left;
  padding: 0 0 14px;
}

main table.nameValue.cols3 td:nth-child(2) {
  border-width: 0;
  float: left;
  padding: 8px 14px 0 0;
  width: 100%;
}

main table.nameValue.cols3 td:nth-child(3) {
  border-width: 0;
  float: left;
  padding: 8px 0 14px;
}

main table.nameValue td:only-child {
  float: left;
  padding: 14px 0;
  width: 100%;
}

main table.nameValue td p:first-child {
  margin: 0;
}

main table.nameValue td li {
  margin-bottom: 8px;
}

@media screen and (min-width: 768px), print {
  .content[dir='rtl'] table.nameValue td:nth-child(1),
  .content[dir='rtl'] table.nameValue td:nth-child(2),
  .content[dir='rtl'] table.nameValue td:nth-child(3),
  .content[dir='rtl'] table.nameValue td:only-child {
    float: none;
  }
  .content[dir='rtl'] main table.nameValue td:nth-child(1) {
    padding: 14px 0 14px 28px;
  }
  main table.nameValue td:nth-child(1) {
    float: none;
    padding: 14px 28px 14px 0;
    width: 30%;
    min-width: 200px;
  }
  main table.nameValue td:nth-child(2) {
    float: none;
    padding: 14px 0;
    width: 70%;
    border-top-width: 1px;
  }
  main table.nameValue.cols3 td:nth-child(1) {
    float: none;
    padding: 14px 14px 14px 0;
    width: 25%;
    min-width: 200px;
  }
  main table.nameValue.cols3 td:nth-child(2) {
    float: none;
    padding: 14px;
    width: 25%;
    border-top-width: 1px;
  }
  main table.nameValue.cols3 td:nth-child(3) {
    float: none;
    padding: 14px 0;
    width: 50%;
    border-top-width: 1px;
  }
  main table.nameValue td:only-child {
    float: none;
    padding: 14px 0;
    width: 100%;
  }
}

main .memberDetails table.nameValue td:nth-child(1) {
  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 screen and (min-width: 768px), print {
  main .memberDetails table.nameValue td:nth-child(1) {
    padding: 8px 16px 8px 0;
  }
  main .memberDetails table.nameValue td:nth-child(2) {
    padding: 8px 0;
  }
  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-x: auto;
}

div.table-scroll-wrapper-scrollable {
  margin: 1px;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
}

table.schema {
  margin-bottom: 24px;
  margin-top: 8px;
}

table.schema th {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

table.schema th:first-child,
table.schema td:first-child {
  padding-left: 0;
}

html.is-chromeless body {
  display: block;
  width: auto;
  overflow: hidden;
  padding: 0 24px 24px;
}

/* HTML Tags */
a {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
  cursor: pointer;
  text-decoration: none;
  word-wrap: break-word;
}

a:hover {
  color: hsla(206, 100%, 28%, 1);
  color: var(--primary-hover);
  text-decoration: underline;
}

a:active {
  color: hsla(206, 100%, 20%, 1);
  color: var(--primary-active);
}

a,
li {
  outline: 0;
}

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

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

*:not(a):not(pre) > code {
  padding: .1em .2em;
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  border-radius: 3px;
  font-size: 85%;
  font-smooth: auto;
  word-wrap: break-word;
}

pre {
  overflow: auto;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
  font-smooth: auto;
  padding: 1rem;
  margin: 1rem 0 0;
  padding-top: 30px;
  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 > code {
  border: 0;
  padding: 0;
  display: block;
  line-height: 19px;
}

kbd {
  display: inline-block;
  padding: 0.25rem;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
  font-size: 0.75rem;
  line-height: 10px;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  vertical-align: middle;
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
  border: solid 1px hsla(0, 0%, 67%, 1);
  border: solid 1px var(--secondary-base);
  border-bottom-color: hsla(0, 0%, 67%, 1);
  border-bottom-color: var(--secondary-base);
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 hsla(0, 0%, 0%, 0.3);
  box-shadow: inset 0 -1px 0 var(--secondary-box-shadow);
}

ul,
ol {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

ul.default,
ol.default {
  margin: 16px 0;
  margin-left: 38px;
}

ul.default > li,
ol.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: solid 1px hsla(0, 0%, 89%, 1);
  border: solid 1px var(--border);
  font-size: 0.75rem;
  line-height: 16px;
  outline: 0;
  text-overflow: ellipsis;
  /* stylelint-disable */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* stylelint-enable */
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #707070 50%), linear-gradient(135deg, #707070 50%, transparent 50%);
  background-position: calc(100% - 13px) 11px, calc(100% - 8px) 11px;
  background-size: 5px 5px, 5px 6px;
  background-repeat: no-repeat;
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
}

[dir='rtl'] > select,
[dir='rtl'] :not([dir='ltr']) select {
  background-position: 8px 11px, 13px 11px;
  padding: 0 6px 0 30px;
}

/*
Removes the dotted focus ring on selects in firefox that appears when __tabbing__ onto a select element.
At the time this was written, the selector needed an ancestor  to work properly.
"select:-moz-focusring" on it's own doesn't work for some reason.
*/
body select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 hsla(0, 0%, 0%, 0.18);
  text-shadow: 0 0 0 var(--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 hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
}

option {
  padding: 0;
  margin: 0;
}

hr {
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
}

input::-ms-clear {
  display: none;
}

.clearFix:after {
  content: '.';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

iframe {
  width: 100%;
}

html[data-target='docs'] [data-zone]:not([data-zone='docs']),
html[data-target='chromeless'] [data-zone]:not([data-zone='chromeless']),
html[data-target='docs'] [data-target]:not([data-target='docs']),
html[data-target='chromeless'] [data-target]:not([data-target='chromeless']) {
  display: none;
}

html:not(.os-high-contrast-enabled) .high-contrast-only {
  display: none !important;
}

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%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  box-sizing: border-box;
  min-height: 100vh;
}

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

body {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  line-height: 160%;
  min-height: 100vh;
}

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

.has-default-focus.has-white-static-focus .is-focused,
.has-default-focus.has-white-static-focus .focus-visible {
  outline: 0.125rem dashed white !important;
  outline-offset: 0.125rem;
}

.has-default-focus.has-inner-focus .is-focused,
.has-default-focus.has-inner-focus .focus-visible {
  outline-offset: -0.125rem !important;
}

.azure-header-static .has-default-focus .is-focused,
.azure-header-static .has-default-focus .focus-visible {
  z-index: 2;
}

.azure-header-static .has-default-focus .menu-drop .is-focused,
.azure-header-static .has-default-focus .menu-drop .focus-visible {
  outline: 0.125rem dashed black !important;
  outline-offset: 0.125rem;
}

.mainContainer {
  flex-grow: 1;
  flex-shrink: 1;
}

.mainContainer .primary-holder,
.mainContainer .left-container,
.mainContainer .right-container {
  padding-top: 1.5rem;
}

html.profilelist .mainContainer .primary-holder,
html.profilelist .mainContainer .left-container {
  padding-top: 0;
}

@media print {
  body,
  body > .mainContainer > .columns,
  body > .mainContainer > .columns > .primary-holder > .columns {
    display: block !important;
    margin: 0 auto !important;
  }
  body > .mainContainer > .columns > .primary-holder > .columns > :not(.column),	
  .left-container,	
  .right-container,	
  .feedback-section {	
    display: none !important;	
  }
  .mainContainer,
  .primary-holder {
    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;
  }
}

html.tutorial .tutorial-step-heading {
  margin-top: 0;
}

html.tutorial .launch-interactive-card.tutorial-card {
  margin-top: 0;
}

.toggle-theme {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  border-style: none;
  margin: 0;
  padding: 0;
}

.content {
  /**** checklist list ****/
}

.content img {
  border: 0;
}

.content img,
.content video {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.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: 2.5rem;
  margin-top: 0;
  word-wrap: break-word;
  word-break: break-word;
}

.content h2 {
  font-size: 1.75rem;
  margin-top: 32px;
}

.content h3 {
  font-size: 1.1875rem;
  margin-top: 30px;
  margin-bottom: 18px;
}

.content h4 {
  font-size: 1rem;
  margin-top: 36px;
  margin-bottom: 6px;
}

.content h5 {
  font-size: 0.9375rem;
  letter-spacing: 1px;
  margin-top: 36px;
  margin-bottom: 6px;
}

.content h6 {
  font-size: 0.875rem;
  letter-spacing: 1px;
  margin-top: 36px;
  margin-bottom: 6px;
}

.content p {
  margin-top: 1rem;
  margin-bottom: 0;
  word-wrap: break-word;
}

.content p a {
  text-decoration: underline;
}

.content ul.clean,
.content ol.clean {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

.content ul,
.content ol {
  margin: 16px 0;
  margin-left: 38px;
}

.content ul > li,
.content ol > 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;
}

.content .checklist > ul > li {
  list-style-type: none;
}

.content .checklist > ul > li:before {
  font-family: 'docons';
  content: '\FF02';
  display: inline-block;
  height: 1rem;
  margin-right: .5rem;
  position: relative;
  width: 1rem;
  color: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
}

.content[lang^='zh'] th, .content[lang^='ja'] th, .content[lang^='ko'] th {
  white-space: nowrap;
}

.docon-link:before {
  content: '\E71B';
}

.docon-search:before {
  content: '\E721';
}

.docon-share:before {
  content: '\E72D';
}

.docon-check-mark:before {
  content: '\E73E';
}

.docon-delete:before {
  content: '\E74D';
}

.docon-play:before {
  content: '\E768';
}

.docon-calendar:before {
  content: '\E787';
}

.docon-flag:before {
  content: '\E7C1';
}

.docon-location-circle:before {
  content: '\E80E';
}

.docon-location:before {
  content: '\E81D';
}

.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-clear-night:before {
  content: '\E9C2';
}

.docon-lightbulb:before {
  content: '\EA80';
}

.docon-arrow-up-right:before {
  content: '\F069';
}

.docon-deploy:before {
  content: '\F29D';
}

.docon-file-code:before {
  content: '\F30E';
}

.docon-set-history-status:before {
  content: '\F738';
}

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

.action-bar {
  display: flex;
  width: 100%;
  justify-content: center;
}

@media screen and (min-width: 768px), print {
  .action-bar {
    justify-content: flex-end;
    width: auto;
    padding: .25rem 0;
  }
}

.action-bar .action-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  font-size: 0.875rem;
  margin: 0;
  list-style-type: none;
}

@media screen and (min-width: 768px), print {
  .action-bar .action-list {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 768px), print {
  .action-bar .action-list {
    width: auto;
    flex-grow: 0;
  }
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) {
  display: inline;
  flex: none;
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) a,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) a:link,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) button,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) .toggle-theme,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) label[for='branch-selector'] {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) a:hover,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) a:link:hover,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) button:hover,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) .toggle-theme:hover,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) label[for='branch-selector']:hover {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) a:hover .action-item-text,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) a:link:hover .action-item-text,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) button:hover .action-item-text,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) .toggle-theme:hover .action-item-text,
.action-bar .action-list > li:not(.is-unstyled-action-list-item) label[for='branch-selector']:hover .action-item-text {
  text-decoration: underline;
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) #branch-selector {
  max-width: 140px;
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) .docon {
  font-size: 1.3rem;
}

@media screen and (min-width: 768px), print {
  .action-bar .action-list > li:not(.is-unstyled-action-list-item) .docon {
    font-size: 1rem;
  }
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) .dropdown-menu > ul {
  margin: 4px 0;
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) .dropdown-menu > ul > li {
  list-style: none;
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) .dropdown-menu > ul > li a {
  display: block;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  padding: 4px 16px;
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) .dropdown-menu > ul > li a:hover {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) .dropdown-menu > ul > li canvas {
  padding: 4px 16px;
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) .dropdown-menu > ul > li .docon {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
  font-size: 1rem;
}

.action-bar .action-list > li:not(.is-unstyled-action-list-item) .action-item-text {
  display: none;
}

@media screen and (min-width: 1088px) {
  .action-bar .action-list > li:not(.is-unstyled-action-list-item) .action-item-text {
    display: inline-block;
  }
}

.action-bar .contents-button {
  display: flex;
  min-width: 108px;
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  padding: 8px;
  align-self: flex-start;
  align-items: center;
  border: 0;
  background: none;
  font-size: 0.7rem;
}

@media screen and (min-width: 768px), print {
  .action-bar .contents-button {
    display: none;
  }
}

.action-bar .contents-button .docon {
  padding-right: 6px;
  font-size: 2rem;
  transform: scale(1, 0.6);
}

html.ap-layout-finished .action-bar {
  display: none;
}

.autocomplete {
  display: inline-block;
  position: relative;
}

.autocomplete-input {
  padding-right: 26px;
}

.autocomplete-loader {
  position: absolute;
  right: 10px;
  top: 8px;
}

.autocomplete-suggestions {
  position: absolute;
  z-index: 1;
  max-height: 15rem;
  min-width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 2px 0 0;
  list-style-type: none;
  cursor: default;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
  box-shadow: 0 1.6px 3.6px 0 hsla(0, 0%, 0%, 0.132), 0 0.3px 0.9px 0 hsla(0, 0%, 0%, 0.108);
  box-shadow: 0 1.6px 3.6px 0 var(--box-shadow-medium), 0 0.3px 0.9px 0 var(--box-shadow-light);
}

@media screen and (min-width: 768px), print {
  .autocomplete-suggestions {
    max-width: 500px;
  }
}

.autocomplete-suggestion {
  display: block;
  border: 1px solid transparent;
}

.autocomplete-suggestion:hover, .autocomplete-suggestion.is-active-descendant {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  border: 1px solid hsla(0, 0%, 0%, 0);
  border: 1px solid var(--border-yellow-high-contrast);
}

.card {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  box-shadow: 0 2px 3px hsla(0, 0%, 0%, 0.108), 0 0 0 1px hsla(0, 0%, 0%, 0.108);
  box-shadow: 0 2px 3px var(--box-shadow-light), 0 0 0 1px var(--box-shadow-light);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  max-width: 100%;
  position: relative;
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

.card .card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.108);
  box-shadow: 0 1px 2px var(--box-shadow-light);
  display: flex;
}

.card .card-header-title {
  align-items: center;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  display: flex;
  flex-grow: 1;
  font-weight: 600;
  padding: 0.75rem;
}

.card .card-header-title.is-centered {
  justify-content: center;
}

.card .card-header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem;
}

.card .card-image {
  display: block;
  position: relative;
}

.card .card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card .card-footer {
  background-color: transparent;
  border-top: 1px solid hsla(0, 0%, 89%, 1);
  border-top: 1px solid var(--border);
  align-items: stretch;
  display: flex;
  padding: 1.5rem;
}

.card .card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  margin-bottom: 0;
}

.card .card-footer-item:not(:last-child) {
  border-right: 1px solid hsla(0, 0%, 89%, 1);
  border-right: 1px solid var(--border);
}

.card .card-footer-item .is-centered {
  justify-content: center;
}

.card .card-footer-item .has-padding {
  padding: 0.75rem;
}

.card .media:not(:last-child) {
  margin-bottom: 0.75rem;
}

.card.is-fullheight {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}

.card.is-fullheight .card-content {
  flex: 1 1 auto;
}

@media screen and (min-width: 768px), print {
  .card.is-height-300-tablet {
    height: 300px;
  }
}

.card .learn-card-media {
  position: absolute;
  top: -55px;
  left: 1.5rem;
}

@media screen and (min-width: 768px), print {
  .card .learn-card-media {
    top: 0;
    left: -88px;
  }
}

.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: transparent;
}

.cloud-shell-header .button:hover, .cloud-shell-header .button.focus-visible {
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
  background: 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%;
}

.expandable:not(.is-expanded) {
  display: none;
}

/* Footer Vars */
.footerContainer {
  box-sizing: content-box;
  width: 100%;
  margin: 24px 0 0;
  border-top: 1px solid hsla(0, 0%, 100%, 0);
  border-top: 1px solid var(--border-white-high-contrast);
}

.footer-layout {
  background-color: hsla(0, 0%, 89%, 0.999);
  background-color: var(--secondary-background);
  display: flex;
  flex-direction: column;
  padding: 48px 16px 53px;
}

@media screen and (min-width: 1088px) {
  .footer-layout {
    flex-direction: row;
    justify-content: space-between;
  }
}

.footer-layout .links {
  font-size: 0.875rem;
  margin-bottom: 0;
  display: inline-block;
  margin-top: 16px;
}

@media screen and (min-width: 1088px) {
  .footer-layout .links {
    margin-top: 0;
  }
}

.footer-layout .links > li {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
}

.footer-layout .links > li:after {
  margin-left: 8px;
  content: '•';
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
}

.footer-layout .links > li:last-child {
  margin-right: 0;
}

.footer-layout .links > li:last-child:after {
  content: none;
}

.footer-layout .links > li a {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.footer-layout .links > li a:hover, .footer-layout .links > li a:active {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.locale-selector-link {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}

.locale-selector-link:hover {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  text-decoration: none;
}

.locale-selector-link:hover .local-selector-link-text {
  text-decoration: underline;
}

.modal {
  align-items: center;
  display: none;
  justify-content: flex-start;
  overflow: hidden;
  position: fixed;
  z-index: 800;
}

.modal.is-active {
  display: flex;
}

.modal p {
  margin: 0;
}

.modal-background {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-background + div:not(.modal-content) {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .modal-content {
    max-width: calc(100vw - 40px);
    width: auto;
  }
}

.modal-card {
  box-shadow: 0 1.6px 3.6px 0 hsla(0, 0%, 0%, 0.132), 0 0.3px 0.9px 0 hsla(0, 0%, 0%, 0.108);
  box-shadow: 0 1.6px 3.6px 0 var(--box-shadow-medium), 0 0.3px 0.9px 0 var(--box-shadow-light);
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

@media screen and (min-width: 768px), print {
  .modal-card {
    width: 600px;
  }
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .modal-content.fill-mobile,
  .modal-card.fill-mobile {
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    max-height: 100%;
    width: 100%;
    max-width: 100vw;
    margin: 0;
  }
}

.modal-close-button {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: visible;
}

.modal-card-close-button {
  margin-left: auto;
}

.modal-card-close-button.is-sticky {
  position: absolute;
  z-index: 800;
  right: 0.5rem;
  top: 1rem;
}

.modal-card-close-button.has-color-transition {
  transition: color 0.25s;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-title {
  color: hsla(0, 0%, 0%, 1);
  color: var(--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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  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 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation: scaleIn 1s ease;
          animation: scaleIn 1s ease;
  top: auto !important;
  bottom: 0;
  right: 20px;
}

.task-completed-modal .task-modal-background-correct {
  background-image: url("https://docs.microsoft.com/en-us/media/learn/modal-complete-plain.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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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;
}

.not-found-container {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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 screen and (min-width: 480px), print {
  .not-found-container .hero-image {
    width: 200px;
  }
}

@media screen and (min-width: 768px), print {
  .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: 0.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: 0.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;
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}

.pagination.is-small {
  font-size: 0.875rem;
}

.pagination.is-medium {
  font-size: 1rem;
}

.pagination.is-large {
  font-size: 1.125rem;
}

.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  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;
}

.pagination > li,
ul.pagination-list > li {
  list-style: none !important;
  margin: 0.25rem;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  text-decoration: none;
  min-width: 2.25em;
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: hsla(206, 100%, 28%, 1);
  border-color: var(--primary-hover);
  color: hsla(206, 100%, 28%, 1);
  color: var(--primary-hover);
  text-decoration: none;
}

.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
  background-color: hsla(0, 0%, 89%, 0.999);
  background-color: var(--secondary-background);
  border-color: hsla(0, 0%, 89%, 0.999);
  border-color: var(--secondary-background);
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.pagination-link.is-current:hover {
  background-color: hsla(206, 100%, 28%, 1);
  background-color: var(--primary-hover);
}

.pagination-ellipsis {
  color: hsla(0, 0%, 89%, 0.999);
  color: var(--secondary-background);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-list {
    flex-grow: 1;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 0;
    flex-shrink: 1;
  }
}

@media screen and (max-width: 767px) 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 (min-resolution: 120dpi) 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-resolution: 120dpi) and (min-aspect-ratio: 1 / 1), 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 (min-resolution: 120dpi) and (max-width: 767.9px) and (min-resolution: 120dpi) and (min-aspect-ratio: 1 / 1) {
  .is-centered .pagination-previous {
    order: 1;
  }
  .is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .is-centered .pagination-next {
    order: 3;
  }
}

@media screen and (min-width: 768px), print {
  .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: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
  padding: 0;
  margin: 0;
}

.nav-box .nav-box-title {
  margin: 0;
  padding: 1rem 1.1875rem 0.5rem;
}

.nav-box .nav-box-line {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
}

.nav-box .nav-box-line .line-item {
  width: 100%;
  padding: 0.5rem 1.1875rem;
  text-align: left;
}

.nav-box .nav-box-line .line-item :last-child {
  padding-left: 1.1875rem;
}

.nav-box .nav-box-line .is-spaced {
  display: flex;
  justify-content: space-between;
}

.nav-box .nav-box-line.is-current {
  background: hsla(0, 0%, 95%, 1);
  background: var(--body-background-dark);
  font-weight: 600;
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

.nav-box .nav-box-line:hover {
  background: hsla(0, 0%, 98%, 1);
  background: var(--body-background-medium);
}

.nav-box .nav-box-line:active {
  background: hsla(0, 0%, 95%, 1);
  background: var(--body-background-dark);
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: left;
}

.media .content:not(:last-child) {
  margin-bottom: 0.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 hsla(0, 0%, 0%, 0.132);
  border-top: 1px solid var(--box-shadow-medium);
  display: flex;
  padding-top: 0.75rem;
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}

.media .media .media {
  padding-top: 0.5rem;
}

.media .media .media + .media {
  margin-top: 0.5rem;
}

.media + .media {
  border-top: 1px solid hsla(0, 0%, 0%, 0.132);
  border-top: 1px solid var(--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;
  text-align: left;
}

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

.tabs .tab-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid transparent;
  align-items: center;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
  cursor: pointer;
}

.tabs .tab-control:hover {
  background-color: hsla(0, 0%, 98%, 0.999);
  background-color: var(--hover-invert);
}

.tabs .tab-parent {
  display: block;
}

.tabs .tab-parent.is-active .tab-control {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  border-bottom: 3px solid hsla(206, 100%, 35%, 1);
  border-bottom: 3px solid var(--primary-base);
}

.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: 0.75em;
}

.tabs .tab-list.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.tabs .tab-list.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}

.tabs .icon:first-child {
  margin-right: 0.5em;
}

.tabs .icon:last-child {
  margin-left: 0.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 hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  border-radius: 4px 4px 0 0;
}

.tabs.is-boxed .tab-control:hover {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  border-bottom-color: hsla(0, 0%, 89%, 1);
  border-bottom-color: var(--border);
}

.tabs.is-boxed .tab-parent.is-active .tab-control {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
  border-bottom-color: hsla(0, 0%, 89%, 1) !important;
  border-bottom-color: var(--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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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: hsla(0, 0%, 0%, 1);
  color: var(--text);
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}

.tabs.is-toggle .tab-control:hover {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  z-index: 2;
}

.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: hsla(0, 0%, 67%, 1);
  background-color: var(--secondary-base);
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  border-style: solid;
  border-width: 1px;
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
  z-index: 1;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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: 0.875rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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: 0.875rem;
}

ul.tree,
.tree ul {
  list-style-type: none;
  margin-bottom: 0;
}

.tree-item.is-leaf {
  color: hsla(0, 0%, 0%, 1) !important;
  color: var(--text) !important;
}

.tree-item > .tree-group {
  display: none;
}

.tree-item.is-expanded > .tree-group {
  display: block;
}

.tree-group {
  margin-left: 1rem;
}

.tree-item.is-leaf,
.tree-expander {
  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: -0.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: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  font-size: .55rem;
  font-weight: 600;
  transition: transform 0.15s ease-in-out;
  transform: rotate(0deg);
}

.tree-item.is-expanded > .tree-expander > .tree-expander-indicator {
  transform: rotate(90deg);
}

.tree-item.is-selected {
  color: hsla(0, 0%, 0%, 0.999) !important;
  color: var(--text-glow-high-contrast) !important;
  font-weight: 600;
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
}

.thumb-rating {
  height: auto;
}

.thumb-rating.is-selected {
  background: hsla(0, 0%, 18%, 0.999) !important;
  background: var(--secondary-dark) !important;
  color: hsla(0, 0%, 100%, 1) !important;
  color: var(--text-invert) !important;
}

#feedback-verbatim .thumb-rating.is-selected[aria-expanded='true']:after, #feedback-verbatim .thumb-rating.is-selected[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;
}

#feedback-verbatim .thumb-rating.is-selected[aria-expanded='true']:after {
  margin-left: 1px;
  margin-top: 2px;
  border-width: 7px;
  border-bottom-color: hsla(0, 0%, 100%, 0.999);
  border-bottom-color: var(--body-background);
}

#feedback-verbatim .thumb-rating.is-selected[aria-expanded='true']:before {
  border-width: 8px;
  border-bottom-color: hsla(0, 0%, 89%, 1);
  border-bottom-color: var(--border);
}

#feedback-verbatim .thumb-rating.is-selected[aria-expanded='true']:before, #feedback-verbatim .thumb-rating.is-selected[aria-expanded='true']:after {
  z-index: 1;
  top: inherit;
  bottom: -19px;
}

.star-rating-control label,
.star-rating-control output {
  cursor: pointer;
}

.star-rating-control label {
  display: inline-block;
  padding: 0 0.25rem;
}

.star-rating-control output {
  display: block;
  width: 0;
  margin-left: 0.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:not(.is-selected) ~ label .rating-star:before,
.star-rating-control .star-collection > input + label:hover ~ label .rating-star:before,
.star-rating-control .star-collection > input + label.focus-visible ~ label .rating-star:before {
  content: '\FF38';
}

.star-rating-control .star-collection:hover > input + label .rating-star:before,
.star-rating-control .star-collection.focus-visible > input + label .rating-star:before {
  content: '\FF36';
}

.star-rating-control .star-layout {
  display: flex;
}

.star-rating-control .star-layout.is-centered {
  justify-content: center;
}

.star-rating-control .star-layout.is-centered .star-collection {
  margin: 0 0.5rem;
}

.star-rating-control .star-layout.is-centered output {
  width: auto;
  padding: 0.25rem 1rem;
  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 .star,
.star-rating-display .before-text {
  padding-right: 0.25rem;
}

.star-rating-display .explanation-text {
  font-size: 0.875rem;
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.star-rating-conceptual[aria-expanded='true'] {
  position: relative;
}

.star-rating-conceptual[aria-expanded='true']:after, .star-rating-conceptual[aria-expanded='true']:before {
  position: absolute;
  left: calc(4.25rem - 8px);
  bottom: 100%;
  top: -16px;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
  content: ' ';
  border-color: transparent;
  border-style: outset outset solid;
}

.star-rating-conceptual[aria-expanded='true']:after {
  margin-left: 1px;
  margin-top: 2px;
  border-width: 7px;
  border-bottom-color: hsla(0, 0%, 100%, 0.999);
  border-bottom-color: var(--body-background);
}

.star-rating-conceptual[aria-expanded='true']:before {
  border-width: 8px;
  border-bottom-color: hsla(0, 0%, 89%, 1);
  border-bottom-color: var(--border);
}

.star-rating-conceptual[aria-expanded='true']:before, .star-rating-conceptual[aria-expanded='true']:after {
  z-index: 1;
  top: calc(100% + 2px);
}

.theme-selector .theme-selector-icon {
  width: 24px !important;
}

.theme-selector .theme-control.is-selected:not(.focus-visible) {
  border: 1px solid hsla(206, 100%, 35%, 1);
  border: 1px solid var(--primary-base);
}

.bracket .bracket-line,
.bracket .bracket-group-line {
  border-bottom: 2px solid hsla(0, 0%, 67%, 1);
  border-bottom: 2px solid var(--secondary-base);
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .bracket .bracket-line,
  .bracket .bracket-group-line {
    border-bottom: 0;
    border-left: 2px solid hsla(0, 0%, 67%, 1);
    border-left: 2px solid var(--secondary-base);
    height: 15px;
    transform: translate(50%);
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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 hsla(0, 0%, 67%, 1);
  border-top: 2px solid var(--secondary-base);
  border-bottom: 2px solid hsla(0, 0%, 67%, 1);
  border-bottom: 2px solid var(--secondary-base);
}

body[dir='ltr'] .bracket .bracket-group-right {
  border-right: 2px solid hsla(0, 0%, 67%, 1);
  border-right: 2px solid var(--secondary-base);
  margin-left: 5px;
}

body[dir='rtl'] .bracket .bracket-group-right {
  border-left: 2px solid hsla(0, 0%, 67%, 1);
  border-left: 2px solid var(--secondary-base);
  margin-right: 5px;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .bracket .bracket-group-right {
    top: 0;
    border-top: 0;
    border-left: 2px solid hsla(0, 0%, 67%, 1);
    border-left: 2px solid var(--secondary-base);
    border-bottom: 2px solid hsla(0, 0%, 67%, 1);
    border-bottom: 2px solid var(--secondary-base);
    border-right: 2px solid hsla(0, 0%, 67%, 1);
    border-right: 2px solid var(--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:before,
.divider-line .divider-line-label:after {
  content: '';
  width: 1000px;
  position: absolute;
  top: 0.65em;
  border-top: 1px solid hsla(0, 0%, 67%, 1);
  border-top: 1px solid var(--secondary-base);
}

.divider-line .divider-line-label:before {
  right: 100%;
}

.divider-line .divider-line-label:after {
  left: 100%;
}

.box {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  box-shadow: 0 1.6px 3.6px 0 hsla(0, 0%, 0%, 0.132), 0 0.3px 0.9px 0 hsla(0, 0%, 0%, 0.108);
  box-shadow: 0 1.6px 3.6px 0 var(--box-shadow-medium), 0 0.3px 0.9px 0 var(--box-shadow-light);
  display: block;
  padding: 1.25rem;
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

a.box:hover {
  box-shadow: 3px 3px 5px 0 hsla(0, 0%, 0%, 0.108), 0 0 0 1px hsla(206, 100%, 35%, 1);
  box-shadow: 3px 3px 5px 0 var(--box-shadow-light), 0 0 0 1px var(--primary-base);
}

a.box:active {
  box-shadow: inset 0 1px 2px hsla(0, 0%, 0%, 0.132), 0 0 0 1px hsla(206, 100%, 35%, 1);
  box-shadow: inset 0 1px 2px var(--box-shadow-medium), 0 0 0 1px var(--primary-base);
}

.xp-tag {
  position: absolute;
  right: 33px;
  top: 18px;
}

@media screen and (min-width: 1088px) {
  html:not(.has-interactive) .xp-tag {
    top: 48px;
  }
}

.xp-tag.is-large {
  position: static;
}

@media screen and (min-width: 1088px) {
  html:not(.has-interactive) .section.is-uniform .xp-tag {
    top: 48px;
    right: 57px;
  }
}

.xp-tag.is-column-child {
  top: 1.5rem !important;
}

@media screen and (min-width: 1088px) {
  .xp-tag.is-column-child {
    top: 0 !important;
  }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .xp-tag.has-mobile-positioning {
    top: 22px;
  }
}

.xp-tag-hexagon {
  position: relative;
  top: 0;
  min-width: 72px;
  height: 18px;
  background: hsla(0, 0%, 89%, 1);
  background: var(--border);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.8s ease;
  transition-delay: 0.4s;
}

.xp-tag-hexagon:before {
  content: '';
  position: absolute;
  left: -18px;
  left: -6px;
  top: 3px;
  transform: rotateZ(45deg);
  height: 12px;
  width: 12px;
  background-color: hsla(0, 0%, 89%, 1);
  background-color: var(--border);
  z-index: 1;
  border: none !important;
  transition: background-color 0.8s ease;
  transition-delay: 0.4s;
}

.xp-tag-hexagon:after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  width: 0;
  height: 0;
  background: transparent;
  border-left: 9px solid hsla(0, 0%, 89%, 1);
  border-left: 9px solid var(--border);
  border-right: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  transition: border-color 0.8s ease;
  transition-delay: 0.4s;
}

.is-complete .xp-tag-hexagon {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  transition: background-color 0.8s ease;
  transition-delay: 0.4s;
}

.is-complete .xp-tag-hexagon .xp-tag-xp {
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.is-complete .xp-tag-hexagon:before {
  background-color: hsla(120, 77%, 25%, 1);
  background-color: var(--success-hover);
  transition: background-color 0.8s ease;
  transition-delay: 0.4s;
}

.is-complete .xp-tag-hexagon:after {
  border-left: 9px solid hsla(120, 77%, 30%, 1);
  border-left: 9px solid var(--success-base);
  transition: border-color 0.8s ease;
  transition-delay: 0.4s;
}

.is-large .xp-tag-hexagon {
  display: flex;
  position: relative;
  width: 120px !important;
  height: 36px !important;
}

.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.45584px !important;
  width: 25.45584px !important;
}

.is-large .xp-tag-hexagon:after {
  right: -36px;
  border-left: 18px solid hsla(0, 0%, 89%, 1);
  border-left: 18px solid var(--border);
  border-right: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
}

.is-large.is-complete .xp-tag-hexagon {
  padding-left: 18px !important;
}

.is-large.is-complete .xp-tag-hexagon:before {
  background: hsla(120, 77%, 25%, 1) !important;
  background: var(--success-hover) !important;
}

.is-large.is-complete .xp-tag-hexagon:after {
  border-left: 18px solid hsla(120, 77%, 30%, 1) !important;
  border-left: 18px solid var(--success-base) !important;
}

.xp-tag-xp {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  font-size: 12px;
  margin-bottom: 1px;
}

body.theme-high-contrast .xp-tag-xp {
  color: hsla(0, 0%, 100%, 1);
  color: var(--text-invert);
}

.is-large .xp-tag-xp {
  font-size: 18px;
}

.is-complete .xp-tag-icon {
  position: absolute;
  left: -5px;
  top: 1px;
  z-index: 3;
  font-size: 9px;
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation: scaleIn 0.8s ease;
          animation: scaleIn 0.8s ease;
}

.is-large .xp-tag-icon {
  top: 10px !important;
  left: -10px !important;
  font-size: 18px !important;
}

.progress-tag {
  padding: 0 0.5rem;
  font-size: 0.7rem;
  flex-shrink: 0;
  text-transform: uppercase;
  font-weight: 600;
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

.progress-tag.is-in-progress {
  background-color: hsla(0, 0%, 89%, 0.999);
  background-color: var(--secondary-background);
  color: hsla(0, 0%, 18%, 0.999);
  color: var(--secondary-dark);
}

.progress-tag.is-in-progress .progress-icon:before {
  content: '\F738';
}

.progress-tag.is-complete {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.progress-tag.is-complete .progress-icon:before {
  content: '\FF02';
}

.progress-tag .progress-icon {
  margin-left: 0.25rem;
}

.button {
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  border-color: hsla(0, 0%, 37%, 1);
  border-color: var(--text-subtle);
  border-width: 1px;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.375em - 1px);
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: calc(0.375em - 1px);
  text-align: center;
  white-space: nowrap;
}

.button:not(.is-text), .button:not(.is-text-primary), .button:not(.is-link) {
  text-decoration: none !important;
}

.button strong {
  color: inherit;
}

.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  width: 1.5em;
}

.button .icon:first-child:last-child {
  margin-left: calc(-0.375em - 1px);
  margin-right: calc(-0.375em - 1px);
}

.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.375em - 1px);
  margin-right: 0.1875em;
}

.button .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: calc(-0.375em - 1px);
}

.content .button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.375em - 1px) !important;
  margin-right: 0.1875em !important;
}

.content .button .icon:last-child:not(:first-child) {
  margin-left: 0.1875em !important;
  margin-right: calc(-0.375em - 1px) !important;
}

.button.is-icon-only .icon {
  margin: 0 !important;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .button.is-icon-only-mobile .icon {
    margin: 0 !important;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .button.is-icon-only-touch .icon {
    margin: 0 !important;
  }
}

.button:hover, .button.is-hovered {
  border-color: hsla(0, 0%, 18%, 1);
  border-color: var(--hover-base);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  background-color: hsla(0, 0%, 98%, 0.999);
  background-color: var(--hover-invert);
}

.button.focus-visible, .button.is-focused {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.button:active, .button.is-active {
  border-color: hsla(0, 0%, 0%, 1);
  border-color: var(--text);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  text-decoration: underline;
}

.button.is-text:hover, .button.is-text.is-hovered, .button.is-text.focus-visible, .button.is-text.is-focused {
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.button.is-text:active, .button.is-text.is-active {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.button.is-text[disabled] {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.button.is-text.has-text-primary {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.button.is-text.has-text-primary:hover, .button.is-text.has-text-primary.is-hovered, .button.is-text.has-text-primary.focus-visible, .button.is-text.has-text-primary.is-focused {
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
  color: hsla(206, 100%, 28%, 1);
  color: var(--primary-hover);
}

.button.is-text.has-text-primary:active, .button.is-text.has-text-primary.is-active {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  color: hsla(0, 0%, 95%, 1);
  color: var(--body-background-dark);
}

.button.is-text.is-link {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
  padding: 0;
  height: auto;
  background-color: transparent;
}

.button.is-text.is-link:hover, .button.is-text.is-link.is-hovered, .button.is-text.is-link.focus-visible, .button.is-text.is-link.is-focused {
  background-color: transparent;
  color: hsla(206, 100%, 28%, 1);
  color: var(--primary-hover);
  text-decoration: underline !important;
}

.button.is-text.is-link:active, .button.is-text.is-link.is-active {
  background-color: transparent;
  color: hsla(0, 0%, 95%, 1);
  color: var(--body-background-dark);
  text-decoration: underline !important;
}

.button.is-transparent {
  background: transparent;
  border-color: transparent;
  color: currentColor;
  outline-color: currentColor;
}

.button.is-transparent:hover {
  border-color: currentColor;
  background: rgba(255, 255, 255, 0.05);
}

.button.is-transparent:active {
  border-color: currentColor;
  background: rgba(255, 255, 255, 0.1);
}

.button.is-primary {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: hsla(206, 100%, 28%, 1);
  background-color: var(--primary-hover);
  border-color: hsla(0, 0%, 0%, 0);
  border-color: var(--border-yellow-high-contrast);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.button.is-primary.focus-visible, .button.is-primary.is-focused {
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.button.is-primary:active, .button.is-primary.is-active {
  background-color: hsla(206, 100%, 20%, 1);
  background-color: var(--primary-active);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.button.is-primary[disabled] {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  box-shadow: none;
}

.button.is-primary.is-inverted {
  background-color: hsla(0, 0%, 100%, 0.998);
  background-color: var(--primary-invert);
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.button.is-primary.is-inverted:hover {
  background-color: hsla(205, 100%, 94%, 1);
  background-color: var(--primary-background);
  color: hsla(206, 100%, 15%, 1);
  color: var(--primary-dark);
}

.button.is-primary.is-inverted[disabled] {
  background-color: hsla(0, 0%, 100%, 0.998);
  background-color: var(--primary-invert);
  border-color: transparent;
  box-shadow: none;
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.button.is-primary.is-loading:after, .has-loading-skeleton .is-primary.button:after {
  border-color: transparent transparent hsla(0, 0%, 100%, 0.998) hsla(0, 0%, 100%, 0.998) !important;
  border-color: transparent transparent var(--primary-invert) var(--primary-invert) !important;
}

.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  color: hsla(206, 100%, 15%, 1);
  color: var(--primary-dark);
}

.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.focus-visible {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.button.is-primary.is-outlined.is-loading:after, .has-loading-skeleton .is-primary.is-outlined.button:after {
  border-color: transparent transparent hsla(206, 100%, 35%, 1) hsla(206, 100%, 35%, 1) !important;
  border-color: transparent transparent var(--primary-base) var(--primary-base) !important;
}

.button.is-primary.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  box-shadow: none;
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.998);
  border-color: var(--primary-invert);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 100%, 0.998);
  background-color: var(--primary-invert);
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.button.is-primary.is-inverted.is-outlined.focus-visible {
  outline-color: hsla(0, 0%, 100%, 0.998);
  outline-color: var(--primary-invert);
}

.button.is-primary.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.998);
  border-color: var(--primary-invert);
  box-shadow: none;
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.button.is-secondary {
  background-color: hsla(0, 0%, 67%, 1);
  background-color: var(--secondary-base);
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.button.is-secondary:hover, .button.is-secondary.is-hovered {
  background-color: hsla(0, 0%, 78%, 1);
  background-color: var(--secondary-hover);
  border-color: hsla(0, 0%, 0%, 0);
  border-color: var(--border-yellow-high-contrast);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.button.is-secondary.focus-visible, .button.is-secondary.is-focused {
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.button.is-secondary:active, .button.is-secondary.is-active {
  background-color: hsla(0, 0%, 78%, 0.999);
  background-color: var(--secondary-active);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.button.is-secondary[disabled] {
  background-color: hsla(0, 0%, 67%, 1);
  background-color: var(--secondary-base);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  box-shadow: none;
}

.button.is-secondary.is-inverted {
  background-color: hsla(0, 0%, 0%, 0.998);
  background-color: var(--secondary-invert);
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
}

.button.is-secondary.is-inverted:hover {
  background-color: hsla(0, 0%, 89%, 0.999);
  background-color: var(--secondary-background);
  color: hsla(0, 0%, 18%, 0.999);
  color: var(--secondary-dark);
}

.button.is-secondary.is-inverted[disabled] {
  background-color: hsla(0, 0%, 0%, 0.998);
  background-color: var(--secondary-invert);
  border-color: transparent;
  box-shadow: none;
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
}

.button.is-secondary.is-loading:after, .has-loading-skeleton .is-secondary.button:after {
  border-color: transparent transparent hsla(0, 0%, 0%, 0.998) hsla(0, 0%, 0%, 0.998) !important;
  border-color: transparent transparent var(--secondary-invert) var(--secondary-invert) !important;
}

.button.is-secondary.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  color: hsla(0, 0%, 18%, 0.999);
  color: var(--secondary-dark);
}

.button.is-secondary.is-outlined:hover, .button.is-secondary.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 67%, 1);
  background-color: var(--secondary-base);
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.button.is-secondary.is-outlined.is-loading:after, .has-loading-skeleton .is-secondary.is-outlined.button:after {
  border-color: transparent transparent hsla(0, 0%, 67%, 1) hsla(0, 0%, 67%, 1) !important;
  border-color: transparent transparent var(--secondary-base) var(--secondary-base) !important;
}

.button.is-secondary.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  box-shadow: none;
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
}

.button.is-secondary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 0%, 0.998);
  border-color: var(--secondary-invert);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.button.is-secondary.is-inverted.is-outlined:hover, .button.is-secondary.is-inverted.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 0%, 0.998);
  background-color: var(--secondary-invert);
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
}

.button.is-secondary.is-inverted.is-outlined.focus-visible {
  outline-color: hsla(0, 0%, 0%, 0.998);
  outline-color: var(--secondary-invert);
}

.button.is-secondary.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 0%, 0.998);
  border-color: var(--secondary-invert);
  box-shadow: none;
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.button.is-tertiary {
  background-color: hsla(0, 0%, 27%, 1);
  background-color: var(--tertiary-base);
  border-color: hsla(0, 0%, 27%, 1);
  border-color: var(--tertiary-base);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.button.is-tertiary:hover, .button.is-tertiary.is-hovered {
  background-color: hsla(0, 0%, 37%, 0.999);
  background-color: var(--tertiary-hover);
  border-color: hsla(0, 0%, 0%, 0);
  border-color: var(--border-yellow-high-contrast);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.button.is-tertiary.focus-visible, .button.is-tertiary.is-focused {
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.button.is-tertiary:active, .button.is-tertiary.is-active {
  background-color: hsla(0, 0%, 46%, 1);
  background-color: var(--tertiary-active);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.button.is-tertiary[disabled] {
  background-color: hsla(0, 0%, 27%, 1);
  background-color: var(--tertiary-base);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  box-shadow: none;
}

.button.is-tertiary.is-inverted {
  background-color: hsla(0, 0%, 100%, 0.997);
  background-color: var(--tertiary-invert);
  color: hsla(0, 0%, 27%, 1);
  color: var(--tertiary-base);
}

.button.is-tertiary.is-inverted:hover {
  background-color: hsla(0, 0%, 9%, 1);
  background-color: var(--tertiary-background);
  color: hsla(0, 0%, 89%, 0.997);
  color: var(--tertiary-dark);
}

.button.is-tertiary.is-inverted[disabled] {
  background-color: hsla(0, 0%, 100%, 0.997);
  background-color: var(--tertiary-invert);
  border-color: transparent;
  box-shadow: none;
  color: hsla(0, 0%, 27%, 1);
  color: var(--tertiary-base);
}

.button.is-tertiary.is-loading:after, .has-loading-skeleton .is-tertiary.button:after {
  border-color: transparent transparent hsla(0, 0%, 100%, 0.997) hsla(0, 0%, 100%, 0.997) !important;
  border-color: transparent transparent var(--tertiary-invert) var(--tertiary-invert) !important;
}

.button.is-tertiary.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 27%, 1);
  border-color: var(--tertiary-base);
  color: hsla(0, 0%, 89%, 0.997);
  color: var(--tertiary-dark);
}

.button.is-tertiary.is-outlined:hover, .button.is-tertiary.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 27%, 1);
  background-color: var(--tertiary-base);
  border-color: hsla(0, 0%, 27%, 1);
  border-color: var(--tertiary-base);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.button.is-tertiary.is-outlined.is-loading:after, .has-loading-skeleton .is-tertiary.is-outlined.button:after {
  border-color: transparent transparent hsla(0, 0%, 27%, 1) hsla(0, 0%, 27%, 1) !important;
  border-color: transparent transparent var(--tertiary-base) var(--tertiary-base) !important;
}

.button.is-tertiary.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 27%, 1);
  border-color: var(--tertiary-base);
  box-shadow: none;
  color: hsla(0, 0%, 27%, 1);
  color: var(--tertiary-base);
}

.button.is-tertiary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.997);
  border-color: var(--tertiary-invert);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.button.is-tertiary.is-inverted.is-outlined:hover, .button.is-tertiary.is-inverted.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 100%, 0.997);
  background-color: var(--tertiary-invert);
  color: hsla(0, 0%, 27%, 1);
  color: var(--tertiary-base);
}

.button.is-tertiary.is-inverted.is-outlined.focus-visible {
  outline-color: hsla(0, 0%, 100%, 0.997);
  outline-color: var(--tertiary-invert);
}

.button.is-tertiary.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.997);
  border-color: var(--tertiary-invert);
  box-shadow: none;
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.button.is-success {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.button.is-success:hover, .button.is-success.is-hovered {
  background-color: hsla(120, 77%, 25%, 1);
  background-color: var(--success-hover);
  border-color: hsla(0, 0%, 0%, 0);
  border-color: var(--border-yellow-high-contrast);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.button.is-success.focus-visible, .button.is-success.is-focused {
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.button.is-success:active, .button.is-success.is-active {
  background-color: hsla(120, 77%, 20%, 1);
  background-color: var(--success-active);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.button.is-success[disabled] {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  box-shadow: none;
}

.button.is-success.is-inverted {
  background-color: hsla(0, 0%, 100%, 0.996);
  background-color: var(--success-invert);
  color: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
}

.button.is-success.is-inverted:hover {
  background-color: hsla(120, 77%, 90%, 1);
  background-color: var(--success-background);
  color: hsla(120, 77%, 15%, 1);
  color: var(--success-dark);
}

.button.is-success.is-inverted[disabled] {
  background-color: hsla(0, 0%, 100%, 0.996);
  background-color: var(--success-invert);
  border-color: transparent;
  box-shadow: none;
  color: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
}

.button.is-success.is-loading:after, .has-loading-skeleton .is-success.button:after {
  border-color: transparent transparent hsla(0, 0%, 100%, 0.996) hsla(0, 0%, 100%, 0.996) !important;
  border-color: transparent transparent var(--success-invert) var(--success-invert) !important;
}

.button.is-success.is-outlined {
  background-color: transparent;
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
  color: hsla(120, 77%, 15%, 1);
  color: var(--success-dark);
}

.button.is-success.is-outlined:hover, .button.is-success.is-outlined.focus-visible {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.button.is-success.is-outlined.is-loading:after, .has-loading-skeleton .is-success.is-outlined.button:after {
  border-color: transparent transparent hsla(120, 77%, 30%, 1) hsla(120, 77%, 30%, 1) !important;
  border-color: transparent transparent var(--success-base) var(--success-base) !important;
}

.button.is-success.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
  box-shadow: none;
  color: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
}

.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.996);
  border-color: var(--success-invert);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 100%, 0.996);
  background-color: var(--success-invert);
  color: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
}

.button.is-success.is-inverted.is-outlined.focus-visible {
  outline-color: hsla(0, 0%, 100%, 0.996);
  outline-color: var(--success-invert);
}

.button.is-success.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.996);
  border-color: var(--success-invert);
  box-shadow: none;
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.button.is-info {
  background-color: hsla(262, 46%, 58%, 1);
  background-color: var(--info-base);
  border-color: hsla(262, 46%, 58%, 1);
  border-color: var(--info-base);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.button.is-info:hover, .button.is-info.is-hovered {
  background-color: hsla(262, 46%, 50%, 1);
  background-color: var(--info-hover);
  border-color: hsla(0, 0%, 0%, 0);
  border-color: var(--border-yellow-high-contrast);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.button.is-info.focus-visible, .button.is-info.is-focused {
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.button.is-info:active, .button.is-info.is-active {
  background-color: hsla(262, 46%, 37%, 1);
  background-color: var(--info-active);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.button.is-info[disabled] {
  background-color: hsla(262, 46%, 58%, 1);
  background-color: var(--info-base);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  box-shadow: none;
}

.button.is-info.is-inverted {
  background-color: hsla(0, 0%, 100%, 0.995);
  background-color: var(--info-invert);
  color: hsla(262, 46%, 58%, 1);
  color: var(--info-base);
}

.button.is-info.is-inverted:hover {
  background-color: hsla(262, 46%, 90%, 1);
  background-color: var(--info-background);
  color: hsla(262, 46%, 25%, 1);
  color: var(--info-dark);
}

.button.is-info.is-inverted[disabled] {
  background-color: hsla(0, 0%, 100%, 0.995);
  background-color: var(--info-invert);
  border-color: transparent;
  box-shadow: none;
  color: hsla(262, 46%, 58%, 1);
  color: var(--info-base);
}

.button.is-info.is-loading:after, .has-loading-skeleton .is-info.button:after {
  border-color: transparent transparent hsla(0, 0%, 100%, 0.995) hsla(0, 0%, 100%, 0.995) !important;
  border-color: transparent transparent var(--info-invert) var(--info-invert) !important;
}

.button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsla(262, 46%, 58%, 1);
  border-color: var(--info-base);
  color: hsla(262, 46%, 25%, 1);
  color: var(--info-dark);
}

.button.is-info.is-outlined:hover, .button.is-info.is-outlined.focus-visible {
  background-color: hsla(262, 46%, 58%, 1);
  background-color: var(--info-base);
  border-color: hsla(262, 46%, 58%, 1);
  border-color: var(--info-base);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.button.is-info.is-outlined.is-loading:after, .has-loading-skeleton .is-info.is-outlined.button:after {
  border-color: transparent transparent hsla(262, 46%, 58%, 1) hsla(262, 46%, 58%, 1) !important;
  border-color: transparent transparent var(--info-base) var(--info-base) !important;
}

.button.is-info.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(262, 46%, 58%, 1);
  border-color: var(--info-base);
  box-shadow: none;
  color: hsla(262, 46%, 58%, 1);
  color: var(--info-base);
}

.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.995);
  border-color: var(--info-invert);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 100%, 0.995);
  background-color: var(--info-invert);
  color: hsla(262, 46%, 58%, 1);
  color: var(--info-base);
}

.button.is-info.is-inverted.is-outlined.focus-visible {
  outline-color: hsla(0, 0%, 100%, 0.995);
  outline-color: var(--info-invert);
}

.button.is-info.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.995);
  border-color: var(--info-invert);
  box-shadow: none;
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.button.is-warning {
  background-color: hsla(44, 100%, 50%, 1);
  background-color: var(--warning-base);
  border-color: hsla(44, 100%, 50%, 1);
  border-color: var(--warning-base);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: hsla(44, 100%, 40%, 1);
  background-color: var(--warning-hover);
  border-color: hsla(0, 0%, 0%, 0);
  border-color: var(--border-yellow-high-contrast);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.button.is-warning.focus-visible, .button.is-warning.is-focused {
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.button.is-warning:active, .button.is-warning.is-active {
  background-color: hsla(44, 100%, 30%, 1);
  background-color: var(--warning-active);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.button.is-warning[disabled] {
  background-color: hsla(44, 100%, 50%, 1);
  background-color: var(--warning-base);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  box-shadow: none;
}

.button.is-warning.is-inverted {
  background-color: hsla(0, 0%, 0%, 0.997);
  background-color: var(--warning-invert);
  color: hsla(44, 100%, 50%, 1);
  color: var(--warning-base);
}

.button.is-warning.is-inverted:hover {
  background-color: hsla(44, 100%, 90%, 1);
  background-color: var(--warning-background);
  color: hsla(44, 100%, 20%, 1);
  color: var(--warning-dark);
}

.button.is-warning.is-inverted[disabled] {
  background-color: hsla(0, 0%, 0%, 0.997);
  background-color: var(--warning-invert);
  border-color: transparent;
  box-shadow: none;
  color: hsla(44, 100%, 50%, 1);
  color: var(--warning-base);
}

.button.is-warning.is-loading:after, .has-loading-skeleton .is-warning.button:after {
  border-color: transparent transparent hsla(0, 0%, 0%, 0.997) hsla(0, 0%, 0%, 0.997) !important;
  border-color: transparent transparent var(--warning-invert) var(--warning-invert) !important;
}

.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: hsla(44, 100%, 50%, 1);
  border-color: var(--warning-base);
  color: hsla(44, 100%, 20%, 1);
  color: var(--warning-dark);
}

.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.focus-visible {
  background-color: hsla(44, 100%, 50%, 1);
  background-color: var(--warning-base);
  border-color: hsla(44, 100%, 50%, 1);
  border-color: var(--warning-base);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.button.is-warning.is-outlined.is-loading:after, .has-loading-skeleton .is-warning.is-outlined.button:after {
  border-color: transparent transparent hsla(44, 100%, 50%, 1) hsla(44, 100%, 50%, 1) !important;
  border-color: transparent transparent var(--warning-base) var(--warning-base) !important;
}

.button.is-warning.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(44, 100%, 50%, 1);
  border-color: var(--warning-base);
  box-shadow: none;
  color: hsla(44, 100%, 50%, 1);
  color: var(--warning-base);
}

.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 0%, 0.997);
  border-color: var(--warning-invert);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 0%, 0.997);
  background-color: var(--warning-invert);
  color: hsla(44, 100%, 50%, 1);
  color: var(--warning-base);
}

.button.is-warning.is-inverted.is-outlined.focus-visible {
  outline-color: hsla(0, 0%, 0%, 0.997);
  outline-color: var(--warning-invert);
}

.button.is-warning.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 0%, 0.997);
  border-color: var(--warning-invert);
  box-shadow: none;
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.button.is-danger {
  background-color: hsla(16, 99%, 43%, 1);
  background-color: var(--danger-base);
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: hsla(16, 99%, 35%, 1);
  background-color: var(--danger-hover);
  border-color: hsla(0, 0%, 0%, 0);
  border-color: var(--border-yellow-high-contrast);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.button.is-danger.focus-visible, .button.is-danger.is-focused {
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.button.is-danger:active, .button.is-danger.is-active {
  background-color: hsla(16, 99%, 25%, 1);
  background-color: var(--danger-active);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.button.is-danger[disabled] {
  background-color: hsla(16, 99%, 43%, 1);
  background-color: var(--danger-base);
  border-color: hsla(0, 0%, 100%, 0);
  border-color: var(--border-white-high-contrast);
  box-shadow: none;
}

.button.is-danger.is-inverted {
  background-color: hsla(0, 0%, 100%, 0.994);
  background-color: var(--danger-invert);
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
}

.button.is-danger.is-inverted:hover {
  background-color: hsla(16, 99%, 90%, 1);
  background-color: var(--danger-background);
  color: hsla(16, 99%, 20%, 1);
  color: var(--danger-dark);
}

.button.is-danger.is-inverted[disabled] {
  background-color: hsla(0, 0%, 100%, 0.994);
  background-color: var(--danger-invert);
  border-color: transparent;
  box-shadow: none;
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
}

.button.is-danger.is-loading:after, .has-loading-skeleton .is-danger.button:after {
  border-color: transparent transparent hsla(0, 0%, 100%, 0.994) hsla(0, 0%, 100%, 0.994) !important;
  border-color: transparent transparent var(--danger-invert) var(--danger-invert) !important;
}

.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
  color: hsla(16, 99%, 20%, 1);
  color: var(--danger-dark);
}

.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.focus-visible {
  background-color: hsla(16, 99%, 43%, 1);
  background-color: var(--danger-base);
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.button.is-danger.is-outlined.is-loading:after, .has-loading-skeleton .is-danger.is-outlined.button:after {
  border-color: transparent transparent hsla(16, 99%, 43%, 1) hsla(16, 99%, 43%, 1) !important;
  border-color: transparent transparent var(--danger-base) var(--danger-base) !important;
}

.button.is-danger.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
  box-shadow: none;
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
}

.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.994);
  border-color: var(--danger-invert);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.focus-visible {
  background-color: hsla(0, 0%, 100%, 0.994);
  background-color: var(--danger-invert);
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
}

.button.is-danger.is-inverted.is-outlined.focus-visible {
  outline-color: hsla(0, 0%, 100%, 0.994);
  outline-color: var(--danger-invert);
}

.button.is-danger.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.994);
  border-color: var(--danger-invert);
  box-shadow: none;
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.button.is-extra-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.button.is-extra-small .icon {
  height: 0.75rem;
}

.button.is-small {
  border-radius: 2px;
  font-size: 0.875rem;
}

.button.is-small .icon {
  height: 0.875rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .button.is-small-mobile {
    border-radius: 2px;
    font-size: 0.875rem;
  }
  .button.is-small-mobile .icon {
    height: 0.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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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[disabled] {
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
  border-color: hsla(0, 0%, 95%, 1);
  border-color: var(--body-background-dark);
  box-shadow: none;
  opacity: 0.5;
}

.button.is-fullwidth {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .button.is-fullwidth-mobile {
    display: flex;
    width: 100%;
  }
}

.button.is-loading, .has-loading-skeleton .button {
  color: transparent !important;
  pointer-events: none;
}

.button.is-loading:after, .has-loading-skeleton .button:after {
  border-left-color: hsla(0, 0%, 0%, 1);
  border-left-color: var(--text);
  border-bottom-color: hsla(0, 0%, 0%, 1);
  border-bottom-color: var(--text);
  position: absolute;
  left: calc(50% - (1em / 2));
  top: calc(50% - (1em / 2));
  position: absolute !important;
}

.button.is-static {
  background-color: hsla(0, 0%, 89%, 0.999);
  background-color: var(--secondary-background);
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  color: hsla(0, 0%, 67%, 1);
  color: var(--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: 0.5rem;
}

.buttons .button:not(:last-child) {
  margin-right: 0.5rem;
}

.buttons:last-child {
  margin-bottom: -0.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:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}

.buttons.has-addons .button.focus-visible, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}

.buttons.has-addons .button.focus-visible:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected: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;
}

.container {
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 1088px) {
  .container {
    max-width: 960px;
    width: 960px;
  }
  .container.is-fluid {
    margin-left: 64px;
    margin-right: 64px;
    max-width: none;
    width: auto;
  }
}

@media screen and (max-width: 1279px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1279.9px), screen and (min-resolution: 120dpi) and (max-width: 1279.9px) {
  .container.is-widescreen {
    max-width: 1152px;
    width: auto;
  }
}

@media screen and (max-width: 1471px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1471.9px), screen and (min-resolution: 120dpi) and (max-width: 1471.9px) {
  .container.is-fullhd {
    max-width: 1344px;
    width: auto;
  }
}

@media screen and (min-width: 1280px) {
  .container {
    max-width: 1152px;
    width: 1152px;
  }
}

@media screen and (min-width: 1472px) {
  .container {
    max-width: 1344px;
    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;
}

.input,
.textarea {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  box-shadow: inset 0 1px 2px hsla(0, 0%, 0%, 0.108);
  box-shadow: inset 0 1px 2px var(--box-shadow-light);
  max-width: 100%;
  width: 100%;
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.input:-moz-placeholder,
.textarea:-moz-placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.input:hover, .input.is-hovered,
.textarea:hover,
.textarea.is-hovered {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.input.focus-visible, .input.is-focused, .input:active, .input.is-active,
.textarea.focus-visible,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  outline: 0.125rem dashed hsla(206, 100%, 35%, 1) !important;
  outline: 0.125rem dashed var(--primary-base) !important;
  outline-offset: 0.125rem;
  outline-style: solid !important;
  outline-offset: 0 !important;
}

.input[disabled],
.textarea[disabled] {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  border-color: hsla(0, 0%, 95%, 1);
  border-color: var(--body-background-dark);
  box-shadow: none;
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  cursor: not-allowed;
}

.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.input[readonly], .input.has-box-shadow-none,
.textarea[readonly],
.textarea.has-box-shadow-none {
  box-shadow: none;
}

.input.focus-visible, .input.is-focused, .input:active, .input.is-active,
.textarea.focus-visible,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
  box-shadow: 0 0 0 0.125rem hsla(206, 100%, 35%, 1);
  box-shadow: 0 0 0 0.125rem var(--primary-base);
  outline: none !important;
}

.input.is-primary,
.textarea.is-primary {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.input.is-primary.focus-visible, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
.textarea.is-primary.focus-visible,
.textarea.is-primary.is-focused,
.textarea.is-primary:active,
.textarea.is-primary.is-active {
  box-shadow: 0 0 0 0.125rem hsla(206, 100%, 35%, 1);
  box-shadow: 0 0 0 0.125rem var(--primary-base);
  outline: none !important;
}

.input.is-secondary,
.textarea.is-secondary {
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
}

.input.is-secondary.focus-visible, .input.is-secondary.is-focused, .input.is-secondary:active, .input.is-secondary.is-active,
.textarea.is-secondary.focus-visible,
.textarea.is-secondary.is-focused,
.textarea.is-secondary:active,
.textarea.is-secondary.is-active {
  box-shadow: 0 0 0 0.125rem hsla(0, 0%, 67%, 1);
  box-shadow: 0 0 0 0.125rem var(--secondary-base);
  outline: none !important;
}

.input.is-tertiary,
.textarea.is-tertiary {
  border-color: hsla(0, 0%, 27%, 1);
  border-color: var(--tertiary-base);
}

.input.is-tertiary.focus-visible, .input.is-tertiary.is-focused, .input.is-tertiary:active, .input.is-tertiary.is-active,
.textarea.is-tertiary.focus-visible,
.textarea.is-tertiary.is-focused,
.textarea.is-tertiary:active,
.textarea.is-tertiary.is-active {
  box-shadow: 0 0 0 0.125rem hsla(0, 0%, 27%, 1);
  box-shadow: 0 0 0 0.125rem var(--tertiary-base);
  outline: none !important;
}

.input.is-success,
.textarea.is-success {
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
}

.input.is-success.focus-visible, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
.textarea.is-success.focus-visible,
.textarea.is-success.is-focused,
.textarea.is-success:active,
.textarea.is-success.is-active {
  box-shadow: 0 0 0 0.125rem hsla(120, 77%, 30%, 1);
  box-shadow: 0 0 0 0.125rem var(--success-base);
  outline: none !important;
}

.input.is-info,
.textarea.is-info {
  border-color: hsla(262, 46%, 58%, 1);
  border-color: var(--info-base);
}

.input.is-info.focus-visible, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
.textarea.is-info.focus-visible,
.textarea.is-info.is-focused,
.textarea.is-info:active,
.textarea.is-info.is-active {
  box-shadow: 0 0 0 0.125rem hsla(262, 46%, 58%, 1);
  box-shadow: 0 0 0 0.125rem var(--info-base);
  outline: none !important;
}

.input.is-warning,
.textarea.is-warning {
  border-color: hsla(44, 100%, 50%, 1);
  border-color: var(--warning-base);
}

.input.is-warning.focus-visible, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
.textarea.is-warning.focus-visible,
.textarea.is-warning.is-focused,
.textarea.is-warning:active,
.textarea.is-warning.is-active {
  box-shadow: 0 0 0 0.125rem hsla(44, 100%, 50%, 1);
  box-shadow: 0 0 0 0.125rem var(--warning-base);
  outline: none !important;
}

.input.is-danger,
.textarea.is-danger {
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
}

.input.is-danger.focus-visible, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
.textarea.is-danger.focus-visible,
.textarea.is-danger.is-focused,
.textarea.is-danger:active,
.textarea.is-danger.is-active {
  box-shadow: 0 0 0 0.125rem hsla(16, 99%, 43%, 1);
  box-shadow: 0 0 0 0.125rem var(--danger-base);
  outline: none !important;
}

.input.is-small,
.textarea.is-small {
  border-radius: 2px;
  font-size: 0.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;
}

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

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 0.625em;
  resize: vertical;
}

.textarea:not([rows]) {
  max-height: 600px;
  min-height: 120px;
}

.textarea[rows] {
  height: initial;
}

.textarea.has-fixed-size {
  resize: none;
}

.radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}

.radio input {
  cursor: pointer;
}

.radio:hover {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.radio[disabled] {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.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: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  right: 1.125em;
  z-index: 4;
}

.select.is-rounded select {
  border-radius: 290486px;
  padding-left: 1em;
}

.select select {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
}

.select select::-moz-placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.select select::-webkit-input-placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.select select:-moz-placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.select select:-ms-input-placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.select select:hover, .select select.is-hovered {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.select select.focus-visible, .select select.is-focused, .select select:active, .select select.is-active {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  outline: 0.125rem dashed hsla(206, 100%, 35%, 1) !important;
  outline: 0.125rem dashed var(--primary-base) !important;
  outline-offset: 0.125rem;
  outline-style: solid !important;
  outline-offset: 0 !important;
}

.select select[disabled] {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  border-color: hsla(0, 0%, 95%, 1);
  border-color: var(--body-background-dark);
  box-shadow: none;
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  cursor: not-allowed;
}

.select select[disabled]::-moz-placeholder {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.select select[disabled]::-webkit-input-placeholder {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.select select[disabled]:-moz-placeholder {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.select select[disabled]:-ms-input-placeholder {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.select select.focus-visible, .select select.is-focused, .select select:active, .select select.is-active {
  box-shadow: 0 0 0 0.125rem hsla(206, 100%, 35%, 1);
  box-shadow: 0 0 0 0.125rem var(--primary-base);
  outline: none !important;
}

.select select:-ms-expand {
  display: none;
}

.select select[disabled]:hover {
  border-color: hsla(0, 0%, 95%, 1);
  border-color: var(--body-background-dark);
}

.select select:not([multiple]) {
  padding-right: 2.5em;
}

.select select[multiple] {
  height: initial;
  padding: 0;
}

.select select[multiple] option {
  padding: 0.5em 1em;
}

.select:not(.is-multiple):not(.is-loading):hover:after {
  border-color: hsla(0, 0%, 0%, 1);
  border-color: var(--text);
}

.select.is-primary:not(:hover):after {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.select.is-primary select {
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: hsla(206, 100%, 28%, 1);
  border-color: var(--primary-hover);
}

.select.is-primary select.focus-visible, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125rem hsla(206, 100%, 35%, 1);
  box-shadow: 0 0 0 0.125rem var(--primary-base);
}

.select.is-secondary:not(:hover):after {
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
}

.select.is-secondary select {
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
}

.select.is-secondary select:hover, .select.is-secondary select.is-hovered {
  border-color: hsla(0, 0%, 78%, 1);
  border-color: var(--secondary-hover);
}

.select.is-secondary select.focus-visible, .select.is-secondary select.is-focused, .select.is-secondary select:active, .select.is-secondary select.is-active {
  box-shadow: 0 0 0 0.125rem hsla(0, 0%, 67%, 1);
  box-shadow: 0 0 0 0.125rem var(--secondary-base);
}

.select.is-tertiary:not(:hover):after {
  border-color: hsla(0, 0%, 27%, 1);
  border-color: var(--tertiary-base);
}

.select.is-tertiary select {
  border-color: hsla(0, 0%, 27%, 1);
  border-color: var(--tertiary-base);
}

.select.is-tertiary select:hover, .select.is-tertiary select.is-hovered {
  border-color: hsla(0, 0%, 37%, 0.999);
  border-color: var(--tertiary-hover);
}

.select.is-tertiary select.focus-visible, .select.is-tertiary select.is-focused, .select.is-tertiary select:active, .select.is-tertiary select.is-active {
  box-shadow: 0 0 0 0.125rem hsla(0, 0%, 27%, 1);
  box-shadow: 0 0 0 0.125rem var(--tertiary-base);
}

.select.is-success:not(:hover):after {
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
}

.select.is-success select {
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
}

.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: hsla(120, 77%, 25%, 1);
  border-color: var(--success-hover);
}

.select.is-success select.focus-visible, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125rem hsla(120, 77%, 30%, 1);
  box-shadow: 0 0 0 0.125rem var(--success-base);
}

.select.is-info:not(:hover):after {
  border-color: hsla(262, 46%, 58%, 1);
  border-color: var(--info-base);
}

.select.is-info select {
  border-color: hsla(262, 46%, 58%, 1);
  border-color: var(--info-base);
}

.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: hsla(262, 46%, 50%, 1);
  border-color: var(--info-hover);
}

.select.is-info select.focus-visible, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125rem hsla(262, 46%, 58%, 1);
  box-shadow: 0 0 0 0.125rem var(--info-base);
}

.select.is-warning:not(:hover):after {
  border-color: hsla(44, 100%, 50%, 1);
  border-color: var(--warning-base);
}

.select.is-warning select {
  border-color: hsla(44, 100%, 50%, 1);
  border-color: var(--warning-base);
}

.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: hsla(44, 100%, 40%, 1);
  border-color: var(--warning-hover);
}

.select.is-warning select.focus-visible, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125rem hsla(44, 100%, 50%, 1);
  box-shadow: 0 0 0 0.125rem var(--warning-base);
}

.select.is-danger:not(:hover):after {
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
}

.select.is-danger select {
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
}

.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: hsla(16, 99%, 35%, 1);
  border-color: var(--danger-hover);
}

.select.is-danger select.focus-visible, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125rem hsla(16, 99%, 43%, 1);
  box-shadow: 0 0 0 0.125rem var(--danger-base);
}

.select.is-small {
  border-radius: 2px;
  font-size: 0.875rem;
}

.select.is-medium {
  font-size: 1rem;
}

.select.is-large {
  font-size: 1.125rem;
}

.select.is-disabled:after {
  border-color: hsla(0, 0%, 37%, 1);
  border-color: var(--text-subtle);
}

.select.is-fullwidth {
  width: 100%;
}

.select.is-fullwidth select {
  width: 100%;
}

.select.is-loading:after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}

.select.is-loading.is-small:after {
  font-size: 0.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: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: hsla(205, 100%, 94%, 1);
  background-color: var(--primary-background);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.file.is-primary.focus-visible .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(206, 100%, 35%, 0.3);
  box-shadow: 0 0 0.5em var(--primary-box-shadow);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: hsla(206, 100%, 15%, 1);
  background-color: var(--primary-dark);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.file.is-secondary .file-cta {
  background-color: hsla(0, 0%, 67%, 1);
  background-color: var(--secondary-base);
  border-color: transparent;
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.file.is-secondary:hover .file-cta, .file.is-secondary.is-hovered .file-cta {
  background-color: hsla(0, 0%, 89%, 0.999);
  background-color: var(--secondary-background);
  border-color: transparent;
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.file.is-secondary.focus-visible .file-cta, .file.is-secondary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(0, 0%, 0%, 0.3);
  box-shadow: 0 0 0.5em var(--secondary-box-shadow);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.file.is-secondary:active .file-cta, .file.is-secondary.is-active .file-cta {
  background-color: hsla(0, 0%, 18%, 0.999);
  background-color: var(--secondary-dark);
  border-color: transparent;
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.file.is-tertiary .file-cta {
  background-color: hsla(0, 0%, 27%, 1);
  background-color: var(--tertiary-base);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.file.is-tertiary:hover .file-cta, .file.is-tertiary.is-hovered .file-cta {
  background-color: hsla(0, 0%, 9%, 1);
  background-color: var(--tertiary-background);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.file.is-tertiary.focus-visible .file-cta, .file.is-tertiary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(206, 100%, 35%, 0.299);
  box-shadow: 0 0 0.5em var(--tertiary-box-shadow);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.file.is-tertiary:active .file-cta, .file.is-tertiary.is-active .file-cta {
  background-color: hsla(0, 0%, 89%, 0.997);
  background-color: var(--tertiary-dark);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.file.is-success .file-cta {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: hsla(120, 77%, 90%, 1);
  background-color: var(--success-background);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.file.is-success.focus-visible .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(120, 77%, 30%, 0.3);
  box-shadow: 0 0 0.5em var(--success-box-shadow);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: hsla(120, 77%, 15%, 1);
  background-color: var(--success-dark);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.file.is-info .file-cta {
  background-color: hsla(262, 46%, 58%, 1);
  background-color: var(--info-base);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: hsla(262, 46%, 90%, 1);
  background-color: var(--info-background);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.file.is-info.focus-visible .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(262, 46%, 90%, 0.998);
  box-shadow: 0 0 0.5em var(--info-box-shadow);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: hsla(262, 46%, 25%, 1);
  background-color: var(--info-dark);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.file.is-warning .file-cta {
  background-color: hsla(44, 100%, 50%, 1);
  background-color: var(--warning-base);
  border-color: transparent;
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: hsla(44, 100%, 90%, 1);
  background-color: var(--warning-background);
  border-color: transparent;
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.file.is-warning.focus-visible .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(44, 100%, 50%, 0.3);
  box-shadow: 0 0 0.5em var(--warning-box-shadow);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: hsla(44, 100%, 20%, 1);
  background-color: var(--warning-dark);
  border-color: transparent;
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.file.is-danger .file-cta {
  background-color: hsla(16, 99%, 43%, 1);
  background-color: var(--danger-base);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: hsla(16, 99%, 90%, 1);
  background-color: var(--danger-background);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.file.is-danger.focus-visible .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(16, 99%, 43%, 0.3);
  box-shadow: 0 0 0.5em var(--danger-box-shadow);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: hsla(16, 99%, 20%, 1);
  background-color: var(--danger-dark);
  border-color: transparent;
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.file.is-small {
  font-size: 0.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;
  overflow: hidden;
  position: relative;
}

.file-label:hover .file-cta {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.file-label:hover .file-name {
  border-color: hsla(0, 0%, 95%, 1);
  border-color: var(--body-background-dark);
}

.file-label:active .file-cta {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.file-label:active .file-name {
  border-color: hsla(0, 0%, 95%, 1);
  border-color: var(--body-background-dark);
}

.file-input {
  height: 0.01em;
  left: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 0.01em;
}

.file-cta,
.file-name {
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.file-name {
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--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: 0.5em;
  width: 1em;
}

.file-icon .docon {
  font-size: 14px;
}

.label {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  display: block;
  font-size: 1rem;
  font-weight: 600;
}

.label:not(:last-child) {
  margin-bottom: 0.5em;
}

.label.is-small {
  font-size: 0.875rem;
}

.label.is-medium {
  font-size: 1rem;
}

.label.is-large {
  font-size: 1.125rem;
}

.help {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.help.is-primary {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.help.is-secondary {
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
}

.help.is-tertiary {
  color: hsla(0, 0%, 27%, 1);
  color: var(--tertiary-base);
}

.help.is-success {
  color: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
}

.help.is-info {
  color: hsla(262, 46%, 58%, 1);
  color: var(--info-base);
}

.help.is-warning {
  color: hsla(44, 100%, 50%, 1);
  color: var(--warning-base);
}

.help.is-danger {
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
}

.field:not(:last-child) {
  margin-bottom: 0.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:hover, .field.has-addons .control .button.is-hovered,
.field.has-addons .control .input:hover,
.field.has-addons .control .input.is-hovered,
.field.has-addons .control .select select:hover,
.field.has-addons .control .select select.is-hovered {
  z-index: 2;
}

.field.has-addons .control .button.focus-visible, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
.field.has-addons .control .input.focus-visible,
.field.has-addons .control .input.is-focused,
.field.has-addons .control .input:active,
.field.has-addons .control .input.is-active,
.field.has-addons .control .select select.focus-visible,
.field.has-addons .control .select select.is-focused,
.field.has-addons .control .select select:active,
.field.has-addons .control .select select.is-active {
  z-index: 3;
}

.field.has-addons .control .button.focus-visible:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
.field.has-addons .control .input.focus-visible:hover,
.field.has-addons .control .input.is-focused:hover,
.field.has-addons .control .input:active:hover,
.field.has-addons .control .input.is-active:hover,
.field.has-addons .control .select select.focus-visible:hover,
.field.has-addons .control .select select.is-focused:hover,
.field.has-addons .control .select select:active:hover,
.field.has-addons .control .select select.is-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: 0.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: 0.75rem;
}

.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}

@media screen and (min-width: 768px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 768px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.875rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.125rem;
    padding-top: 0.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 screen and (min-width: 768px), print {
  .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: 0.75rem;
  }
}

.field-body.extend-input-field {
  flex-basis: auto;
}

.control {
  font-size: 1rem;
  position: relative;
  text-align: left;
}

.control.has-icon .icon {
  color: hsla(0, 0%, 89%, 0.999);
  color: var(--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: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
}

.control.has-icon .input.is-small + .icon {
  font-size: 0.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;
}

.control.has-icon.has-icon-right .icon {
  right: 0;
}

.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: hsla(0, 0%, 67%, 1);
  color: var(--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: 0.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: hsla(0, 0%, 89%, 0.999);
  color: var(--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: 2.25em;
}

.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 .icon.is-right {
  right: 0;
}

.control.is-loading:after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}

.control.is-loading.is-small:after {
  font-size: 0.875rem;
}

.control.is-loading.is-medium:after {
  font-size: 1rem;
}

.control.is-loading.is-large:after {
  font-size: 1.125rem;
}

.heading-anchor {
  font-size: 1em;
  transition: opacity .1s linear;
  vertical-align: middle;
  margin-left: 10px;
}

.heading-anchor:hover {
  text-decoration: none;
}

:not(:hover) .heading-anchor: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 {
  font-size: .8em;
  margin-bottom: 4px;
}

.image {
  display: block;
  position: relative;
}

.image img,
.image svg {
  display: block;
  height: auto;
  width: 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-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
  height: 100%;
  width: 100%;
}

.image.is-square, .image.is-1by1 {
  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.is-16x16 {
  height: 16px;
  width: 16px;
}

@media screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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-48x48 {
  height: 48px;
  width: 48px;
}

@media screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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;
}

.progress {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  background-color: hsla(0, 0%, 89%, 0.998);
  background-color: var(--secondary-background-glow-high-contrast);
}

.progress::-webkit-progress-bar {
  background-color: hsla(0, 0%, 89%, 0.998);
  background-color: var(--secondary-background-glow-high-contrast);
}

.progress::-webkit-progress-value {
  background-color: hsla(0, 0%, 0%, 0.998);
  background-color: var(--secondary-invert);
}

.progress::-moz-progress-bar {
  background-color: hsla(0, 0%, 0%, 0.998);
  background-color: var(--secondary-invert);
}

.progress::-ms-fill {
  background-color: black;
  border: none;
}

body.theme-dark .progress::-ms-fill {
  background: #e3e3e3;
}

body.theme-high-contrast .progress::-ms-fill {
  background-color: #e3e3e3;
}

.progress.is-extra-small {
  height: 0.25rem;
}

.progress.is-success::-webkit-progress-value {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
}

.progress.is-success::-moz-progress-bar {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
}

.progress.is-success::-ms-fill {
  background-color: #128712;
}

.progress.has-border-white-high-contrast {
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

.progress-percentage {
  display: inline-block;
  min-width: 50px;
}

.level-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  margin-left: .5rem;
  margin-right: .5rem;
}

.level-status .level-status-text {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.level-status .progress.level-status-progress {
  height: 12px;
  width: 100%;
  margin: 0 !important;
  position: relative !important;
  overflow: visible;
}

body.theme-high-contrast .level-status .progress.level-status-progress {
  background-color: #e3e3e3;
}

.level-status .level-status-progress-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100px;
  position: relative;
  margin: 0 12px;
}

.level-status .level-status-progress-container:before, .level-status .level-status-progress-container:after {
  content: '';
  position: absolute;
  width: 0;
  top: 25%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.level-status .level-status-progress-container:before {
  transform: rotate(-90deg) translateY(-9px);
  border-bottom: 6px solid hsla(120, 77%, 30%, 1);
  border-bottom: 6px solid var(--success-base);
  left: 0;
}

body[dir='rtl'] .level-status .level-status-progress-container:before {
  border-bottom-color: hsla(0, 0%, 89%, 0.998) !important;
  border-bottom-color: var(--secondary-background-glow-high-contrast) !important;
}

.level-status .level-status-progress-container:after {
  transform: rotate(90deg) translateY(-97px);
  border-bottom: 6px solid hsla(0, 0%, 89%, 0.998);
  border-bottom: 6px solid var(--secondary-background-glow-high-contrast);
  left: 0;
}

body[dir='rtl'] .level-status .level-status-progress-container:after {
  border-bottom-color: hsla(120, 77%, 30%, 1) !important;
  border-bottom-color: var(--success-base) !important;
}

.level-status .level-status-points {
  font-size: 0.75rem;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.level-status-square {
  position: absolute;
  top: 0;
  height: 12px;
  width: 12px;
  background: hsla(0, 0%, 67%, 1);
  background: var(--secondary-base);
  transform: rotate(45deg);
  z-index: 1;
  border: 1px solid hsla(0, 0%, 0%, 0);
  border: 1px solid var(--border-yellow-high-contrast);
}

body.theme-high-contrast .level-status-square {
  background: black;
}

.level-status-progress[value='0'] ~ .level-status-square {
  left: -6px;
}

.level-status-progress[value='1'] ~ .level-status-square {
  left: -5px;
}

.level-status-progress[value='2'] ~ .level-status-square {
  left: -4px;
}

.level-status-progress[value='3'] ~ .level-status-square {
  left: -3px;
}

.level-status-progress[value='4'] ~ .level-status-square {
  left: -2px;
}

.level-status-progress[value='5'] ~ .level-status-square {
  left: -1px;
}

.level-status-progress[value='6'] ~ .level-status-square {
  left: 0px;
}

.level-status-progress[value='7'] ~ .level-status-square {
  left: 1px;
}

.level-status-progress[value='8'] ~ .level-status-square {
  left: 2px;
}

.level-status-progress[value='9'] ~ .level-status-square {
  left: 3px;
}

.level-status-progress[value='10'] ~ .level-status-square {
  left: 4px;
}

.level-status-progress[value='11'] ~ .level-status-square {
  left: 5px;
}

.level-status-progress[value='12'] ~ .level-status-square {
  left: 6px;
}

.level-status-progress[value='13'] ~ .level-status-square {
  left: 7px;
}

.level-status-progress[value='14'] ~ .level-status-square {
  left: 8px;
}

.level-status-progress[value='15'] ~ .level-status-square {
  left: 9px;
}

.level-status-progress[value='16'] ~ .level-status-square {
  left: 10px;
}

.level-status-progress[value='17'] ~ .level-status-square {
  left: 11px;
}

.level-status-progress[value='18'] ~ .level-status-square {
  left: 12px;
}

.level-status-progress[value='19'] ~ .level-status-square {
  left: 13px;
}

.level-status-progress[value='20'] ~ .level-status-square {
  left: 14px;
}

.level-status-progress[value='21'] ~ .level-status-square {
  left: 15px;
}

.level-status-progress[value='22'] ~ .level-status-square {
  left: 16px;
}

.level-status-progress[value='23'] ~ .level-status-square {
  left: 17px;
}

.level-status-progress[value='24'] ~ .level-status-square {
  left: 18px;
}

.level-status-progress[value='25'] ~ .level-status-square {
  left: 19px;
}

.level-status-progress[value='26'] ~ .level-status-square {
  left: 20px;
}

.level-status-progress[value='27'] ~ .level-status-square {
  left: 21px;
}

.level-status-progress[value='28'] ~ .level-status-square {
  left: 22px;
}

.level-status-progress[value='29'] ~ .level-status-square {
  left: 23px;
}

.level-status-progress[value='30'] ~ .level-status-square {
  left: 24px;
}

.level-status-progress[value='31'] ~ .level-status-square {
  left: 25px;
}

.level-status-progress[value='32'] ~ .level-status-square {
  left: 26px;
}

.level-status-progress[value='33'] ~ .level-status-square {
  left: 27px;
}

.level-status-progress[value='34'] ~ .level-status-square {
  left: 28px;
}

.level-status-progress[value='35'] ~ .level-status-square {
  left: 29px;
}

.level-status-progress[value='36'] ~ .level-status-square {
  left: 30px;
}

.level-status-progress[value='37'] ~ .level-status-square {
  left: 31px;
}

.level-status-progress[value='38'] ~ .level-status-square {
  left: 32px;
}

.level-status-progress[value='39'] ~ .level-status-square {
  left: 33px;
}

.level-status-progress[value='40'] ~ .level-status-square {
  left: 34px;
}

.level-status-progress[value='41'] ~ .level-status-square {
  left: 35px;
}

.level-status-progress[value='42'] ~ .level-status-square {
  left: 36px;
}

.level-status-progress[value='43'] ~ .level-status-square {
  left: 37px;
}

.level-status-progress[value='44'] ~ .level-status-square {
  left: 38px;
}

.level-status-progress[value='45'] ~ .level-status-square {
  left: 39px;
}

.level-status-progress[value='46'] ~ .level-status-square {
  left: 40px;
}

.level-status-progress[value='47'] ~ .level-status-square {
  left: 41px;
}

.level-status-progress[value='48'] ~ .level-status-square {
  left: 42px;
}

.level-status-progress[value='49'] ~ .level-status-square {
  left: 43px;
}

.level-status-progress[value='50'] ~ .level-status-square {
  left: 44px;
}

.level-status-progress[value='51'] ~ .level-status-square {
  left: 45px;
}

.level-status-progress[value='52'] ~ .level-status-square {
  left: 46px;
}

.level-status-progress[value='53'] ~ .level-status-square {
  left: 47px;
}

.level-status-progress[value='54'] ~ .level-status-square {
  left: 48px;
}

.level-status-progress[value='55'] ~ .level-status-square {
  left: 49px;
}

.level-status-progress[value='56'] ~ .level-status-square {
  left: 50px;
}

.level-status-progress[value='57'] ~ .level-status-square {
  left: 51px;
}

.level-status-progress[value='58'] ~ .level-status-square {
  left: 52px;
}

.level-status-progress[value='59'] ~ .level-status-square {
  left: 53px;
}

.level-status-progress[value='60'] ~ .level-status-square {
  left: 54px;
}

.level-status-progress[value='61'] ~ .level-status-square {
  left: 55px;
}

.level-status-progress[value='62'] ~ .level-status-square {
  left: 56px;
}

.level-status-progress[value='63'] ~ .level-status-square {
  left: 57px;
}

.level-status-progress[value='64'] ~ .level-status-square {
  left: 58px;
}

.level-status-progress[value='65'] ~ .level-status-square {
  left: 59px;
}

.level-status-progress[value='66'] ~ .level-status-square {
  left: 60px;
}

.level-status-progress[value='67'] ~ .level-status-square {
  left: 61px;
}

.level-status-progress[value='68'] ~ .level-status-square {
  left: 62px;
}

.level-status-progress[value='69'] ~ .level-status-square {
  left: 63px;
}

.level-status-progress[value='70'] ~ .level-status-square {
  left: 64px;
}

.level-status-progress[value='71'] ~ .level-status-square {
  left: 65px;
}

.level-status-progress[value='72'] ~ .level-status-square {
  left: 66px;
}

.level-status-progress[value='73'] ~ .level-status-square {
  left: 67px;
}

.level-status-progress[value='74'] ~ .level-status-square {
  left: 68px;
}

.level-status-progress[value='75'] ~ .level-status-square {
  left: 69px;
}

.level-status-progress[value='76'] ~ .level-status-square {
  left: 70px;
}

.level-status-progress[value='77'] ~ .level-status-square {
  left: 71px;
}

.level-status-progress[value='78'] ~ .level-status-square {
  left: 72px;
}

.level-status-progress[value='79'] ~ .level-status-square {
  left: 73px;
}

.level-status-progress[value='80'] ~ .level-status-square {
  left: 74px;
}

.level-status-progress[value='81'] ~ .level-status-square {
  left: 75px;
}

.level-status-progress[value='82'] ~ .level-status-square {
  left: 76px;
}

.level-status-progress[value='83'] ~ .level-status-square {
  left: 77px;
}

.level-status-progress[value='84'] ~ .level-status-square {
  left: 78px;
}

.level-status-progress[value='85'] ~ .level-status-square {
  left: 79px;
}

.level-status-progress[value='86'] ~ .level-status-square {
  left: 80px;
}

.level-status-progress[value='87'] ~ .level-status-square {
  left: 81px;
}

.level-status-progress[value='88'] ~ .level-status-square {
  left: 82px;
}

.level-status-progress[value='89'] ~ .level-status-square {
  left: 83px;
}

.level-status-progress[value='90'] ~ .level-status-square {
  left: 84px;
}

.level-status-progress[value='91'] ~ .level-status-square {
  left: 85px;
}

.level-status-progress[value='92'] ~ .level-status-square {
  left: 86px;
}

.level-status-progress[value='93'] ~ .level-status-square {
  left: 87px;
}

.level-status-progress[value='94'] ~ .level-status-square {
  left: 88px;
}

.level-status-progress[value='95'] ~ .level-status-square {
  left: 89px;
}

.level-status-progress[value='96'] ~ .level-status-square {
  left: 90px;
}

.level-status-progress[value='97'] ~ .level-status-square {
  left: 91px;
}

.level-status-progress[value='98'] ~ .level-status-square {
  left: 92px;
}

.level-status-progress[value='99'] ~ .level-status-square {
  left: 93px;
}

.level-status-progress[value='100'] ~ .level-status-square {
  left: 94px;
}

.svg .has-fill-body-background {
  fill: hsla(0, 0%, 100%, 0.999);
  fill: var(--body-background);
}

.svg .has-fill-primary {
  fill: hsla(206, 100%, 35%, 1);
  fill: var(--primary-base);
}

.svg .has-fill-secondary {
  fill: hsla(0, 0%, 67%, 1);
  fill: var(--secondary-base);
}

.table {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.table td,
.table th {
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.table td.is-primary,
.table th.is-primary {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.table td.is-secondary,
.table th.is-secondary {
  background-color: hsla(0, 0%, 67%, 1);
  background-color: var(--secondary-base);
  border-color: hsla(0, 0%, 67%, 1);
  border-color: var(--secondary-base);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.table td.is-tertiary,
.table th.is-tertiary {
  background-color: hsla(0, 0%, 27%, 1);
  background-color: var(--tertiary-base);
  border-color: hsla(0, 0%, 27%, 1);
  border-color: var(--tertiary-base);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.table td.is-success,
.table th.is-success {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.table td.is-info,
.table th.is-info {
  background-color: hsla(262, 46%, 58%, 1);
  background-color: var(--info-base);
  border-color: hsla(262, 46%, 58%, 1);
  border-color: var(--info-base);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.table td.is-warning,
.table th.is-warning {
  background-color: hsla(44, 100%, 50%, 1);
  background-color: var(--warning-base);
  border-color: hsla(44, 100%, 50%, 1);
  border-color: var(--warning-base);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.table td.is-danger,
.table th.is-danger {
  background-color: hsla(16, 99%, 43%, 1);
  background-color: var(--danger-base);
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}

.table td.is-selected,
.table th.is-selected {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  color: white;
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}

.table th {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  text-align: left;
}

.table tr.is-selected {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  color: white;
}

.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}

.table tr.is-selected td,
.table tr.is-selected th {
  border-color: white;
  color: currentColor;
}

.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}

.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}

.table.is-fullwidth {
  width: 100%;
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
}

.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: hsla(0, 0%, 98%, 1);
  background-color: var(--body-background-medium);
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tags .tag {
  margin-bottom: 0.5rem;
}

.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}

.tags:last-child {
  margin-bottom: -0.5rem;
}

.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: 0.25rem;
  margin-left: 0.25rem;
}

.tags.is-right {
  justify-content: flex-end;
}

.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}

.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: hsla(0, 0%, 89%, 0.999);
  background-color: var(--secondary-background);
  border-radius: 4px;
  color: hsla(0, 0%, 18%, 0.999);
  color: var(--secondary-dark);
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 400;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

.tag:not(body).is-primary {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.tag:not(body).is-secondary {
  background-color: hsla(0, 0%, 67%, 1);
  background-color: var(--secondary-base);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.tag:not(body).is-tertiary {
  background-color: hsla(0, 0%, 27%, 1);
  background-color: var(--tertiary-base);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.tag:not(body).is-success {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.tag:not(body).is-info {
  background-color: hsla(262, 46%, 58%, 1);
  background-color: var(--info-base);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.tag:not(body).is-warning {
  background-color: hsla(44, 100%, 50%, 1);
  background-color: var(--warning-base);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.tag:not(body).is-danger {
  background-color: hsla(16, 99%, 43%, 1);
  background-color: var(--danger-base);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}

.tag:not(body).is-top-aligned {
  vertical-align: text-top;
  font-size: .5em;
}

.tag:not(body).is-medium {
  font-size: 1rem;
}

.tag:not(body).is-large {
  font-size: 1.125rem;
}

.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}

.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}

.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}

.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}

.tag:not(body).is-delete:before, .tag:not(body).is-delete:after {
  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:hover, .tag:not(body).is-delete.focus-visible {
  opacity: 95%;
}

.tag:not(body).is-delete:active {
  opacity: 95%;
}

.tag:not(body).is-rounded {
  border-radius: 290486px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}

.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}

.title sub,
.subtitle sub {
  font-size: 0.75em;
}

.title sup,
.subtitle sup {
  font-size: 0.75em;
}

.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.125;
}

.title strong {
  color: inherit;
  font-weight: inherit;
}

.title:not(.is-spaced) + .subtitle {
  margin-top: -0.25rem;
}

.title.is-1 {
  font-size: 2.5rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .title.is-1-mobile {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 768px), print {
  .title.is-1-tablet {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .title.is-1-tablet-only {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .title.is-1-touch {
    font-size: 2.5rem;
  }
}

.title.is-2 {
  font-size: 1.75rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .title.is-2-mobile {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px), print {
  .title.is-2-tablet {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .title.is-2-tablet-only {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .title.is-2-touch {
    font-size: 1.75rem;
  }
}

.title.is-3 {
  font-size: 1.1875rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .title.is-3-mobile {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 768px), print {
  .title.is-3-tablet {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .title.is-3-tablet-only {
    font-size: 1.1875rem;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .title.is-3-touch {
    font-size: 1.1875rem;
  }
}

.title.is-4 {
  font-size: 1.125rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .title.is-4-mobile {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 768px), print {
  .title.is-4-tablet {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .title.is-4-tablet-only {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .title.is-4-touch {
    font-size: 1.125rem;
  }
}

.title.is-5 {
  font-size: 1rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .title.is-5-mobile {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px), print {
  .title.is-5-tablet {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .title.is-5-tablet-only {
    font-size: 1rem;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .title.is-5-touch {
    font-size: 1rem;
  }
}

.title.is-6 {
  font-size: 0.9375rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .title.is-6-mobile {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 768px), print {
  .title.is-6-tablet {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .title.is-6-tablet-only {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .title.is-6-touch {
    font-size: 0.9375rem;
  }
}

.title.is-7 {
  font-size: 0.875rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .title.is-7-mobile {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px), print {
  .title.is-7-tablet {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .title.is-7-tablet-only {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .title.is-7-touch {
    font-size: 0.875rem;
  }
}

.title.is-8 {
  font-size: 0.75rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .title.is-8-mobile {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px), print {
  .title.is-8-tablet {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1087px), 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) {
  .title.is-8-tablet-only {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
  .title.is-8-touch {
    font-size: 0.75rem;
  }
}

.subtitle {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}

.subtitle strong {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  font-weight: 600;
}

.subtitle:not(.is-spaced) + .title {
  margin-top: -0.25rem;
}

.subtitle.is-1 {
  font-size: 2.5rem;
}

.subtitle.is-2 {
  font-size: 1.75rem;
}

.subtitle.is-3 {
  font-size: 1.1875rem;
}

.subtitle.is-4 {
  font-size: 1.125rem;
}

.subtitle.is-5 {
  font-size: 1rem;
}

.subtitle.is-6 {
  font-size: 0.9375rem;
}

.subtitle.is-7 {
  font-size: 0.875rem;
}

.subtitle.is-8 {
  font-size: 0.75rem;
}

.uhf-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}

@media screen and (max-width: 859px) {
  .uhf-container:not(.has-padding) {
    max-width: calc(100%  - 32px);
    width: calc(100%  - 32px);
  }
}

@media screen and (min-width: 860px), print {
  .uhf-container:not(.has-padding) {
    max-width: calc(100% - 48px);
    width: calc(100%  - 48px);
  }
}

@media screen and (min-width: 1084px), print {
  .uhf-container:not(.has-padding) {
    max-width: calc(100%  - 10vw);
    width: calc(100%  - 10vw);
  }
  .uhf-container:not(.has-padding).is-fluid {
    margin-left: 5vw;
    margin-right: 5vw;
    max-width: none;
    width: auto;
  }
}

@media screen and (min-width: 1795px), print {
  .uhf-container:not(.has-padding) {
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px;
    width: 1600px;
  }
}

.has-padding.uhf-container {
  box-sizing: border-box;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

@media screen and (max-width: 859px) {
  .has-padding.uhf-container {
    padding-right: 0;
    padding-left: 0;
  }
  .has-padding.uhf-container > * {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media screen and (min-width: 860px), print {
  .has-padding.uhf-container {
    padding-right: 24px;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1084px), print {
  .has-padding.uhf-container {
    padding-right: 5vw;
    padding-left: 5vw;
  }
}

@media screen and (min-width: 1795px), print {
  .has-padding.uhf-container {
    padding-left: calc(50vw  - 800px);
    padding-right: calc(50vw  - 800px);
  }
}

.is-full.uhf-container {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 100vw;
}

.has-top-padding.uhf-container {
  padding-top: 1.5rem;
}

@media screen and (min-width: 860px), print {
  #uhfLogo {
    padding-left: 0 !important;
  }
}

.overflow-fade {
  position: relative;
  overflow: hidden;
}

.overflow-fade .bottom-to-top-fade {
  color: hsla(0, 0%, 100%, 0.999);
  color: var(--body-background);
  position: absolute;
  z-index: 2;
  bottom: -1px;
  right: 0;
  left: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), currentColor 50%);
  height: 3rem;
}

body.theme-dark .overflow-fade .bottom-to-top-fade,
body.theme-high-contrast .overflow-fade .bottom-to-top-fade {
  background: linear-gradient(rgba(0, 0, 0, 0), currentColor 50%);
}

.xp-tag:not(.is-complete) .is-shown-complete, .completable:not(.is-complete) .is-shown-complete,
.is-complete.xp-tag .is-hidden-complete,
.is-complete.completable .is-hidden-complete {
  display: none;
}

.protocol-table {
  background: white;
  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: #00518f;
}

.protocol-table a:active {
  color: #003a66;
}

.skeleton, .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, .has-loading-skeleton img,
.has-loading-skeleton .tag,
.has-loading-skeleton figure.image {
  color: transparent !important;
  -webkit-animation: pulse 3s infinite ease-in-out;
          animation: pulse 3s infinite ease-in-out;
}

.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 {
  margin-top: 0.25rem;
}

.has-loading-skeleton h1:before,
.has-loading-skeleton h2:before,
.has-loading-skeleton h3:before,
.has-loading-skeleton h4:before,
.has-loading-skeleton h5:before,
.has-loading-skeleton h6:before,
.has-loading-skeleton p:before {
  content: '\00a0';
}

.has-loading-skeleton h1:nth-child(1),
.has-loading-skeleton h2:nth-child(1),
.has-loading-skeleton h3:nth-child(1),
.has-loading-skeleton h4:nth-child(1),
.has-loading-skeleton h5:nth-child(1),
.has-loading-skeleton h6:nth-child(1),
.has-loading-skeleton p:nth-child(1) {
  width: 70%;
}

.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: 90%;
}

.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 img,
.has-loading-skeleton .tag,
.has-loading-skeleton figure.image {
  border: none !important;
  margin-top: 0.25rem !important;
}

.has-loading-skeleton .tag {
  min-width: 60px;
}

.has-loading-skeleton img {
  opacity: 0;
}

.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: hsla(206, 100%, 35%, 1);
  background: var(--primary-base);
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.checkbox input[type='checkbox']:checked + .checkbox-check:before {
  content: '\E73E' !important;
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.checkbox input[type='checkbox'][disabled] + .checkbox-check {
  opacity: .6;
  cursor: not-allowed;
}

.checkbox .checkbox-check {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
  border: 1px solid hsla(0, 0%, 0%, 1);
  border: 1px solid var(--text);
  border-radius: 2px;
  transition-property: background, border, border-color;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 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: 0.875rem;
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
  content: '\0020';
}

.checkbox.is-small .checkbox-check {
  width: 0.875rem;
  height: 0.875rem;
}

.checkbox.is-small .checkbox-check:before {
  font-size: 0.625rem;
}

.checkbox.is-small .checkbox-text {
  font-size: 0.875rem;
}

#affixed-left-container {
  z-index: 1;
}

.header-holder {
  flex-shrink: 0;
}

[data-auth-status-determined='false'] .auth-status-determined,
[data-auth-status-determined='true'] .auth-status-awaiting {
  visibility: hidden !important;
}

[data-authenticated='true'] .not-authenticated,
[data-authenticated='false'] .authenticated {
  display: none !important;
}

[data-css-variable-support='true'] .not-css-variable-support,
[data-css-variable-support='false'] .css-variable-support {
  display: none !important;
}

html.has-interactive .is-hidden-interactive,
html:not(.has-interactive) .is-visible-interactive {
  display: none !important;
}

html.has-interactive {
  height: 100%;
  overflow: hidden !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 > .columns,
html.has-interactive .primary-holder #main-column {
  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 screen and (min-width: 768px), print {
  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 .primary-holder,
.mainContainer .left-container {
  padding-top: 1.5rem;
}

html.profilelist .mainContainer .primary-holder,
html.profilelist .mainContainer .left-container {
  padding-top: 0;
}

#complete-unit-link-mobile-col {
  display: none !important;
}

.columns > .column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}

.columns.has-large-gaps > .column {
  padding: 1.5rem;
}

.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.33333%;
}

.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333%;
}

.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66667%;
}

.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66667%;
}

.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.33333%;
}

.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333%;
}

.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66667%;
}

.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66667%;
}

.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.33333%;
}

.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333%;
}

.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66667%;
}

.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66667%;
}

.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.33333%;
}

.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333%;
}

.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66667%;
}

.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66667%;
}

.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}

.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}

@media screen and (max-width: 767px) 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 (min-resolution: 120dpi) 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 (min-resolution: 120dpi) and (max-aspect-ratio: 1 / 1), 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 (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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .column.is-narrow-mobile {
    flex: none;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px), print {
  .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%;
  }
  .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.33333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66667%;
  }
  .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.33333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66667%;
  }
  .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.33333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66667%;
  }
  .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.33333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66667%;
  }
  .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 (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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.33333%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66667%;
  }
  .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.33333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66667%;
  }
  .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.33333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66667%;
  }
  .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.33333%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.33333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.66667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.33333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.66667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.33333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.66667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.33333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.66667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.columns:last-child {
  margin-bottom: -0.75rem;
}

.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.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: calc(1.5rem - 1.5rem);
}

.columns.is-centered {
  justify-content: center;
}

.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}

.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}

.columns.is-gapless:last-child {
  margin-bottom: 0;
}

.columns.is-mobile {
  display: flex;
}

.columns.is-multiline {
  flex-wrap: wrap;
}

.columns.is-centered {
  align-items: center;
}

@media screen and (min-width: 768px), print {
  .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.33333%;
}

.columns.is-mobile > main.content[dir='rtl'] .columns.is-offset-2 {
  margin-left: 16.66667%;
}

.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.33333%;
}

.columns.is-mobile > main.content[dir='rtl'] .columns.is-offset-5 {
  margin-left: 41.66667%;
}

.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.33333%;
}

.columns.is-mobile > main.content[dir='rtl'] .columns.is-offset-8 {
  margin-left: 66.66667%;
}

.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.33333%;
}

.columns.is-mobile > main.content[dir='rtl'] .columns.is-offset-11 {
  margin-left: 91.66667%;
}

.columns.is-mobile > main.content[dir='rtl'] .columns.is-offset-12 {
  margin-left: 100%;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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.33333%;
  }
  .columns.is-offset-2-mobile {
    margin-left: 16.66667%;
  }
  .columns.is-offset-3-mobile {
    margin-left: 25%;
  }
  .columns.is-offset-4-mobile {
    margin-left: 33.33333%;
  }
  .columns.is-offset-5-mobile {
    margin-left: 41.66667%;
  }
  .columns.is-offset-6-mobile {
    margin-left: 50%;
  }
  .columns.is-offset-7-mobile {
    margin-left: 58.33333%;
  }
  .columns.is-offset-8-mobile {
    margin-left: 66.66667%;
  }
  .columns.is-offset-9-mobile {
    margin-left: 75%;
  }
  .columns.is-offset-10-mobile {
    margin-left: 83.33333%;
  }
  .columns.is-offset-11-mobile {
    margin-left: 91.66667%;
  }
  .columns.is-offset-12-mobile {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px), print {
  .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.33333%;
  }
  .columns.is-offset-2, .columns.is-offset-2-tablet {
    margin-left: 16.66667%;
  }
  .columns.is-offset-3, .columns.is-offset-3-tablet {
    margin-left: 25%;
  }
  .columns.is-offset-4, .columns.is-offset-4-tablet {
    margin-left: 33.33333%;
  }
  .columns.is-offset-5, .columns.is-offset-5-tablet {
    margin-left: 41.66667%;
  }
  .columns.is-offset-6, .columns.is-offset-6-tablet {
    margin-left: 50%;
  }
  .columns.is-offset-7, .columns.is-offset-7-tablet {
    margin-left: 58.33333%;
  }
  .columns.is-offset-8, .columns.is-offset-8-tablet {
    margin-left: 66.66667%;
  }
  .columns.is-offset-9, .columns.is-offset-9-tablet {
    margin-left: 75%;
  }
  .columns.is-offset-10, .columns.is-offset-10-tablet {
    margin-left: 83.33333%;
  }
  .columns.is-offset-11, .columns.is-offset-11-tablet {
    margin-left: 91.66667%;
  }
  .columns.is-offset-12, .columns.is-offset-12-tablet {
    margin-left: 100%;
  }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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.33333%;
  }
  .columns.is-offset-2-touch {
    margin-left: 16.66667%;
  }
  .columns.is-offset-3-touch {
    margin-left: 25%;
  }
  .columns.is-offset-4-touch {
    margin-left: 33.33333%;
  }
  .columns.is-offset-5-touch {
    margin-left: 41.66667%;
  }
  .columns.is-offset-6-touch {
    margin-left: 50%;
  }
  .columns.is-offset-7-touch {
    margin-left: 58.33333%;
  }
  .columns.is-offset-8-touch {
    margin-left: 66.66667%;
  }
  .columns.is-offset-9-touch {
    margin-left: 75%;
  }
  .columns.is-offset-10-touch {
    margin-left: 83.33333%;
  }
  .columns.is-offset-11-touch {
    margin-left: 91.66667%;
  }
  .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.33333%;
  }
  .columns.is-offset-2-desktop {
    margin-left: 16.66667%;
  }
  .columns.is-offset-3-desktop {
    margin-left: 25%;
  }
  .columns.is-offset-4-desktop {
    margin-left: 33.33333%;
  }
  .columns.is-offset-5-desktop {
    margin-left: 41.66667%;
  }
  .columns.is-offset-6-desktop {
    margin-left: 50%;
  }
  .columns.is-offset-7-desktop {
    margin-left: 58.33333%;
  }
  .columns.is-offset-8-desktop {
    margin-left: 66.66667%;
  }
  .columns.is-offset-9-desktop {
    margin-left: 75%;
  }
  .columns.is-offset-10-desktop {
    margin-left: 83.33333%;
  }
  .columns.is-offset-11-desktop {
    margin-left: 91.66667%;
  }
  .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.33333%;
  }
  .columns.is-offset-2-widescreen {
    margin-left: 16.66667%;
  }
  .columns.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .columns.is-offset-4-widescreen {
    margin-left: 33.33333%;
  }
  .columns.is-offset-5-widescreen {
    margin-left: 41.66667%;
  }
  .columns.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .columns.is-offset-7-widescreen {
    margin-left: 58.33333%;
  }
  .columns.is-offset-8-widescreen {
    margin-left: 66.66667%;
  }
  .columns.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .columns.is-offset-10-widescreen {
    margin-left: 83.33333%;
  }
  .columns.is-offset-11-widescreen {
    margin-left: 91.66667%;
  }
  .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.33333%;
  }
  .columns.is-offset-2-fullhd {
    margin-left: 16.66667%;
  }
  .columns.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .columns.is-offset-4-fullhd {
    margin-left: 33.33333%;
  }
  .columns.is-offset-5-fullhd {
    margin-left: 41.66667%;
  }
  .columns.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .columns.is-offset-7-fullhd {
    margin-left: 58.33333%;
  }
  .columns.is-offset-8-fullhd {
    margin-left: 66.66667%;
  }
  .columns.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .columns.is-offset-10-fullhd {
    margin-left: 83.33333%;
  }
  .columns.is-offset-11-fullhd {
    margin-left: 91.66667%;
  }
  .columns.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns.is-masonry {
  position: relative;
  flex-wrap: wrap;
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), 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:before, .columns.is-masonry:after {
    content: '';
    flex-basis: 100%;
    width: 0;
    order: 2;
  }
}

.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero.is-primary {
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--primary-base);
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-primary strong {
  color: inherit;
}

.hero.is-primary .title,
.hero.is-primary .subtitle {
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.hero.is-primary a:not(.button),
.hero.is-primary strong {
  color: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.hero.is-secondary {
  background-color: hsla(0, 0%, 67%, 1);
  background-color: var(--secondary-base);
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.hero.is-secondary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-secondary strong {
  color: inherit;
}

.hero.is-secondary .title,
.hero.is-secondary .subtitle {
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.hero.is-secondary a:not(.button),
.hero.is-secondary strong {
  color: hsla(0, 0%, 0%, 0.998);
  color: var(--secondary-invert);
}

.hero.is-tertiary {
  background-color: hsla(0, 0%, 27%, 1);
  background-color: var(--tertiary-base);
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.hero.is-tertiary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-tertiary strong {
  color: inherit;
}

.hero.is-tertiary .title,
.hero.is-tertiary .subtitle {
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.hero.is-tertiary a:not(.button),
.hero.is-tertiary strong {
  color: hsla(0, 0%, 100%, 0.997);
  color: var(--tertiary-invert);
}

.hero.is-success {
  background-color: hsla(120, 77%, 30%, 1);
  background-color: var(--success-base);
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-success strong {
  color: inherit;
}

.hero.is-success .title,
.hero.is-success .subtitle {
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.hero.is-success a:not(.button),
.hero.is-success strong {
  color: hsla(0, 0%, 100%, 0.996);
  color: var(--success-invert);
}

.hero.is-info {
  background-color: hsla(262, 46%, 58%, 1);
  background-color: var(--info-base);
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-info strong {
  color: inherit;
}

.hero.is-info .title,
.hero.is-info .subtitle {
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.hero.is-info a:not(.button),
.hero.is-info strong {
  color: hsla(0, 0%, 100%, 0.995);
  color: var(--info-invert);
}

.hero.is-warning {
  background-color: hsla(44, 100%, 50%, 1);
  background-color: var(--warning-base);
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-warning strong {
  color: inherit;
}

.hero.is-warning .title,
.hero.is-warning .subtitle {
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.hero.is-warning a:not(.button),
.hero.is-warning strong {
  color: hsla(0, 0%, 0%, 0.997);
  color: var(--warning-invert);
}

.hero.is-danger {
  background-color: hsla(16, 99%, 43%, 1);
  background-color: var(--danger-base);
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-danger strong {
  color: inherit;
}

.hero.is-danger .title,
.hero.is-danger .subtitle {
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.hero.is-danger a:not(.button),
.hero.is-danger strong {
  color: hsla(0, 0%, 100%, 0.994);
  color: var(--danger-invert);
}

.hero.is-small .hero-body {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

@media screen and (min-width: 768px), print {
  .hero.is-medium .hero-body {
    padding-bottom: 9rem;
    padding-top: 9rem;
  }
}

@media screen and (min-width: 768px), print {
  .hero.is-large .hero-body {
    padding-bottom: 18rem;
    padding-top: 18rem;
  }
}

.hero.is-halfheight,
.hero.is-fullheight .hero-body {
  align-items: center;
  display: flex;
}

.hero.is-halfheight > .container,
.hero.is-fullheight .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}

.hero.is-halfheight {
  min-height: 50vh;
}

.hero.is-fullheight {
  min-height: 100vh;
}

.hero .hero-buttons {
  margin-top: 1.5rem;
}

.hero .hero-buttons .button {
  display: flex;
}

.hero .hero-buttons .button:not(:last-child) {
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 768px), print {
  .hero .hero-buttons .button {
    display: flex;
    justify-content: center;
  }
  .hero .hero-buttons .button .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero .hero-head,
.hero .hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero .hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}

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

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
}

.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.tile:last-child {
  margin-bottom: -0.75rem;
}

.tile:not(:last-child) {
  margin-bottom: 0.75rem;
}

.tile.is-child {
  margin: 0 !important;
}

.tile.is-parent {
  padding: 0.75rem;
}

.tile.is-vertical {
  flex-direction: column;
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 768px), print {
  .tile:not(.is-child) {
    display: flex;
  }
}

.tile.is-1 {
  flex: none;
  width: 8.33333%;
}

.tile.is-2 {
  flex: none;
  width: 16.66667%;
}

.tile.is-3 {
  flex: none;
  width: 25%;
}

.tile.is-4 {
  flex: none;
  width: 33.33333%;
}

.tile.is-5 {
  flex: none;
  width: 41.66667%;
}

.tile.is-6 {
  flex: none;
  width: 50%;
}

.tile.is-7 {
  flex: none;
  width: 58.33333%;
}

.tile.is-8 {
  flex: none;
  width: 66.66667%;
}

.tile.is-9 {
  flex: none;
  width: 75%;
}

.tile.is-10 {
  flex: none;
  width: 83.33333%;
}

.tile.is-11 {
  flex: none;
  width: 91.66667%;
}

.tile.is-12 {
  flex: none;
  width: 100%;
}

.level {
  align-items: center;
  justify-content: space-between;
}

.level img {
  display: inline-block;
  vertical-align: top;
}

.level.is-mobile {
  display: flex;
}

.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: 0.75rem;
}

.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
}

.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}

@media screen and (min-width: 768px), print {
  .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 .title,
.level-item .subtitle {
  margin-bottom: 0;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.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 screen and (min-width: 768px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 768px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}

@media screen and (min-width: 768px), print {
  .level-right {
    display: flex;
  }
}

.action-panel {
  display: none;
  position: fixed;
  top: 56px;
  bottom: 0;
  left: 100vw;
  width: 100vw;
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
  border-left: 1px solid hsla(0, 0%, 89%, 1);
  border-left: 1px solid var(--border);
}

html:not(.ap-layout-finished) .ap-expanded,
html.ap-layout-finished .ap-collapsed {
  display: none;
}

html:not(.hasSidebar) .contents-button {
  display: none;
}

html:not(.ap-layout) .content-header .content-header-controls {
  display: none;
}

html.ap-layout-animates .content-header {
  display: none;
}

html.ap-layout {
  overflow: hidden !important;
}

html.ap-layout .action-panel {
  display: block;
}

html.ap-layout-animates .header-holder,
html.ap-layout-animates .content-header,
html.ap-layout-animates .footerContainer,
html.ap-layout-animates #affixed-left-container,
html.ap-layout-animates #page-actions-content,
html.ap-layout-animates #openFeedbackContainer,
html.ap-layout-animates .action-panel,
html.ap-layout-animates #main-column {
  transition-property: transform, opacity;
}

html.ap-layout-animates .header-holder,
html.ap-layout-animates .footerContainer,
html.ap-layout-animates #affixed-left-container,
html.ap-layout-animates #page-actions-content,
html.ap-layout-animates #openFeedbackContainer {
  transition-duration: 100ms;
  transition-timing-function: ease-in;
}

html.ap-layout-animates .action-panel,
html.ap-layout-animates #main-column,
html.ap-layout-animates .content-header {
  transition-duration: 100ms;
  transition-timing-function: ease-out;
}

@media screen and (min-width: 768px), print {
  html.ap-layout-animates .action-panel,
  html.ap-layout-animates #main-column,
  html.ap-layout-animates .content-header {
    transition-delay: 100ms;
  }
}

html.ap-layout-in .action-panel {
  transform: translateX(-100%);
}

@media screen and (min-width: 768px), print {
  html.ap-layout-in .footerContainer {
    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 #page-actions-content {
    opacity: 0;
  }
  html.ap-layout-in #openFeedbackContainer {
    transform: translateY(200%);
  }
  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 .footerContainer,
html.ap-layout-finished #affixed-left-container,
html.ap-layout-finished .right-container,
html.ap-layout-finished #page-actions-content,
html.ap-layout-finished #openFeedbackContainer {
  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;
}

html.ap-layout-finished #main-column {
  visibility: hidden;
}

html.ap-layout-finished .content-header {
  position: fixed;
  top: 0;
  height: 56px;
  left: 0;
  right: 0;
  transform: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  max-width: 100vw;
  border-bottom: 1px solid hsla(0, 0%, 89%, 1);
  border-bottom: 1px solid var(--border);
}

@media screen and (min-width: 768px), print {
  html.ap-layout-finished #main-column {
    visibility: visible;
    position: fixed;
    box-sizing: border-box;
    top: 56px;
    bottom: 0;
    left: 0;
    width: 50vw;
    margin: 0 !important;
    transform: none;
  }
}

.alert {
  display: block;
  position: relative;
  border-radius: 6px;
  font-size: 1rem;
  padding: 1rem;
  margin-top: 1rem;
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  transition: height .5s ease-in, opacity .5s ease-in;
  word-wrap: break-word;
  word-break: break-word;
  border: 1px solid hsla(0, 0%, 100%, 0);
  border: 1px solid var(--border-white-high-contrast);
}

.alert > :first-child {
  margin-top: 0;
}

.alert > * {
  max-width: 100%;
}

.alert.is-primary {
  background: hsla(205, 100%, 94%, 1) !important;
  background: var(--primary-background) !important;
  border: 1px solid hsla(205, 100%, 94%, 0.999);
  border: 1px solid var(--primary-background-glow-high-contrast);
}

.alert.is-primary .alert-title,
.alert.is-primary a:not(.button) {
  color: hsla(206, 100%, 15%, 1);
  color: var(--primary-dark);
}

.alert.is-primary.is-loading:after {
  border-top-color: hsla(206, 100%, 15%, 1);
  border-top-color: var(--primary-dark);
  border-bottom-color: hsla(206, 100%, 15%, 1);
  border-bottom-color: var(--primary-dark);
  border-right-color: hsla(206, 100%, 15%, 1);
  border-right-color: var(--primary-dark);
  border-left-color: hsla(205, 100%, 94%, 1);
  border-left-color: var(--primary-background);
}

.alert.is-secondary {
  background: hsla(0, 0%, 89%, 0.999) !important;
  background: var(--secondary-background) !important;
  border: 1px solid hsla(0, 0%, 89%, 0.998);
  border: 1px solid var(--secondary-background-glow-high-contrast);
}

.alert.is-secondary .alert-title,
.alert.is-secondary a:not(.button) {
  color: hsla(0, 0%, 18%, 0.999);
  color: var(--secondary-dark);
}

.alert.is-secondary.is-loading:after {
  border-top-color: hsla(0, 0%, 18%, 0.999);
  border-top-color: var(--secondary-dark);
  border-bottom-color: hsla(0, 0%, 18%, 0.999);
  border-bottom-color: var(--secondary-dark);
  border-right-color: hsla(0, 0%, 18%, 0.999);
  border-right-color: var(--secondary-dark);
  border-left-color: hsla(0, 0%, 89%, 0.999);
  border-left-color: var(--secondary-background);
}

.alert.is-tertiary {
  background: hsla(0, 0%, 9%, 1) !important;
  background: var(--tertiary-background) !important;
  border: 1px solid hsla(0, 0%, 9%, 0.999);
  border: 1px solid var(--tertiary-background-glow-high-contrast);
}

.alert.is-tertiary .alert-title,
.alert.is-tertiary a:not(.button) {
  color: hsla(0, 0%, 89%, 0.997);
  color: var(--tertiary-dark);
}

.alert.is-tertiary.is-loading:after {
  border-top-color: hsla(0, 0%, 89%, 0.997);
  border-top-color: var(--tertiary-dark);
  border-bottom-color: hsla(0, 0%, 89%, 0.997);
  border-bottom-color: var(--tertiary-dark);
  border-right-color: hsla(0, 0%, 89%, 0.997);
  border-right-color: var(--tertiary-dark);
  border-left-color: hsla(0, 0%, 9%, 1);
  border-left-color: var(--tertiary-background);
}

.alert.is-success {
  background: hsla(120, 77%, 90%, 1) !important;
  background: var(--success-background) !important;
  border: 1px solid hsla(120, 77%, 90%, 0.999);
  border: 1px solid var(--success-background-glow-high-contrast);
}

.alert.is-success .alert-title,
.alert.is-success a:not(.button) {
  color: hsla(120, 77%, 15%, 1);
  color: var(--success-dark);
}

.alert.is-success.is-loading:after {
  border-top-color: hsla(120, 77%, 15%, 1);
  border-top-color: var(--success-dark);
  border-bottom-color: hsla(120, 77%, 15%, 1);
  border-bottom-color: var(--success-dark);
  border-right-color: hsla(120, 77%, 15%, 1);
  border-right-color: var(--success-dark);
  border-left-color: hsla(120, 77%, 90%, 1);
  border-left-color: var(--success-background);
}

.alert.is-info {
  background: hsla(262, 46%, 90%, 1) !important;
  background: var(--info-background) !important;
  border: 1px solid hsla(262, 46%, 90%, 0.999);
  border: 1px solid var(--info-background-glow-high-contrast);
}

.alert.is-info .alert-title,
.alert.is-info a:not(.button) {
  color: hsla(262, 46%, 25%, 1);
  color: var(--info-dark);
}

.alert.is-info.is-loading:after {
  border-top-color: hsla(262, 46%, 25%, 1);
  border-top-color: var(--info-dark);
  border-bottom-color: hsla(262, 46%, 25%, 1);
  border-bottom-color: var(--info-dark);
  border-right-color: hsla(262, 46%, 25%, 1);
  border-right-color: var(--info-dark);
  border-left-color: hsla(262, 46%, 90%, 1);
  border-left-color: var(--info-background);
}

.alert.is-warning {
  background: hsla(44, 100%, 90%, 1) !important;
  background: var(--warning-background) !important;
  border: 1px solid hsla(44, 100%, 90%, 0.999);
  border: 1px solid var(--warning-background-glow-high-contrast);
}

.alert.is-warning .alert-title,
.alert.is-warning a:not(.button) {
  color: hsla(44, 100%, 20%, 1);
  color: var(--warning-dark);
}

.alert.is-warning.is-loading:after {
  border-top-color: hsla(44, 100%, 20%, 1);
  border-top-color: var(--warning-dark);
  border-bottom-color: hsla(44, 100%, 20%, 1);
  border-bottom-color: var(--warning-dark);
  border-right-color: hsla(44, 100%, 20%, 1);
  border-right-color: var(--warning-dark);
  border-left-color: hsla(44, 100%, 90%, 1);
  border-left-color: var(--warning-background);
}

.alert.is-danger {
  background: hsla(16, 99%, 90%, 1) !important;
  background: var(--danger-background) !important;
  border: 1px solid hsla(16, 99%, 90%, 0.999);
  border: 1px solid var(--danger-background-glow-high-contrast);
}

.alert.is-danger .alert-title,
.alert.is-danger a:not(.button) {
  color: hsla(16, 99%, 20%, 1);
  color: var(--danger-dark);
}

.alert.is-danger.is-loading:after {
  border-top-color: hsla(16, 99%, 20%, 1);
  border-top-color: var(--danger-dark);
  border-bottom-color: hsla(16, 99%, 20%, 1);
  border-bottom-color: var(--danger-dark);
  border-right-color: hsla(16, 99%, 20%, 1);
  border-right-color: var(--danger-dark);
  border-left-color: hsla(16, 99%, 90%, 1);
  border-left-color: var(--danger-background);
}

.alert .alert-title,
.alert a:not(.button) {
  font-weight: 600;
  color: currentColor;
}

.alert .codeHeader {
  line-height: 24px;
}

.alert ul.default,
.alert ol.default,
.alert ul,
.alert ol {
  line-height: 1.8;
  margin-bottom: 0;
}

.alert.is-banner {
  background: hsla(262, 46%, 90%, 1);
  background: var(--info-background);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin: 0;
  border-radius: 0;
}

.alert.is-banner p {
  margin-top: calc(0.375em - 1px);
  margin-bottom: calc(0.375em - 1px);
  padding-top: calc(0.375em - 1px);
  padding-bottom: calc(0.375em - 1px);
}

.alert.disappearing {
  -webkit-animation: slideUpOutFadeOut .4s ease-in forwards;
          animation: slideUpOutFadeOut .4s ease-in forwards;
}

.alert.is-loading > :first-child {
  margin-left: 1.8em;
  margin-bottom: 0;
}

.alert.is-loading:after {
  border-top-color: hsla(0, 0%, 0%, 1);
  border-top-color: var(--text);
  border-bottom-color: hsla(0, 0%, 0%, 1);
  border-bottom-color: var(--text);
  border-right-color: hsla(0, 0%, 0%, 1);
  border-right-color: var(--text);
  border-left-color: transparent;
  margin-top: .25em;
  position: absolute;
  left: 1em;
  top: 1em;
  transform: none;
}

.alert.is-loading.is-small:after {
  font-size: 0.875rem;
}

.alert.is-loading.is-medium:after {
  font-size: 1rem;
}

.alert.is-loading.is-large:after {
  font-size: 1.125rem;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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: hsla(0, 0%, 37%, 1);
  color: var(--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: 0.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 screen and (min-width: 768px), print {
  .api-search-quick-filter > div {
    flex-basis: calc((100% - 24px - 24px) / 3);
  }
}

.api-search-quick-filter button {
  border: none;
  cursor: pointer;
  background-color: transparent;
  padding: 5px 12px;
  display: block;
  width: 100%;
  text-align: left;
}

.api-search-quick-filter button:hover {
  color: hsla(206, 100%, 15%, 1);
  color: var(--primary-dark);
  background-color: hsla(205, 100%, 94%, 1);
  background-color: var(--primary-background);
}

.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:nth-child(1) span {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.api-search-results td:nth-child(2),
.api-search-results th:nth-child(2) {
  display: none;
}

@media screen and (min-width: 768px), print {
  html.apiBrowserPage .api-search-results th:nth-child(1) {
    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 screen and (min-width: 768px), print {
  .api-search-results-heading {
    display: block;
    margin: 35px 0 20px;
  }
}

.api-search-results-heading .moniker-version {
  font-size: 1rem;
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

@media screen and (min-width: 768px), print {
  html:not(.apiBrowserPage) .content .api-search-field,
  html:not(.apiBrowserPage) .content .api-search-results-container {
    display: none;
  }
}

.azure-auth {
  height: 100%;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  background: hsla(0, 0%, 89%, 0.999);
  background: var(--secondary-background);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px;
}

.azure-auth-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 100%;
}

.azure-auth-step > * {
  margin: 0 0 16px;
}

.azure-auth-step .c-progress {
  margin-top: 16px;
}

.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:hover, .azure-auth-token.focus-visible {
  color: white;
  background-color: #005BA1;
}

.barLink {
  align-items: center;
  border-left: 6px solid hsla(0, 0%, 89%, 1);
  border-left: 6px solid var(--border);
  display: flex;
  font-size: 1.125rem;
  line-height: 28px;
  margin-top: 4px;
  min-height: 36px;
  padding-left: 12px;
  padding-right: 12px;
}

.barLink:hover {
  border-color: hsla(206, 100%, 28%, 1);
  border-color: var(--primary-hover);
  border-left-color: hsla(206, 100%, 35%, 1);
  border-left-color: var(--primary-base);
}

.barLink.is-unit-list-item {
  align-items: normal;
  justify-content: space-between;
  border-width: 4px;
  padding-right: 14px;
  max-height: 100%;
  line-height: 1;
}

.barLink img {
  width: 36px;
  height: 36px;
  margin: 5px 0;
  margin-right: 10px;
}

.cols div:last-child > .barLink {
  margin-bottom: 16px;
}

.sxs-lookup {
  display: none;
}

.breadcrumbs {
  width: 100%;
  list-style-type: none;
  background: hsla(0, 0%, 98%, 1);
  background: var(--body-background-medium);
  font-size: .875rem;
  margin-bottom: 0;
  padding: 0 16px;
}

.breadcrumbs > li {
  display: inline;
}

.breadcrumbs > li:not(:last-of-type):after {
  content: '/';
}

.breadcrumbs > li:after {
  display: inline;
  margin: 0 6px;
  color: hsla(0, 0%, 67%, 1);
  color: var(--secondary-base);
}

@media screen and (min-width: 768px), print {
  .breadcrumbs {
    padding: .25rem 0;
    background: none;
    width: auto;
  }
  .breadcrumbs > li {
    display: inline-block;
  }
}

.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: rgba(0, 0, 0, 0.2);
}

progress.c-progress::-webkit-progress-value {
  background: hsla(206, 100%, 35%, 1);
  background: var(--primary-base);
}

progress.c-progress::-moz-progress-bar {
  background: hsla(206, 100%, 35%, 1);
  background: var(--primary-base);
}

progress.c-progress > [role='progressbar'] {
  display: block;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  min-width: 296px;
  width: 100%;
  height: 4px;
}

progress.c-progress > [role='progressbar'] > span {
  display: block;
  position: relative;
  height: 100%;
  background: hsla(206, 100%, 35%, 1);
  background: var(--primary-base);
  color: hsla(206, 100%, 35%, 1);
  color: var(--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: hsla(0, 0%, 100%, 0.999);
    background: var(--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: hsla(0, 0%, 0%, 1);
    background: var(--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: hsla(206, 100%, 35%, 1);
  background: var(--primary-base);
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.c-progress.f-indeterminate-regional span:nth-child(1) {
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms;
}

.c-progress.f-indeterminate-regional span:nth-child(1):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: hsla(206, 100%, 35%, 1);
  background: var(--primary-base);
}

.c-progress.f-indeterminate-local span:nth-child(2) {
  -webkit-animation-delay: 240ms;
          animation-delay: 240ms;
}

.c-progress.f-indeterminate-local span:nth-child(3) {
  -webkit-animation-delay: 480ms;
          animation-delay: 480ms;
}

.c-progress.f-indeterminate-local span:nth-child(4) {
  -webkit-animation-delay: 720ms;
          animation-delay: 720ms;
}

.c-progress.f-indeterminate-local span:nth-child(5) {
  -webkit-animation-delay: 960ms;
          animation-delay: 960ms;
}

.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: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.lang-toggle-container > label {
  padding-right: 8px;
}

.lang-toggle-container .checkbox-toggle-wrapper {
  margin: 0 0 0 8px;
  display: flex;
}

.lang-toggle-container .checkbox-toggle-wrapper label.switch {
  order: 1;
  margin-left: 1px;
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
  cursor: pointer;
  display: block;
  border: 1px solid hsla(0, 0%, 0%, 1);
  border: 1px solid var(--text);
  border-radius: 12px;
  width: 44px;
  height: 16px;
  transition: 0.2s ease-in;
}

@media screen and (min-width: 1195px) {
  .lang-toggle-container .checkbox-toggle-wrapper label.switch {
    order: 3;
  }
}

.lang-toggle-container .checkbox-toggle-wrapper label.switch:after {
  transition: 0.4s cubic-bezier(0.01, 1.23, 0.58, 0.96);
  border-radius: 50%;
  transform: translate(3px, 3px);
  width: 8px;
  height: 8px;
  background: hsla(0, 0%, 0%, 1);
  background: var(--text);
  display: block;
  content: '';
}

body[dir='rtl'] .lang-toggle-container .checkbox-toggle-wrapper label.switch:after {
  transform: translate(-3px, 3px);
}

.lang-toggle-container .checkbox-toggle-wrapper input[type='checkbox']:checked + label.switch {
  background: hsla(206, 100%, 35%, 1);
  background: var(--primary-base);
  border: 1px solid hsla(206, 100%, 35%, 1);
  border: 1px solid var(--primary-base);
}

.lang-toggle-container .checkbox-toggle-wrapper input[type='checkbox']:checked + label.switch:after {
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
  transform: translate(31px, 3px);
}

body[dir='rtl'] .lang-toggle-container .checkbox-toggle-wrapper input[type='checkbox']:checked + label.switch:after {
  transform: translate(-31px, 3px);
}

.lang-toggle-container .checkbox-toggle-wrapper input[type='checkbox'] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  height: 0;
  width: 0;
  order: 2;
}

/*

Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>

*/
.line-highlight {
  background-color: #ffc;
}

.hljs-comment {
  color: #008000;
}

.hljs-pscommand,
.hljs-keyword,
.hljs-selector-tag,
.hljs-built_in,
.hljs-name,
.hljs-tag {
  color: #0101FD;
}

.hljs-literal {
  color: #07704a;
}

.hljs-string,
.hljs-section,
.hljs-template-tag,
.hljs-template-variable,
.hljs-deletion,
.hljs-code {
  color: #a31515;
}

.hljs-parameter,
.hljs-type,
.hljs-attribute,
.hljs-title,
.hljs-addition,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-meta {
  color: #007d9a;
}

.hljs-doctag {
  color: #737373;
}

.hljs-attr {
  color: #0451a5;
}

.hljs-control {
  color: #af00db;
}

.hljs-helper {
  color: #795e26;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link {
  color: #00b0e8;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 600;
}

.hljs-reserved,
.hljs-constant {
  color: #cd3131;
}

body.theme-dark .line-highlight,
body.theme-high-contrast .line-highlight {
  background-color: darkgreen;
}

body.theme-dark .hljs-comment,
body.theme-high-contrast .hljs-comment {
  color: #57A64A;
}

body.theme-dark .hljs-number,
body.theme-high-contrast .hljs-number {
  color: #b5cea8;
}

body.theme-dark .hljs-pscommand,
body.theme-dark .hljs-keyword,
body.theme-dark .hljs-selector-tag,
body.theme-dark .hljs-built_in,
body.theme-dark .hljs-name,
body.theme-dark .hljs-tag,
body.theme-high-contrast .hljs-pscommand,
body.theme-high-contrast .hljs-keyword,
body.theme-high-contrast .hljs-selector-tag,
body.theme-high-contrast .hljs-built_in,
body.theme-high-contrast .hljs-name,
body.theme-high-contrast .hljs-tag {
  color: #569cd6;
}

body.theme-dark .hljs-literal,
body.theme-high-contrast .hljs-literal {
  color: #569cd6;
}

body.theme-dark .hljs-title,
body.theme-high-contrast .hljs-title {
  color: #4EC9B0;
}

body.theme-dark .hljs-string,
body.theme-dark .hljs-section,
body.theme-dark .hljs-attribute,
body.theme-dark .hljs-template-tag,
body.theme-dark .hljs-template-variable,
body.theme-dark .hljs-deletion,
body.theme-dark .hljs-type,
body.theme-dark .hljs-code,
body.theme-high-contrast .hljs-string,
body.theme-high-contrast .hljs-section,
body.theme-high-contrast .hljs-attribute,
body.theme-high-contrast .hljs-template-tag,
body.theme-high-contrast .hljs-template-variable,
body.theme-high-contrast .hljs-deletion,
body.theme-high-contrast .hljs-type,
body.theme-high-contrast .hljs-code {
  color: #ce9178;
}

body.theme-dark .hljs-addition,
body.theme-dark .hljs-selector-attr,
body.theme-dark .hljs-selector-pseudo,
body.theme-dark .hljs-meta,
body.theme-high-contrast .hljs-addition,
body.theme-high-contrast .hljs-selector-attr,
body.theme-high-contrast .hljs-selector-pseudo,
body.theme-high-contrast .hljs-meta {
  color: #2b91af;
}

body.theme-dark .hljs-doctag,
body.theme-high-contrast .hljs-doctag {
  color: #808080;
}

body.theme-dark .hljs-attr,
body.theme-high-contrast .hljs-attr {
  color: #9cdcfe;
}

body.theme-dark .hljs-parameter,
body.theme-dark .hljs-type,
body.theme-dark .hljs-attribute,
body.theme-dark .hljs-title,
body.theme-dark .hljs-addition,
body.theme-dark .hljs-selector-attr,
body.theme-dark .hljs-selector-pseudo,
body.theme-dark .hljs-meta,
body.theme-high-contrast .hljs-parameter,
body.theme-high-contrast .hljs-type,
body.theme-high-contrast .hljs-attribute,
body.theme-high-contrast .hljs-title,
body.theme-high-contrast .hljs-addition,
body.theme-high-contrast .hljs-selector-attr,
body.theme-high-contrast .hljs-selector-pseudo,
body.theme-high-contrast .hljs-meta {
  color: #01cfff;
}

body.theme-dark .hljs-control,
body.theme-high-contrast .hljs-control {
  color: #c586c0;
}

body.theme-dark .hljs-helper,
body.theme-high-contrast .hljs-helper {
  color: #dcdcaa;
}

body.theme-dark .hljs-symbol,
body.theme-dark .hljs-bullet,
body.theme-dark .hljs-link,
body.theme-high-contrast .hljs-symbol,
body.theme-high-contrast .hljs-bullet,
body.theme-high-contrast .hljs-link {
  color: #808080;
}

body.theme-dark .hljs-reserved,
body.theme-dark .hljs-constant,
body.theme-high-contrast .hljs-reserved,
body.theme-high-contrast .hljs-constant {
  color: #f44747;
}

/**
 * Responsive 1, 2, 3 and 4 column layout
 */
.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% - 24px / 2);
  }
  .cols.cols3.discrete > * {
    flex-basis: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .cols.cols3 > *,
  .cols.cols3.discrete > * {
    flex-basis: calc(33.33333% - 24px * 2 / 3);
  }
  .cols.cols3 > *:last-child:nth-child(3n - 4) {
    margin-right: calc(33.33333% + 24px * 1 / 3);
  }
  .cols.cols4 > *:last-child:nth-child(4n - 6) {
    margin-right: calc(50% + 24px * 1 / 2);
  }
  .cols.cols4 > *:last-child:nth-child(4n - 5) {
    margin-right: calc(25% + 24px * 1 / 4);
  }
}

@media only screen and (min-width: 1280px) {
  .cols.cols4 > * {
    flex-basis: calc(25% - 24px * 3 / 4);
  }
}

.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 > * {
  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 ul,
.content .row > .column ol {
  box-sizing: border-box;
  margin: 0;
  margin-left: 38px;
  max-width: calc(100% - 38px);
}

.content .row > .column ul li,
.content .row > .column ol 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-top: 1px solid hsla(0, 0%, 89%, 1);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid hsla(0, 0%, 89%, 1);
  border-bottom: 1px solid var(--border);
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .content-header {
    padding: 0;
  }
}

@media screen and (min-width: 768px), print {
  .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: flex-start;
  align-items: flex-end;
}

.content-header-controls.exit-focus {
  justify-content: flex-end;
}

@media screen and (min-width: 768px), print {
  .content-header-controls {
    display: none;
  }
}

html.ap-layout-finished .content-header-controls {
  display: flex;
  margin: 8px;
  width: auto;
}

.metadata {
  display: block;
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  font-size: 0.875rem;
}

.metadata.page-metadata {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.metadata.page-metadata > li {
  list-style: none;
  display: flex;
  flex-basis: auto;
}

.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 (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), 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;
}

@media only screen and (max-width: 1023px) {
  .metadata {
    margin: 0 0 12px;
  }
}

.doc-outline h3 {
  font-size: 1rem;
  margin: 0;
  margin-top: 16px;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

@media screen and (min-width: 768px), print {
  .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: 0.875rem;
  border-left: 3px solid transparent;
  padding: 2px 0;
  padding-left: 4px;
  margin: 4px 0;
}

.doc-outline li.selected {
  font-weight: 600;
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.doc-outline a:visited {
  color: hsla(206, 100%, 35%, 1);
  color: var(--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%;
}

.dotnet-online-header {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 1px solid hsla(0, 0%, 89%, 1);
  border-bottom: 1px solid var(--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 hsla(0, 0%, 89%, 1);
  border-bottom: 1px solid var(--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;
}

.dropdown {
  position: relative;
}

.dropdown .dropdown-menu {
  margin-top: 0.25rem;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  width: auto;
  white-space: nowrap;
  z-index: 100;
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  box-shadow: 0 6.4px 14.4px 0 hsla(0, 0%, 0%, 0.132), 0 1.2px 3.6px 0 hsla(0, 0%, 0%, 0.108);
  box-shadow: 0 6.4px 14.4px 0 var(--box-shadow-medium), 0 1.2px 3.6px 0 var(--box-shadow-light);
}

.has-centered-menu .dropdown-menu {
  max-width: 90vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: normal;
}

.has-menu-width-250 .dropdown-menu {
  width: 250px;
}

.has-menu-width-450 .dropdown-menu {
  width: 450px;
}

.has-menu-min-width-300 .dropdown-menu {
  min-width: 300px;
}

.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: 101 !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: hsla(0, 0%, 100%, 0.999);
  border-bottom-color: var(--body-background);
}

.dropdown.has-caret .dropdown-trigger[aria-expanded='true']:before {
  border-width: 8px;
  border-bottom-color: hsla(0, 0%, 89%, 1);
  border-bottom-color: var(--border);
}

.dropdown.has-caret .dropdown-trigger[aria-expanded='true']:before, .dropdown.has-caret .dropdown-trigger[aria-expanded='true']:after {
  top: inherit;
  bottom: -14px;
  z-index: 101;
}

.dropdown.has-caret .dropdown-menu {
  margin-top: 12px;
}

.dropdown.has-caret.has-snug-menu .dropdown-trigger[aria-expanded='true']:before, .dropdown.has-caret.has-snug-menu .dropdown-trigger[aria-expanded='true']:after {
  top: 21px;
}

.dropdown.has-caret.has-snug-menu .dropdown-menu {
  margin-top: 5px;
}

/*
USAGE:

<div class="dropdown">  <-- OPTIONAL add "has-caret" class if you want the triangle
	<button class="dropdown-trigger" aria-label="TODO TODO" aria-controls="ax-0" aria-expanded="false">
	</button>
	<div class="dropdown-menu" id="ax-0" role="menu">
	</div>
</div>
*/
.hubpage,
.landingpage {
  /* styleA */
  /* styleB */
  /* styleC */
  /* styleD */
  /* styleE */
  /* styleF */
  /* styleF Title */
  /* styleG */
  /* styleH */
  /* styleI */
  /* StyleJ */
  /* StyleK */
  /* styleL */
  /* styleM */
  /* landing pages - StyleW */
  /* site home - StyleX*/
  /* featured - StyleY*/
  /* no image */
}

.hubpage .card,
.landingpage .card {
  overflow: hidden;
  position: relative;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  padding: 6px 12px 6px 12px;
  box-shadow: 0 2px 5px hsla(0, 0%, 89%, 1);
  box-shadow: 0 2px 5px var(--border);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.hubpage .card:hover, .hubpage .card:active,
.landingpage .card:hover,
.landingpage .card:active {
  border: 1px solid hsla(206, 100%, 35%, 1);
  border: 1px solid var(--primary-base);
}

.hubpage .card a,
.landingpage .card a {
  text-decoration: none;
}

.hubpage .card h3,
.hubpage .card .likeAnH3,
.landingpage .card h3,
.landingpage .card .likeAnH3 {
  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: 0.9375rem;
  line-height: 1.33;
  margin: 6px 0 0;
  padding: 0;
}

.hubpage a .card:hover h3,
.hubpage a .card:active h3,
.hubpage a .card:hover .likeAnH3,
.hubpage a .card:active .likeAnH3,
.landingpage a .card:hover h3,
.landingpage a .card:active h3,
.landingpage a .card:hover .likeAnH3,
.landingpage a .card:active .likeAnH3 {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.hubpage a .card:hover h3:hover,
.hubpage a .card:active h3:active,
.hubpage .card h3 a:hover,
.hubpage .card h3 a:active,
.hubpage a .card:hover .likeAnH3:hover,
.hubpage a .card:active .likeAnH3:active,
.hubpage .card .likeAnH3 a:hover,
.hubpage .card .likeAnH3 a:active,
.landingpage a .card:hover h3:hover,
.landingpage a .card:active h3:active,
.landingpage .card h3 a:hover,
.landingpage .card h3 a:active,
.landingpage a .card:hover .likeAnH3:hover,
.landingpage a .card:active .likeAnH3:active,
.landingpage .card .likeAnH3 a:hover,
.landingpage .card .likeAnH3 a:active {
  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: center center;
  height: 100%;
  width: 100%;
}

.hubpage .cardText a,
.hubpage .cardText a:visited,
.landingpage .cardText a,
.landingpage .cardText a:visited {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  text-decoration: none;
}

.hubpage a .card:hover .cardText,
.hubpage a .card:active .cardText,
.hubpage .cardText a:hover,
.hubpage .cardText a:active,
.landingpage a .card:hover .cardText,
.landingpage a .card:active .cardText,
.landingpage .cardText a:hover,
.landingpage .cardText a:active {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.hubpage .cardText h3 a:hover,
.hubpage .cardText h3 a:active,
.hubpage .cardText .likeAnH3 a:hover,
.hubpage .cardText .likeAnH3 a:active,
.landingpage .cardText h3 a:hover,
.landingpage .cardText h3 a:active,
.landingpage .cardText .likeAnH3 a:hover,
.landingpage .cardText .likeAnH3 a:active {
  color: hsla(206, 100%, 35%, 1);
  color: var(--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;
}

body.theme-dark .hubpage .cardsB .card, body.theme-dark
.landingpage .cardsB .card {
  box-shadow: none;
  border: 0;
}

.hubpage .cardsB .card h3 a,
.landingpage .cardsB .card h3 a {
  color: hsla(206, 100%, 35%, 1);
  color: var(--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 {
  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: hsla(206, 100%, 35%, 1);
  color: var(--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;
}

body.theme-dark .hubpage .cardsD .card, body.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 hsla(0, 0%, 89%, 1);
  border-left: 2px solid var(--border);
}

.hubpage .cardsE .card:hover a,
.landingpage .cardsE .card:hover a {
  color: hsla(206, 100%, 35%, 1);
  color: var(--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.body.theme-dark .hubpage .cardsF .card, html.body.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: hsla(206, 100%, 35%, 1);
  color: var(--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 h3,
.hubpage .cardsFTitle .cardText .likeAnH3,
.landingpage .cardsFTitle .cardText h3,
.landingpage .cardsFTitle .cardText .likeAnH3 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
}

.hubpage .cardsFTitle .cardText a,
.landingpage .cardsFTitle .cardText a {
  color: hsla(206, 100%, 35%, 1);
  color: var(--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.body.theme-dark .hubpage .cardsG .card, html.body.theme-dark
.landingpage .cardsG .card {
  box-shadow: none;
  border: 0;
}

.hubpage .cardsG .card:hover a,
.landingpage .cardsG .card:hover a {
  color: hsla(206, 100%, 35%, 1);
  color: var(--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: solid 1px hsla(0, 0%, 89%, 1);
  border-bottom: solid 1px var(--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: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.hubpage .cardsM .cardText > :first-child,
.landingpage .cardsM .cardText > :first-child {
  margin-top: 0;
  color: hsla(0, 0%, 0%, 1);
  color: var(--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;
}

body.theme-dark .hubpage .cardsW .card, body.theme-dark
.landingpage .cardsW .card {
  box-shadow: none;
  border: 0;
}

.hubpage .cardsW .cardImage,
.landingpage .cardsW .cardImage {
  display: block;
  width: 100%;
}

.hubpage .cardsW .card h3,
.hubpage .cardsW .card .likeAnH3,
.landingpage .cardsW .card h3,
.landingpage .cardsW .card .likeAnH3 {
  font-size: 1.188rem;
}

.hubpage .cardsW .card p,
.landingpage .cardsW .card p {
  font-size: 1rem;
  margin: 10px 0 0;
}

.hubpage .noTouch .cardsX .card:hover,
.hubpage .noTouch .cardsX .card:active,
.landingpage .noTouch .cardsX .card:hover,
.landingpage .noTouch .cardsX .card:active {
  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 .cardText,
.landingpage .cardsX .cardText {
  display: none;
}

.hubpage .cardsX .card h3,
.hubpage .cardsX .card .likeAnH3,
.landingpage .cardsX .card h3,
.landingpage .cardsX .card .likeAnH3 {
  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: 0.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 h3,
.hubpage .directory .likeAnH3,
.landingpage .directory h3,
.landingpage .directory .likeAnH3 {
  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: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.hubpage .group li p,
.landingpage .group li p {
  margin-left: 36px;
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.hubpage .group li:hover p,
.hubpage .group li:active p,
.landingpage .group li:hover p,
.landingpage .group li:active p {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
  text-decoration: underline;
}

.hubpage .ico48Link,
.hubpage .ico64Link,
.landingpage .ico48Link,
.landingpage .ico64Link {
  display: inline-block;
  font-size: 0.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;
}

a.lightbox-enabled {
  position: relative;
  text-decoration: none !important;
  /* !important for IE 11 */
}

a.lightbox-enabled:hover, a.lightbox-enabled.focus-visible {
  cursor: zoom-in;
}

a.lightbox-enabled:hover:after, a.lightbox-enabled.focus-visible:after {
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  color: hsla(0, 0%, 0%, 1);
  color: var(--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: hsla(0, 0%, 0%, 0.3);
  background-color: var(--secondary-box-shadow);
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  font-family: 'docons';
  font-size: 20px;
  text-decoration: none !important;
}

.image-browser figure {
  margin: 0;
}

.image-browser figure div {
  max-height: 75vh;
  max-width: 95vw;
  overflow: hidden;
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
}

@media screen and (min-width: 768px), print {
  .image-browser figure div {
    max-height: 80vh;
    max-width: 80vw;
  }
}

.image-browser figure img {
  display: block;
  margin: 0 auto;
  touch-action: none;
  transition: opacity .5s ease-in .3s;
}

.image-browser figure figcaption {
  padding: 8px;
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
}

.image-browser-expandable {
  cursor: zoom-in;
}

.image-browser-pannable {
  cursor: move;
}

.image-browser-transition {
  transition: all .3s linear;
}

.mx-codeBreakAll code {
  word-break: break-all;
  white-space: normal;
}

.mx-tdBreakAll td {
  word-break: break-all;
}

/* stylelint-disable */
.mx-tdCol2BreakAll td:nth-child(2) {
  word-break: break-all;
  word-break: break-word;
}

/* stylelint-enable */
.content .mx-imgBorder img {
  border: solid 1px hsla(0, 0%, 89%, 1);
  border: solid 1px var(--border);
}

.content .mx-namespace thead {
  display: none;
}

.mx-tableNormal table {
  width: inherit !important;
}

.mx-tableFixed table {
  table-layout: fixed;
}

.mx-tableFixed table th:nth-child(1),
.mx-tableFixed table td:nth-child(1) {
  padding-left: 0;
}

.mx-tableFixed table th:last-child,
.mx-tableFixed table td: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;
}

.MJXc-display,
.MathJax_Display {
  overflow-x: auto;
  overflow-y: hidden;
}

.moniker-picker {
  position: relative;
  margin-top: 0;
}

.moniker-picker.expanded {
  z-index: 99;
}

.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: hsla(0, 0%, 0%, 1);
  color: var(--text);
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
}

.moniker-picker li > a {
  white-space: nowrap;
}

.moniker-picker [role='menu'] {
  z-index: 1000;
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
}

.moniker-picker button.products {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  font-weight: 600;
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.moniker-picker button.products[disabled] {
  cursor: default;
  color: hsla(0, 0%, 0%, 1);
  color: var(--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: hsla(0, 0%, 0%, 1);
  color: var(--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 hsla(0, 0%, 89%, 1);
  border-top: 1px solid var(--border);
}

.moniker-picker .moniker-auxillary-links:not(:empty) a {
  display: block;
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
  padding: 3px 8px;
}

.moniker-picker .moniker-auxillary-links:not(:empty) a:hover, .moniker-picker .moniker-auxillary-links:not(:empty) a.focus-visible {
  background-color: hsla(206, 100%, 35%, 0.3);
  background-color: var(--primary-box-shadow);
  text-decoration: none;
}

@media screen and (max-width: 767px) and (max-height: 1023px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (max-height: 1023.9px), 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: hsla(0, 0%, 37%, 1);
    color: var(--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: hsla(0, 0%, 0%, 1);
    color: var(--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 hsla(0, 0%, 89%, 1);
    border-bottom: 1px solid var(--border);
  }
  .moniker-picker.expanded button {
    background-color: hsla(0, 0%, 95%, 1);
    background-color: var(--body-background-dark);
  }
  .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-width: 768px), screen and (min-height: 1024px) {
  .moniker-picker [role='menu'] {
    display: none;
    border: 1px solid hsla(0, 0%, 89%, 1);
    border: 1px solid var(--border);
    box-shadow: 0 3.2px 7.2px 0 hsla(0, 0%, 0%, 0.132), 0 0.6px 1.8px 0 hsla(0, 0%, 0%, 0.108);
    box-shadow: 0 3.2px 7.2px 0 var(--box-shadow-medium), 0 0.6px 1.8px 0 var(--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: hsla(0, 0%, 95%, 1);
    background-color: var(--body-background-dark);
    border-bottom: 1px solid hsla(0, 0%, 89%, 1);
    border-bottom: 1px solid var(--border);
  }
  .moniker-picker [role='menu'] li > a,
  .moniker-picker [role='menu'] li > button {
    width: 100%;
    padding: 3px 8px;
    padding-right: 20px;
  }
  .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: hsla(205, 100%, 94%, 1);
    background-color: var(--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-width: 768px) and (-ms-high-contrast: active), screen and (min-height: 1024px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none), screen and (min-height: 1024px) and (-ms-high-contrast: none) {
  .moniker-picker [role='menu'].products {
    height: 350px;
  }
}

@media screen and (min-width: 768px), screen and (min-height: 1024px) {
  .moniker-picker [role='menu'].versions {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 100%;
    min-width: 125px;
    max-width: 200px;
  }
}

@media screen and (max-width: 767px) and (max-height: 1023px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (max-height: 1023.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (max-height: 1023.9px) {
  html.moniker-picker-expanded {
    overflow: hidden !important;
  }
}

@media screen and (min-width: 768px), print {
  html:not(.apiBrowserPage) .content .moniker-picker {
    display: none;
  }
}

#page-actions {
  font-size: 0.875rem;
}

#page-actions ol,
#page-actions ul {
  margin-bottom: 0;
  list-style: none;
  padding: 0 !important;
  /* combatting livefyre */
  list-style-type: none;
}

#page-actions ol {
  margin-top: 10px;
}

#page-actions-content {
  width: 100%;
  display: block;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  #page-actions-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
  }
}

#contenteditbtn > i,
#contenteditbtn span.docon {
  cursor: pointer;
}

#contenteditbtn .flyout-container {
  min-width: 100px;
  max-width: 130px;
  white-space: normal;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  #page-actions {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .typeSep {
    display: none;
  }
}

@media screen and (max-width: 1199.99999px) {
  #page-actions {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1200px) {
  #page-actions {
    max-width: inherit;
  }
  #page-actions-content {
    max-width: inherit;
    padding-top: 0;
  }
  #page-actions .typeSep {
    display: none;
  }
  #page-actions label {
    display: block;
  }
  #center-doc-outline {
    display: none;
  }
}

/* Center Column */
#main {
  position: relative;
}

/* END Center Column */
/* !!! fix for rtl in uhf. check this, they might fix it someday !!! */
/* UHF-related colors */
body[dir='rtl'] a.m-skip-to-main,
body[dir='rtl'] a.m-skip-to-main:hover {
  left: auto;
  right: -999px;
}

body[dir='rtl'] a.m-skip-to-main:active,
body[dir='rtl'] a.m-skip-to-main.focus-visible {
  left: auto;
  right: 0;
}

#uhf-placeholder {
  height: 88px;
}

@media (min-width: 860px) {
  #uhf-placeholder {
    height: 54px;
  }
}

.azure-header {
  line-height: 1.5;
  z-index: 9 !important;
}

.azure-header-placeholder {
  height: 46px;
  background-color: #1a1a1a;
}

@media screen and (min-width: 768px), print {
  .azure-header-placeholder {
    height: 88px;
  }
}

.azure-header-placeholder:after {
  display: block;
  box-sizing: border-box;
  max-width: 1280px;
  padding: 5px 0 0 12px;
  margin-left: auto;
  margin-right: auto;
  content: 'Microsoft Azure';
  color: white;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.5;
}

@media screen and (min-width: 768px), print {
  .azure-header-placeholder:after {
    padding: 8px 0 0 30px;
  }
}

#headerAreaHolder {
  line-height: normal;
}

.search-scope {
  display: none;
  align-items: center;
  position: absolute;
  top: 0;
  max-width: 120px;
  margin: 3px;
  padding: 5px 0;
  background-color: hsla(205, 100%, 94%, 1) !important;
  background-color: var(--primary-background) !important;
  color: hsla(0, 0%, 0%, 1) !important;
  color: var(--text) !important;
  font-size: .875rem;
}

.search-scope > span {
  margin: 0 3px;
}

@media only screen and (min-width: 860px) {
  .c-sgl-stck .search-scope {
    top: 10px;
  }
}

.f-search-opened .search-scope {
  display: flex;
}

@media screen and (min-width: 1400px) {
  header:not(.c-sgl-stck) .search-scope {
    display: flex;
  }
}

.search-scope-text {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 859px) {
  .c-sgl-stck {
    margin-bottom: 31px;
  }
}

.c-uhfh {
  position: static !important;
  margin-top: 0 !important;
}

.js-global-head {
  border-bottom-color: hsla(0, 0%, 100%, 0) !important;
  border-bottom-color: var(--border-white-high-contrast) !important;
}

.cat-logo-button-cont {
  background-color: transparent !important;
  border-color: transparent !important;
}

.c-cat-logo-button {
  color: hsla(0, 0%, 0%, 1) !important;
  color: var(--text) !important;
}

@media screen and (min-width: 768px), print {
  .profile img.profile-img {
    margin-top: 24px;
  }
}

.profile .connect {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0;
}

.profile .connect li {
  list-style: none;
}

.profile .connect li:not(:first-child):before {
  content: '|';
  margin: 0 8px;
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .profile .connect {
    flex-direction: column;
  }
  .profile .connect li:not(:first-child):before {
    content: '';
    margin: 0;
  }
}

@media screen and (min-width: 768px), print {
  .profile ul.connect li:nth-child(n+8) {
    display: none;
  }
}

.map-mode-container .map {
  margin-top: 12px;
  width: 100%;
  height: calc(100vh - 66px);
}

@media screen and (min-width: 768px), print {
  .map-mode-container .map {
    height: 70vh;
  }
}

.quiz-question-title p {
  display: inline;
}

.quiz-choice {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  background: hsla(0, 0%, 95%, 1);
  background: var(--body-background-dark);
  cursor: pointer;
}

@media screen and (min-width: 768px), print {
  .quiz-choice {
    border-radius: 1rem;
    background: transparent;
  }
}

.quiz-choice:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: 0 0 5px 0 hsla(0, 0%, 0%, 0.108);
  box-shadow: 0 0 5px 0 var(--box-shadow-light);
}

.quiz-choice.is-focused, .quiz-choice.is-focused:hover {
  outline: none !important;
  border-color: transparent;
  background: transparent;
  box-shadow: 0 0 5px 0 hsla(206, 100%, 35%, 1);
  box-shadow: 0 0 5px 0 var(--primary-base);
}

.quiz-choice.is-selected, .quiz-choice.is-selected:hover {
  background-color: hsla(205, 100%, 94%, 1);
  background-color: var(--primary-background);
  border-color: hsla(206, 100%, 35%, 1);
  border-color: var(--primary-base);
}

.quiz-choice.is-incorrect, .quiz-choice.is-incorrect:hover {
  background-color: hsla(16, 99%, 90%, 1);
  background-color: var(--danger-background);
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
  margin-bottom: 0 !important;
}

.quiz-choice.is-incorrect + .quiz-choice-explanation, .quiz-choice.is-incorrect:hover + .quiz-choice-explanation {
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
  display: block;
}

.quiz-choice.is-incorrect:after, .quiz-choice.is-incorrect:hover:after {
  font-family: 'docons';
  content: '\FF04';
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
  position: absolute;
  right: 0.5rem;
}

.quiz-choice.is-correct, .quiz-choice.is-correct:hover {
  background-color: hsla(120, 77%, 90%, 1);
  background-color: var(--success-background);
  border-color: hsla(120, 77%, 30%, 1);
  border-color: var(--success-base);
  margin-bottom: 0 !important;
}

.quiz-choice.is-correct + .quiz-choice-explanation, .quiz-choice.is-correct:hover + .quiz-choice-explanation {
  color: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
  display: block;
}

.quiz-choice.is-correct:after, .quiz-choice.is-correct:hover:after {
  font-family: 'docons';
  content: '\FF02';
  color: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
  position: absolute;
  right: 0.5rem;
}

.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;
  position: absolute;
  width: 1px;
  word-wrap: normal;
  position: absolute;
  top: 100%;
  left: 10px;
}

.quiz-choice .custom-radio {
  background: 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: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.quiz-choice-explanation {
  display: none;
}

.quiz-choice-explanation p {
  margin: 0;
}

.quiz-modal-image {
  background-image: url(https://docs.microsoft.com/en-us/media/learn/quiz-complete.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.rating {
  position: fixed;
  bottom: 8px;
  right: 8px;
  max-width: calc(100% - 16px);
  max-height: calc(100% - 16px);
  overflow: auto;
  padding: 12px;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  opacity: 1;
  transition: opacity 2s ease-in;
  z-index: 100;
}

.rating * {
  box-sizing: border-box;
  font-size: .6875rem;
  line-height: 1.15;
}

.rating :placeholder {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.rating label,
.rating p {
  padding-right: 16px;
}

.rating label,
.rating p,
.rating textarea {
  display: block;
  margin: 0;
}

.rating label:not(:last-child),
.rating p:not(:last-child),
.rating textarea:not(:last-child) {
  margin-bottom: 8px;
}

.rating textarea {
  width: 100%;
  height: 100px;
  min-width: 200px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  resize: none;
}

.rating .rating-close,
.rating .rating-mobile-feedback,
.rating .rating-helpful,
.rating .rating-verbatim,
.rating .rating-thanks1,
.rating .rating-thanks2 {
  display: none;
}

.rating.rating-mobile-feedback-active {
  border: none;
  padding: 0;
}

.rating.rating-mobile-feedback-active .rating-mobile-feedback {
  display: block;
}

.rating.rating-helpful-active .rating-close,
.rating.rating-helpful-active .rating-helpful {
  display: block;
}

.rating.rating-verbatim-active .rating-close,
.rating.rating-verbatim-active .rating-verbatim {
  display: block;
}

.rating.rating-thanks1-active {
  transition-delay: 8s;
  opacity: 0;
}

.rating.rating-thanks1-active .rating-close,
.rating.rating-thanks1-active .rating-thanks1 {
  display: block;
}

.rating.rating-thanks2-active {
  transition-delay: 1s;
  opacity: 0;
}

.rating.rating-thanks2-active .rating-thanks2 {
  display: block;
}

.rating-close {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background-color: hsla(0, 0%, 100%, 0.999);
  background-color: var(--body-background);
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  font-size: 0.75rem !important;
}

.rating-close:hover {
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
}

.footerContainer .site-resources {
  padding: 0;
  background-color: hsla(206, 100%, 35%, 1);
  background-color: var(--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: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
  .footerContainer .site-resources .site-resources-inner h2 {
    font-weight: 600;
  }
}

@media screen and (min-width: 768px), print {
  .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 screen and (min-width: 768px), print {
  .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: hsla(0, 0%, 100%, 0.998);
  color: var(--primary-invert);
}

.footerContainer .site-resources .site-resources-inner ul li a.focus-visible {
  outline: 0.125rem dashed hsla(0, 0%, 100%, 0.998) !important;
  outline: 0.125rem dashed var(--primary-invert) !important;
  outline-offset: 0.125rem;
}

.rest-tryit-form {
  overflow: auto;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 95%, 1);
  background: var(--body-background-dark);
}

.rest-tryit-form h3 {
  margin-top: 0;
  font-weight: 600;
  font-size: 1rem;
}

.rest-tryit-form .signin-section {
  background: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
  border-top: 1px solid hsla(0, 0%, 89%, 1);
  border-top: 1px solid var(--border);
}

.rest-tryit-form input[disabled],
.rest-tryit-form textarea[disabled],
.rest-tryit-form select[disabled] {
  cursor: not-allowed;
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
}

.rest-tryit-form .required-asterisk {
  color: hsla(44, 100%, 50%, 1);
  color: var(--warning-base);
  padding: 0 2px;
}

.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 hsla(0, 0%, 89%, 1);
  border-top: 1px solid var(--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 hsla(0, 0%, 89%, 1);
  border: 1px solid var(--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 hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  background-color: hsla(0, 0%, 89%, 1);
  background-color: var(--border);
  padding: 0 .75em;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
}

.rest-tryit-form .request-section .url-group .url-input {
  flex-grow: 1;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: 90%;
}

html.body.theme-dark .rest-tryit-form .request-section .url-group .url-input {
  border-color: hsla(0, 0%, 37%, 1);
  border-color: var(--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: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  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: 0.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: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
  font-size: 0.875rem;
  width: 100%;
  padding-top: 5px;
  padding-left: 5px;
  text-align: right;
}

.rest-tryit-form .request-section .action {
  padding: 8px;
  background: transparent;
  border: 0 solid hsla(0, 0%, 89%, 1);
  border: 0 solid var(--border);
  color: hsla(0, 0%, 37%, 1);
  color: var(--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: hsla(0, 0%, 100%, 0.999);
  background: var(--body-background);
  border-top: 1px solid hsla(0, 0%, 89%, 1);
  border-top: 1px solid var(--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: hsla(120, 77%, 30%, 1);
  color: var(--success-base);
  font-weight: 600;
}

.rest-tryit-form .response-section .status-warning {
  color: hsla(44, 100%, 50%, 1);
  color: var(--warning-base);
  font-weight: 600;
}

.rest-tryit-form .response-section .status-fail {
  color: hsla(16, 99%, 43%, 1);
  color: var(--danger-base);
  font-weight: 600;
}

.schema-crumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
  font-size: .875rem;
}

.schema-crumbs > li {
  display: inline-block;
}

.schema-crumbs > li:not(:last-child):after {
  display: inline-block;
  margin: 0 6px;
  content: '/';
  color: hsla(0, 0%, 89%, 1);
  color: var(--border);
}

.tabGroup {
  margin-top: 1rem;
}

.tabGroup ul[role='tablist'] {
  display: flex;
  margin: 0;
  padding: 4px 0 0;
  list-style: none;
  border-bottom: 1px solid hsla(0, 0%, 89%, 1);
  border-bottom: 1px solid var(--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: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
  border: 0;
}

.tabGroup a[role='tab'][aria-selected='true'] {
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  border-width: 4px 1px 1px;
  border-left-color: hsla(0, 0%, 89%, 1);
  border-left-color: var(--border);
  border-right-color: hsla(0, 0%, 89%, 1);
  border-right-color: var(--border);
  border-bottom-color: hsla(0, 0%, 100%, 0.999);
  border-bottom-color: var(--body-background);
  border-top-color: hsla(206, 100%, 35%, 1);
  border-top-color: var(--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: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  color: hsla(206, 100%, 35%, 1);
  color: var(--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 hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  border-top: none;
  padding: 15px;
}

.tabGroup section[role='tabpanel'] > :first-child {
  margin-top: 0;
}

.tabGroup section[role='tabpanel'] > pre:last-child {
  display: block;
}

.feedback-section {
  position: relative;
}

.feedback-section > h2 {
  font-size: 1.75rem;
  margin-top: 32px;
}

.feedback-section .action-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 8px 0;
}

.feedback-section section[role='tabpanel'] {
  padding: 0;
  border: none;
}

.feedback-section .avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
}

.feedback-section .dropdown-trigger {
  flex-shrink: 0;
}

.feedback-section .no-issues-placeholder {
  padding: 23px 8px 22px 16px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}

.feedback-section .alert > * {
  margin-top: 1rem;
  margin-bottom: 0;
}

.feedback-section .alert > *:first-child {
  margin-top: 0;
}

.documentation-feedback-menu {
  padding: 8px 16px;
  min-width: 200px;
  font-size: .875rem;
  white-space: normal;
}

.documentation-feedback-menu > a {
  white-space: pre;
  word-wrap: initial;
}

.feedback-status a {
  font-weight: 600;
}

.feedback-alert {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 8px;
  padding: 8px;
  word-break: break-all;
  transition: opacity 200ms ease-in-out, max-height 200ms ease-in-out;
  max-height: 200px;
  color: hsla(16, 99%, 20%, 1);
  color: var(--danger-dark);
  background-color: hsla(16, 99%, 90%, 1);
  background-color: var(--danger-background);
}

.feedback-alert.info, .feedback-alert.is-info {
  color: hsla(262, 46%, 25%, 1);
  color: var(--info-dark);
  background-color: hsla(262, 46%, 90%, 1);
  background-color: var(--info-background);
}

.feedback-alert .message {
  flex-grow: 1;
  margin: 0 8px;
}

.feedback-alert .message a {
  color: currentColor;
  font-weight: 600;
}

.feedback-alert .dismiss {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
}

.feedback-form label {
  display: block;
  width: 100%;
}

.feedback-form textarea {
  min-height: 90px;
  max-height: 550px;
}

.feedback-form.show-validation-status :invalid {
  border-color: hsla(16, 99%, 43%, 1);
  border-color: var(--danger-base);
}

.feedback-form.show-validation-status :invalid.focus-visible {
  outline: 0.125rem dashed hsla(16, 99%, 43%, 1) !important;
  outline: 0.125rem dashed var(--danger-base) !important;
  outline-offset: 0.125rem;
  outline-style: solid !important;
}

.feedback-form-heading {
  display: flex;
  align-items: center;
  margin: 16px 0 8px;
  font-size: 1rem;
}

.feedback-form-heading .username {
  margin: 0 8px;
}

.github-issues-list,
.github-comments-list {
  margin: 0;
}

.github-issues-list > li,
.github-comments-list > li {
  list-style-type: none;
}

.github-issue .title-aside,
.github-comment .title-aside {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  margin: -8px;
  margin-left: 0;
}

.github-issue {
  padding: 8px 8px 8px 24px;
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: hsla(0, 0%, 89%, 1);
  border-color: var(--border);
}

@media screen and (min-width: 576px) {
  .github-issue {
    padding: 8px 16px 8px 32px;
  }
}

.github-issue .issue-title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.github-issue .issue-title {
  flex-shrink: 1;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  transition: max-height 200ms ease-in-out;
  max-height: 25px;
  font-weight: 600;
}

.github-issue .issue-title[aria-expanded='true'] {
  white-space: normal;
  max-height: 200px;
}

.github-issue .comment-count {
  padding: 4px 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: none;
  background-color: transparent;
  white-space: nowrap;
}

.github-issue .comment-count[data-count='0'] {
  display: none;
}

.github-issue .comment-count:after {
  content: attr(data-count);
}

.github-issue .comment-count .docon {
  font-size: .875rem;
}

.github-issue .issue-footer {
  margin-top: 4px;
  font-size: .875rem;
}

.github-issue > .github-reactions {
  margin: 8px -16px -8px -32px;
}

.github-issue .issue-number > cite {
  font-style: normal;
}

.github-issue .issue-author {
  margin-right: 4px;
}

.github-issue .expand-indicator {
  position: absolute;
  margin-left: -16px;
  margin-top: 6px;
  font-size: 12px;
  transition: transform 200ms ease-in-out;
}

@media screen and (min-width: 576px) {
  .github-issue .expand-indicator {
    margin-left: -20px;
  }
}

.github-issue [aria-expanded='true'] .expand-indicator {
  transform: rotate(90deg);
}

.github-issue .github-author-association {
  position: relative;
  bottom: -1px;
}

.github-comments-list {
  border-bottom: 1px solid hsla(0, 0%, 89%, 1);
  border-bottom: 1px solid var(--border);
}

.github-comments-list > li {
  margin: 16px 0;
}

.github-comment {
  display: flex;
}

.github-comment .comment-aside {
  display: none;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  margin: 0 16px 0 8px;
}

@media (min-width: 576px) {
  .github-comment .comment-aside {
    display: block;
  }
}

.github-comment .comment-main {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
}

@media (min-width: 576px) {
  .github-comment .comment-main:after, .github-comment .comment-main:before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -16px;
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
    content: ' ';
    border-color: transparent;
    border-style: solid solid outset;
  }
  .github-comment .comment-main:after {
    margin-top: 1px;
    margin-left: 2px;
    border-width: 7px;
    border-right-color: hsla(0, 0%, 95%, 1);
    border-right-color: var(--body-background-dark);
  }
  .github-comment .comment-main:before {
    border-width: 8px;
    border-right-color: hsla(0, 0%, 89%, 1);
    border-right-color: var(--border);
  }
  .github-comment.current-user .comment-main:after, .github-comment.current-user .comment-main:before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -16px;
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
    content: ' ';
    border-color: transparent;
    border-style: solid solid outset;
  }
  .github-comment.current-user .comment-main:after {
    margin-top: 1px;
    margin-left: 2px;
    border-width: 7px;
    border-right-color: hsla(205, 100%, 94%, 1);
    border-right-color: var(--primary-background);
  }
  .github-comment.current-user .comment-main:before {
    border-width: 8px;
    border-right-color: hsla(0, 0%, 89%, 1);
    border-right-color: var(--border);
  }
  .github-comment .comment-main.feedback-form:after, .github-comment .comment-main.feedback-form:before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -16px;
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
    content: ' ';
    border-color: transparent;
    border-style: solid solid outset;
  }
  .github-comment .comment-main.feedback-form:after {
    margin-top: 1px;
    margin-left: 2px;
    border-width: 7px;
    border-right-color: hsla(0, 0%, 100%, 0.999);
    border-right-color: var(--body-background);
  }
  .github-comment .comment-main.feedback-form:before {
    border-width: 8px;
    border-right-color: hsla(0, 0%, 89%, 1);
    border-right-color: var(--border);
  }
}

.github-comment .comment-title,
.github-comment .comment-body {
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 576px) {
  .github-comment .comment-title,
  .github-comment .comment-body {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.github-comment .feedback-form {
  padding-left: 8px;
  padding-right: 8px;
}

.github-comment .comment-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 400;
  font-size: .875rem;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  background-color: hsla(0, 0%, 95%, 1);
  background-color: var(--body-background-dark);
  border-bottom: 1px solid hsla(0, 0%, 89%, 1);
  border-bottom: 1px solid var(--border);
}

.github-comment.current-user .comment-title {
  background-color: hsla(205, 100%, 94%, 1);
  background-color: var(--primary-background);
}

.github-comment .comment-author {
  font-weight: 600;
}

.github-comment .comment-body {
  padding-top: 16px;
  padding-bottom: 16px;
}

.github-comment .comment-body > :first-child {
  margin-top: 0;
}

.github-comment .comment-body > :last-child {
  margin-bottom: 0;
}

.github-comment .github-author-association {
  margin: 0 8px;
}

.github-reactions {
  position: relative;
  display: none;
  flex-direction: row;
}

@media screen and (min-width: 576px) {
  .github-reactions {
    display: flex;
  }
}

.github-reactions.has-divider > .github-reaction {
  border-right: 1px solid hsla(0, 0%, 89%, 1);
  border-right: 1px solid var(--border);
}

.github-reactions .github-reactions-dropdown .dropdown-trigger {
  display: none;
}

.github-reactions:hover :not([data-reaction-count='0']) ~ .github-reactions-dropdown .dropdown-trigger,
.github-reactions .github-reactions-dropdown .dropdown-trigger[aria-expanded='true'],
.github-reactions .github-reactions-dropdown .dropdown-trigger.focus-visible {
  display: inline-block;
}

:not(.github-reactions-dropdown) .github-reactions .hr {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  border-top: 1px solid hsla(0, 0%, 89%, 1);
  border-top: 1px solid var(--border);
}

.github-reaction {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  background: none;
  border: none;
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 36px;
  padding: 0 16px;
  margin: 0;
}

.github-reaction[disabled] {
  cursor: not-allowed;
}

.github-reaction[disabled].submitting {
  cursor: progress;
}

.github-reaction[data-reaction-count='0'] {
  display: none !important;
}

.github-reaction[data-reaction-count]:after {
  content: attr(data-reaction-count);
  margin-left: 4px;
}

.github-reaction:before {
  line-height: 100%;
  width: 20px;
  height: 16px;
}

.github-reaction[data-reaction-type='comment']:before {
  font-family: 'docons';
  content: '\FF25';
}

.github-reaction[data-reaction-type='+1']:before {
  content: '👝';
}

.github-reaction[data-reaction-type='-1']:before {
  content: '👎';
}

.github-reaction[data-reaction-type='laugh']:before {
  content: '😄';
}

.github-reaction[data-reaction-type='hooray']:before {
  content: '🎉';
}

.github-reaction[data-reaction-type='confused']:before {
  content: '😕';
}

.github-reaction[data-reaction-type='heart']:before {
  content: '❤︝';
}

.github-reaction:not([disabled]):hover {
  background-color: hsla(205, 100%, 94%, 1);
  background-color: var(--primary-background);
}

.github-reaction.submitting {
  position: relative;
  pointer-events: none;
  width: 20px;
}

.github-reaction.submitting:before {
  content: '';
  position: absolute;
  left: calc(50% - (1em / 2));
  top: calc(50% - (1em / 2));
  border-color: transparent transparent hsla(0, 0%, 37%, 1) hsla(0, 0%, 37%, 1) !important;
  border-color: transparent transparent var(--text-subtle) var(--text-subtle) !important;
  position: absolute !important;
}

.github-reactions-dropdown {
  display: none;
}

@media screen and (min-width: 576px) {
  .github-reactions-dropdown {
    display: block;
  }
}

.github-reactions-dropdown .dropdown-trigger {
  padding: 4px 8px;
  height: 36px;
  background-color: transparent;
  border: none;
  white-space: nowrap;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.github-reactions-dropdown .dropdown-trigger .docon-octicon-plus-small {
  margin-right: -2px;
}

.github-reactions-dropdown .dropdown-menu {
  padding: 4px 8px;
}

.github-reactions-dropdown .dropdown-menu .github-reaction {
  padding: 0 8px;
}

.github-reactions-dropdown .dropdown-menu .feedback-sign-in-button {
  display: inline-block;
  margin: 16px;
}

.github-reactions-dropdown .dropdown-menu .feedback-sign-in-button + * {
  display: none;
}

.github-reactions-dropdown .dropdown-menu .feedback-sign-in-button[hidden] + * {
  display: inherit;
}

.github-reactions-dropdown .pick-reaction {
  display: block;
  font-weight: 600;
  font-size: .875rem;
  text-align: center;
  margin-bottom: 4px;
}

.github-content {
  overflow: hidden;
  word-break: break-word;
}

.github-content ul,
.github-content ol {
  margin: 0;
  padding-left: 40px;
}

.github-content a.user-mention {
  font-weight: 600;
  color: hsla(0, 0%, 0%, 1);
  color: var(--text);
  text-decoration: none;
}

.github-content a.user-mention.focus-visible, .github-content a.user-mention:hover {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.github-content a.user-mention:hover {
  text-decoration: underline;
}

.github-content .email-hidden-toggle,
.github-content .email-hidden-reply {
  display: none;
}

.github-author-association {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  border-radius: 9px;
  border: 1px solid hsla(0, 0%, 89%, 1);
  border: 1px solid var(--border);
  font-size: .75rem;
  line-height: 100%;
}

.github-author-association > * {
  margin: 0 2px;
}

.github-author-association img {
  display: none;
}

@media screen and (min-width: 576px) {
  .github-author-association img {
    display: block;
  }
}

button.muted-link,
a.muted-link {
  text-decoration: none;
}

button.muted-link:not(.text-subtle),
a.muted-link:not(.text-subtle) {
  color: currentColor;
}

button.muted-link.focus-visible, button.muted-link:hover:not([disabled]),
a.muted-link.focus-visible,
a.muted-link:hover:not([disabled]) {
  color: hsla(206, 100%, 35%, 1);
  color: var(--primary-base);
}

.text-subtle {
  color: hsla(0, 0%, 37%, 1);
  color: var(--text-subtle);
}


/*# sourceMappingURL=site-ltr.css.map */