@charset "UTF-8";
/*!
 * MWF (Moray) Extensions v2.15.1
 * Copyright (c) Microsoft Corporation. All rights reserved.
 * Copyright 2011-2022 The Bootstrap Authors and Twitter, Inc.
 * Copyright ©2022 W3C® (MIT, ERCIM, Keio, Beihang).
 */
 

 @font-face
{
font-family:MWF-FLUENT-ICONS;
local("Segoe MDL2 Assets"),
url(font/normal/latest.woff2) format("woff2"),
url(font/normal/latest.woff) format("woff"),
url(font/normal/latest.ttf) format("ttf");
}
@font-face
{
font-family:SegoeUI;
src:local("Segoe UI"),
url(font/normal/latest.woff2) format("woff2"),
url(font/normal/latest.woff) format("woff"),
url(font/normal/latest.ttf) format("ttf");
font-weight:400
}
@font-face{
font-family:SegoeUI;
src:local("Segoe UI"),
url(font/light/latest.woff2) format("woff2"),
url(font/light/latest.woff) format("woff"),
url(font/light/latest.ttf) format("ttf");
font-weight:100
}
@font-face
{
font-family:SegoeUI;
src:local("Segoe UI"),
url(font/semilight/latest.woff2) format("woff2"),
url(font/semilight/latest.woff) format("woff"),
url(font/semilight/latest.ttf) format("ttf");
font-weight:200
}
@font-face
{
font-family:SegoeUI;
src:local("Segoe UI"),
url(font/semibold/latest.woff2) format("woff2"),
url(font/semibold/latest.woff) format("woff"),
url(font/semibold/latest.ttf) format("ttf");
font-weight:600
}
@font-face
{
font-family:SegoeUI;
src:local("Segoe UI"),
url(font/bold/latest.woff2) format("woff2"),
url(font/bold/latest.woff) format("woff"),
url(font/bold/latest.ttf) format("ttf");
font-weight:700
}
 
 
 
 
 
 
 
 
 
 
 
*,
::after,
::before {
  box-sizing: border-box
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

body {
  margin: 0;
  font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff
}



[contentEditable=true]:focus,
[tabindex]:focus,
a[href]:focus,
area[href]:focus,
button:focus,
iframe:focus,
input:focus,
select:focus,
textarea:focus {
  outline: .1875rem dotted currentColor
}

[tabindex="-1"][id]:focus {
  outline: .1875rem dotted currentColor
}

[tabindex="-1"][id]:focus:not(:focus-visible) {
  outline: 0
}

[tabindex="-1"][id]:focus-visible {
  outline: .1875rem dotted currentColor
}

[tabindex="-1"]:not([id]):focus {
  outline: 0 !important
}

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

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

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem
}

html:not([dir=rtl]) dd {
  margin-left: 0
}

html[dir=rtl] dd {
  margin-right: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #0067b8
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 1em
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  border-collapse: collapse
}

caption {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: #000;
  caption-side: top
}

html:not([dir=rtl]) caption {
  text-align: left
}

html[dir=rtl] caption {
  text-align: right
}

th {
  text-align: inherit
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

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

button,
select {
  text-transform: none
}

select {
  word-wrap: normal
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  font-size: inherit;
  line-height: inherit
}

progress {
  vertical-align: baseline
}

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

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

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

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

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none !important
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: .75rem;
  padding-left: .75rem
}

@media (min-width:1084px) {
  .container {
    padding-right: 5%;
    padding-left: 5%;
    width: 90%;
    box-sizing: content-box
  }
}

.offset-xl-10 {
  margin-right: 83.33333%
}

html:not([dir=rtl]) .offset-xl-11 {
  margin-left: 91.66667%
}

html[dir=rtl] .offset-xl-11 {
  margin-right: 91.66667%
}
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse {
  transition: height 0s cubic-bezier(.25, .25, .75, .75), opacity .2s cubic-bezier(0, 0, 0, 1), transform .2s cubic-bezier(0, 0, 0, 1)
}

@media (prefers-reduced-motion:reduce) {
  .collapse {
    transition: none
  }
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-.875em);
  transition: height 0s .1s cubic-bezier(.25, .25, .75, .75), opacity .1s cubic-bezier(.8, 0, .2, 1), transform .1s cubic-bezier(.8, 0, .2, 1)
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2
}

.h6,
h6 {
  font-size: 1.0625rem;
  margin-bottom: .5rem
}

@media (min-width:1084px) {

  .h6,
  h6 {
    font-size: 1.125rem;
    margin-bottom: .5rem
  }
}

@media (min-width:1400px) {

  .h6,
  h6 {
    font-size: 1.1875rem;
    margin-bottom: .5rem
  }
}

.h5,
h5 {
  font-size: 1.125rem;
  margin-bottom: .5rem
}

@media (min-width:1084px) {

  .h5,
  h5 {
    font-size: 1.1875rem;
    margin-bottom: .5rem
  }
}

@media (min-width:1400px) {

  .h5,
  h5 {
    font-size: 1.3125rem;
    margin-bottom: .5rem
  }
}

.h4,
h4 {
  font-size: 1.1875rem;
  margin-bottom: .5rem
}

@media (min-width:1084px) {

  .h4,
  h4 {
    font-size: 1.3125rem;
    margin-bottom: .5rem
  }
}

@media (min-width:1400px) {

  .h4,
  h4 {
    font-size: 1.5rem;
    margin-bottom: .75rem
  }
}

.h3,
h3 {
  font-size: 1.3125rem;
  margin-bottom: .5rem
}

@media (min-width:1084px) {

  .h3,
  h3 {
    font-size: 1.5rem;
    margin-bottom: .75rem
  }
}

@media (min-width:1400px) {

  .h3,
  h3 {
    font-size: 1.8125rem;
    margin-bottom: 1rem
  }
}

.h2,
h2 {
  font-size: 1.5rem;
  margin-bottom: .75rem
}

@media (min-width:1084px) {

  .h2,
  h2 {
    font-size: 1.8125rem;
    margin-bottom: 1rem
  }
}

@media (min-width:1400px) {

  .h2,
  h2 {
    font-size: 2.3125rem;
    margin-bottom: 1.25rem
  }
}

.h1,
h1 {
  font-size: 1.8125rem;
  margin-bottom: 1rem
}

@media (min-width:1084px) {

  .h1,
  h1 {
    font-size: 2.3125rem;
    margin-bottom: 1.25rem
  }
}

@media (min-width:1400px) {

  .h1,
  h1 {
    font-size: 3.125rem;
    margin-bottom: 1.5rem
  }
}

.display-4 {
  font-size: 2.3125rem;
  margin-bottom: 1.25rem
}

@media (min-width:1084px) {
  .display-4 {
    font-size: 3.125rem;
    margin-bottom: 1.5rem
  }
}

@media (min-width:1400px) {
  .display-4 {
    font-size: 4.4375rem;
    margin-bottom: 1.75rem
  }
}

.display-3 {
  font-size: 3.125rem;
  margin-bottom: 1.5rem
}

@media (min-width:1084px) {
  .display-3 {
    font-size: 4.4375rem;
    margin-bottom: 1.75rem
  }
}

@media (min-width:1400px) {
  .display-3 {
    font-size: 6.5625rem;
    margin-bottom: 2rem
  }
}

.display-2 {
  font-size: 4.4375rem;
  margin-bottom: 1.75rem
}

@media (min-width:1084px) {
  .display-2 {
    font-size: 6.5625rem;
    margin-bottom: 2rem
  }
}

@media (min-width:1400px) {
  .display-2 {
    font-size: 10rem;
    margin-bottom: 2.25rem
  }
}

.display-1 {
  font-size: 6.5625rem;
  margin-bottom: 2rem
}

@media (min-width:1084px) {
  .display-1 {
    font-size: 10rem;
    margin-bottom: 2.25rem
  }
}

@media (min-width:1400px) {
  .display-1 {
    font-size: 15.5625rem;
    margin-bottom: 2.5rem
  }
}

.lead {
  font-weight: 400
}

@media (min-width:1084px) {
  .lead {
    font-size: 1.25rem
  }
}

.small,
small {
  font-size: .875rem;
  font-weight: inherit
}

.base {
  font-size: 1rem
}

@media (min-width:1084px) {
  .large {
    font-size: 1.125rem
  }
}

.mark,
mark {
  background-color: #ffb900;
  box-shadow: 0 0 0 .2em #ffb900;
  color: #000
}

code {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #000;
  background-color: #f2f2f2;
  border-radius: .1rem;
  word-wrap: break-word
}

a>code {
  color: inherit
}

.theme-dark a>code {
  color: inherit
}

.theme-dark code {
  background-color: #171717;
  color: #fff
}

kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #505050;
  border-radius: .1rem
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700
}

pre {
  display: block;
  font-size: 87.5%
}

pre code {
  font-size: inherit;
  word-break: normal
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4375em;
  font-weight: 600;
  border: .125rem solid transparent;
  position: relative;
  border-radius: .125rem;
  background-color: inherit;
  color: inherit;
  text-decoration: none;
  padding: .625rem .75rem;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer
}

.btn.disabled,
.btn:disabled {
  cursor: default;
  opacity: .3
}

.btn:focus {
  outline: .1875rem dotted currentColor;
  outline-offset: -.375rem
}

.btn .glyph {
  display: flex;
  align-items: center
}

.btn .glyph::after,
.btn .glyph::before {
  font-weight: 600
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none
}

.btn-brand,
.btn-primary,
.theme-dark .btn-brand,
.theme-dark .btn-primary-alt {
  background-color: #0067b8;
  color: #fff !important
}

.btn-brand:hover,
.btn-primary:hover,
.theme-dark .btn-primary-alt:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-brand,
.active.btn-primary,
.theme-dark .active.btn-primary-alt {
  background-color: #fff;
  color: #0067b8 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 103, 184, .15), rgba(0, 103, 184, .15))
}

.btn-brand:disabled,
.btn-primary:disabled,
.disabled.btn-brand,
.disabled.btn-primary,
.theme-dark .btn-primary-alt:disabled,
.theme-dark .disabled.btn-primary-alt {
  box-shadow: none;
  background-image: none
}

.btn-inverted-brand,
.btn-inverted-primary,
.theme-dark .btn-inverted-brand,
.theme-dark .btn-inverted-primary-alt {
  background-color: #fff;
  color: #0067b8 !important
}

.btn-inverted-brand:hover,
.btn-inverted-primary:hover,
.theme-dark .btn-inverted-primary-alt:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-brand,
.active.btn-inverted-primary,
.theme-dark .active.btn-inverted-primary-alt {
  background-color: #0067b8;
  color: #fff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-inverted-brand:disabled,
.btn-inverted-primary:disabled,
.disabled.btn-inverted-brand,
.disabled.btn-inverted-primary,
.theme-dark .btn-inverted-primary-alt:disabled,
.theme-dark .disabled.btn-inverted-primary-alt {
  box-shadow: none;
  background-image: none
}

.btn-outline-brand,
.btn-outline-primary,
.theme-dark .btn-outline-brand,
.theme-dark .btn-outline-primary-alt {
  background-color: transparent;
  color: #0067b8 !important;
  border-color: currentColor
}

.btn-outline-brand:hover,
.btn-outline-primary:hover,
.theme-dark .btn-outline-primary-alt:hover {
  background-image: linear-gradient(rgba(0, 103, 184, .15), rgba(0, 103, 184, .15))
}

.active.btn-outline-brand,
.active.btn-outline-primary,
.theme-dark .active.btn-outline-primary-alt {
  background-color: #0067b8;
  color: #fff !important;
  border-color: transparent
}

.btn-outline-brand:disabled,
.btn-outline-primary:disabled,
.disabled.btn-outline-brand,
.disabled.btn-outline-primary,
.theme-dark .btn-outline-primary-alt:disabled,
.theme-dark .disabled.btn-outline-primary-alt {
  background-image: none
}

.btn-faint-brand,
.btn-faint-primary,
.theme-dark .btn-faint-brand,
.theme-dark .btn-faint-primary-alt {
  background-color: transparent;
  color: #0067b8 !important;
  background-image: linear-gradient(rgba(0, 103, 184, .15), rgba(0, 103, 184, .15))
}

.btn-faint-brand:hover,
.btn-faint-primary:hover,
.theme-dark .btn-faint-primary-alt:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-brand,
.active.btn-faint-primary,
.theme-dark .active.btn-faint-primary-alt {
  color: #fff !important;
  background-color: #0067b8
}

.btn-faint-brand:disabled,
.btn-faint-primary:disabled,
.disabled.btn-faint-brand,
.disabled.btn-faint-primary,
.theme-dark .btn-faint-primary-alt:disabled,
.theme-dark .disabled.btn-faint-primary-alt {
  box-shadow: none;
  background-image: linear-gradient(rgba(0, 103, 184, .15), rgba(0, 103, 184, .15))
}

.btn-inverted-brand-dark,
.theme-dark .btn-inverted-brand-dark {
  background-color: #fff;
  color: #243a5e !important
}

.btn-inverted-brand-dark:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-brand-dark {
  background-color: #243a5e;
  color: #fff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-inverted-brand-dark:disabled,
.disabled.btn-inverted-brand-dark {
  box-shadow: none;
  background-image: none
}

.btn-outline-brand-dark,
.theme-dark .btn-outline-brand-dark {
  background-color: transparent;
  color: #243a5e !important;
  border-color: currentColor
}

.btn-outline-brand-dark:hover {
  background-image: linear-gradient(rgba(36, 58, 94, .15), rgba(36, 58, 94, .15))
}

.active.btn-outline-brand-dark {
  background-color: #243a5e;
  color: #fff !important;
  border-color: transparent
}

.btn-outline-brand-dark:disabled,
.disabled.btn-outline-brand-dark {
  background-image: none
}

.btn-faint-brand-dark,
.theme-dark .btn-faint-brand-dark {
  background-color: transparent;
  color: #243a5e !important;
  background-image: linear-gradient(rgba(36, 58, 94, .15), rgba(36, 58, 94, .15))
}

.btn-faint-brand-dark:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-brand-dark {
  color: #fff !important;
  background-color: #243a5e
}

.btn-faint-brand-dark:disabled,
.disabled.btn-faint-brand-dark {
  box-shadow: none;
  background-image: linear-gradient(rgba(36, 58, 94, .15), rgba(36, 58, 94, .15))
}

.btn-inverted-brand-light,
.theme-dark .btn-inverted-brand-light {
  background-color: #000;
  color: #50e6ff !important
}

.btn-inverted-brand-light:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-brand-light {
  background-color: #50e6ff;
  color: #000 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-inverted-brand-light:disabled,
.disabled.btn-inverted-brand-light {
  box-shadow: none;
  background-image: none
}

.btn-outline-brand-light,
.theme-dark .btn-outline-brand-light {
  background-color: transparent;
  color: #50e6ff !important;
  border-color: currentColor
}

.btn-outline-brand-light:hover {
  background-image: linear-gradient(rgba(80, 230, 255, .15), rgba(80, 230, 255, .15))
}

.active.btn-outline-brand-light {
  background-color: #50e6ff;
  color: #000 !important;
  border-color: transparent
}

.btn-outline-brand-light:disabled,
.disabled.btn-outline-brand-light {
  background-image: none
}

.btn-faint-brand-light,
.theme-dark .btn-faint-brand-light {
  background-color: transparent;
  color: #50e6ff !important;
  background-image: linear-gradient(rgba(80, 230, 255, .15), rgba(80, 230, 255, .15))
}

.btn-faint-brand-light:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-brand-light {
  color: #000 !important;
  background-color: #50e6ff
}

.btn-faint-brand-light:disabled,
.disabled.btn-faint-brand-light {
  box-shadow: none;
  background-image: linear-gradient(rgba(80, 230, 255, .15), rgba(80, 230, 255, .15))
}

.btn-primary-alt,
.theme-dark .btn-primary {
  background-color: #3aa0fa;
  color: #000 !important
}

.btn-primary-alt:hover,
.theme-dark .btn-primary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-primary-alt,
.theme-dark .active.btn-primary {
  background-color: #000;
  color: #3aa0fa !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(58, 160, 250, .15), rgba(58, 160, 250, .15))
}

.btn-primary-alt:disabled,
.disabled.btn-primary-alt,
.theme-dark .btn-primary:disabled,
.theme-dark .disabled.btn-primary {
  box-shadow: none;
  background-image: none
}

.btn-inverted-primary-alt,
.theme-dark .btn-inverted-primary {
  background-color: #000;
  color: #3aa0fa !important
}

.btn-inverted-primary-alt:hover,
.theme-dark .btn-inverted-primary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-primary-alt,
.theme-dark .active.btn-inverted-primary {
  background-color: #3aa0fa;
  color: #000 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-inverted-primary-alt:disabled,
.disabled.btn-inverted-primary-alt,
.theme-dark .btn-inverted-primary:disabled,
.theme-dark .disabled.btn-inverted-primary {
  box-shadow: none;
  background-image: none
}

.btn-outline-primary-alt,
.theme-dark .btn-outline-primary {
  background-color: transparent;
  color: #3aa0fa !important;
  border-color: currentColor
}

.btn-outline-primary-alt:hover,
.theme-dark .btn-outline-primary:hover {
  background-image: linear-gradient(rgba(58, 160, 250, .15), rgba(58, 160, 250, .15))
}

.active.btn-outline-primary-alt,
.theme-dark .active.btn-outline-primary {
  background-color: #3aa0fa;
  color: #000 !important;
  border-color: transparent
}

.btn-outline-primary-alt:disabled,
.disabled.btn-outline-primary-alt,
.theme-dark .btn-outline-primary:disabled,
.theme-dark .disabled.btn-outline-primary {
  background-image: none
}

.btn-faint-primary-alt,
.theme-dark .btn-faint-primary {
  background-color: transparent;
  color: #3aa0fa !important;
  background-image: linear-gradient(rgba(58, 160, 250, .15), rgba(58, 160, 250, .15))
}

.btn-faint-primary-alt:hover,
.theme-dark .btn-faint-primary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-primary-alt,
.theme-dark .active.btn-faint-primary {
  color: #000 !important;
  background-color: #3aa0fa
}

.btn-faint-primary-alt:disabled,
.disabled.btn-faint-primary-alt,
.theme-dark .btn-faint-primary:disabled,
.theme-dark .disabled.btn-faint-primary {
  box-shadow: none;
  background-image: linear-gradient(rgba(58, 160, 250, .15), rgba(58, 160, 250, .15))
}

.btn-light,
.theme-dark .btn-inverse,
.theme-dark .btn-light,
.theme-dark .btn-secondary {
  background-color: #fff;
  color: #000 !important
}

.btn-light:hover,
.theme-dark .btn-inverse:hover,
.theme-dark .btn-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-light,
.theme-dark .active.btn-inverse,
.theme-dark .active.btn-secondary {
  background-color: #000;
  color: #fff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-light:disabled,
.disabled.btn-light,
.theme-dark .btn-inverse:disabled,
.theme-dark .btn-secondary:disabled,
.theme-dark .disabled.btn-inverse,
.theme-dark .disabled.btn-secondary {
  box-shadow: none;
  background-image: none
}

.btn-inverted-light,
.theme-dark .btn-inverted-inverse,
.theme-dark .btn-inverted-light,
.theme-dark .btn-inverted-secondary {
  background-color: #000;
  color: #fff !important
}

.btn-inverted-light:hover,
.theme-dark .btn-inverted-inverse:hover,
.theme-dark .btn-inverted-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-light,
.theme-dark .active.btn-inverted-inverse,
.theme-dark .active.btn-inverted-secondary {
  background-color: #fff;
  color: #000 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-inverted-light:disabled,
.disabled.btn-inverted-light,
.theme-dark .btn-inverted-inverse:disabled,
.theme-dark .btn-inverted-secondary:disabled,
.theme-dark .disabled.btn-inverted-inverse,
.theme-dark .disabled.btn-inverted-secondary {
  box-shadow: none;
  background-image: none
}

.btn-outline-light,
.theme-dark .btn-outline-inverse,
.theme-dark .btn-outline-light,
.theme-dark .btn-outline-secondary {
  background-color: transparent;
  color: #fff !important;
  border-color: currentColor
}

.btn-outline-light:hover,
.theme-dark .btn-outline-inverse:hover,
.theme-dark .btn-outline-secondary:hover {
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.active.btn-outline-light,
.theme-dark .active.btn-outline-inverse,
.theme-dark .active.btn-outline-secondary {
  background-color: #fff;
  color: #000 !important;
  border-color: transparent
}

.btn-outline-light:disabled,
.disabled.btn-outline-light,
.theme-dark .btn-outline-inverse:disabled,
.theme-dark .btn-outline-secondary:disabled,
.theme-dark .disabled.btn-outline-inverse,
.theme-dark .disabled.btn-outline-secondary {
  background-image: none
}

.btn-faint-light,
.theme-dark .btn-faint-inverse,
.theme-dark .btn-faint-light,
.theme-dark .btn-faint-secondary {
  background-color: transparent;
  color: #fff !important;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-faint-light:hover,
.theme-dark .btn-faint-inverse:hover,
.theme-dark .btn-faint-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-light,
.theme-dark .active.btn-faint-inverse,
.theme-dark .active.btn-faint-secondary {
  color: #000 !important;
  background-color: #fff
}

.btn-faint-light:disabled,
.disabled.btn-faint-light,
.theme-dark .btn-faint-inverse:disabled,
.theme-dark .btn-faint-secondary:disabled,
.theme-dark .disabled.btn-faint-inverse,
.theme-dark .disabled.btn-faint-secondary {
  box-shadow: none;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-dark,
.btn-inverse,
.btn-secondary,
.theme-dark .btn-dark {
  background-color: #000;
  color: #fff !important
}

.btn-dark:hover,
.btn-inverse:hover,
.btn-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-dark,
.active.btn-inverse,
.active.btn-secondary {
  background-color: #fff;
  color: #000 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-dark:disabled,
.btn-inverse:disabled,
.btn-secondary:disabled,
.disabled.btn-dark,
.disabled.btn-inverse,
.disabled.btn-secondary {
  box-shadow: none;
  background-image: none
}

.btn-inverted-dark,
.btn-inverted-inverse,
.btn-inverted-secondary,
.theme-dark .btn-inverted-dark {
  background-color: #fff;
  color: #000 !important
}

.btn-inverted-dark:hover,
.btn-inverted-inverse:hover,
.btn-inverted-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-dark,
.active.btn-inverted-inverse,
.active.btn-inverted-secondary {
  background-color: #000;
  color: #fff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-inverted-dark:disabled,
.btn-inverted-inverse:disabled,
.btn-inverted-secondary:disabled,
.disabled.btn-inverted-dark,
.disabled.btn-inverted-inverse,
.disabled.btn-inverted-secondary {
  box-shadow: none;
  background-image: none
}

.btn-outline-dark,
.btn-outline-inverse,
.btn-outline-secondary,
.theme-dark .btn-outline-dark {
  background-color: transparent;
  color: #000 !important;
  border-color: currentColor
}

.btn-outline-dark:hover,
.btn-outline-inverse:hover,
.btn-outline-secondary:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.active.btn-outline-dark,
.active.btn-outline-inverse,
.active.btn-outline-secondary {
  background-color: #000;
  color: #fff !important;
  border-color: transparent
}

.btn-outline-dark:disabled,
.btn-outline-inverse:disabled,
.btn-outline-secondary:disabled,
.disabled.btn-outline-dark,
.disabled.btn-outline-inverse,
.disabled.btn-outline-secondary {
  background-image: none
}

.btn-faint-dark,
.btn-faint-inverse,
.btn-faint-secondary,
.theme-dark .btn-faint-dark {
  background-color: transparent;
  color: #000 !important;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-faint-dark:hover,
.btn-faint-inverse:hover,
.btn-faint-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-dark,
.active.btn-faint-inverse,
.active.btn-faint-secondary {
  color: #fff !important;
  background-color: #000
}

.btn-faint-dark:disabled,
.btn-faint-inverse:disabled,
.btn-faint-secondary:disabled,
.disabled.btn-faint-dark,
.disabled.btn-faint-inverse,
.disabled.btn-faint-secondary {
  box-shadow: none;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-brand-light {
  background-color: #50e6ff;
  color: #243a5e !important
}

.btn-brand-light:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.btn-brand-light.active {
  background-color: #243a5e;
  color: #50e6ff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(80, 230, 255, .15), rgba(80, 230, 255, .15))
}

.btn-brand-light.disabled,
.btn-brand-light:disabled {
  box-shadow: none;
  background-image: none
}

.btn-brand-dark {
  background-color: #243a5e;
  color: #50e6ff !important
}

.btn-brand-dark:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.btn-brand-dark.active {
  background-color: #50e6ff;
  color: #243a5e !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(36, 58, 94, .15), rgba(36, 58, 94, .15))
}

.btn-brand-dark.disabled,
.btn-brand-dark:disabled {
  box-shadow: none;
  background-image: none
}

.btn-link {
  background: 0 0;
  border-radius: 0;
  color: #0067b8;
  text-decoration: underline
}

.theme-dark .btn-link {
  color: #3aa0fa
}

.btn-link.inactive {
  opacity: 1;
  text-decoration: none;
  color: #757575;
  cursor: default
}

.theme-dark .btn-link.inactive {
  color: #d2d2d2
}

@media (forced-colors:active) {
  .btn-link {
    border-color: canvas
  }
}

.btn-group-lg>.btn,
.btn-lg {
  padding: .8125rem .75rem;
  font-size: 1.125rem;
  line-height: 1
}

.btn-group-sm>.btn,
.btn-sm {
  padding: .5625rem .75rem;
  font-size: .875rem;
  line-height: 1
}

.btn-block {
  display: block;
  width: 100%;
  text-align: center
}

.btn-block+.btn-block {
  margin-top: .5rem
}

.btn-pill {
  border-radius: 50rem
}

.btn-collapse {
  background: 0 0
}

.btn-collapse:hover {
  box-shadow: none
}

.btn-collapse:focus .glyph,
.btn-collapse:hover .glyph {
  transition: transform 0s cubic-bezier(.25, .25, .75, .75)
}

html:not([dir=rtl]) .btn-collapse:focus .glyph,
html:not([dir=rtl]) .btn-collapse:hover .glyph {
  transform: translateX(.125em)
}

html[dir=rtl] .btn-collapse:focus .glyph,
html[dir=rtl] .btn-collapse:hover .glyph {
  transform: translateX(-.125em)
}

@media (prefers-reduced-motion:reduce) {

  .btn-collapse:focus .glyph,
  .btn-collapse:hover .glyph {
    transition: none
  }
}

.btn-collapse .glyph {
  transition: transform .2s cubic-bezier(.8, 0, .78, 1)
}

@media (prefers-reduced-motion:reduce) {
  .btn-collapse .glyph {
    transition: none
  }
}

.btn-collapse .glyph::before {
  transition: transform .1s cubic-bezier(.8, 0, .2, 1);
  content: ""
}

@media (prefers-reduced-motion:reduce) {
  .btn-collapse .glyph::before {
    transition: none
  }
}

.btn-collapse[aria-expanded=false] .glyph::before {
  transition: transform .2s cubic-bezier(0, 0, 0, 1)
}

@media (prefers-reduced-motion:reduce) {
  .btn-collapse[aria-expanded=false] .glyph::before {
    transition: none
  }
}

html:not([dir=rtl]) .btn-collapse[aria-expanded=false] .glyph::before {
  transform: rotate(-90deg)
}

html[dir=rtl] .btn-collapse[aria-expanded=false] .glyph::before {
  transform: rotate(90deg)
}

.accordion {
  margin-bottom: 0
}

html:not([dir=rtl]) .accordion {
  padding-left: 0
}

html[dir=rtl] .accordion {
  padding-right: 0
}

ul.accordion {
  list-style-type: none
}

.accordion .accordion-header {
  margin-bottom: 0;
  border-top: .0625rem solid #d2d2d2;
  line-height: 1.5
}

.theme-dark .accordion .accordion-header {
  border-color: #757575
}

.accordion .btn-collapse {
  width: 100%;
  padding: 1.5rem .75rem;
  line-height: inherit;
  align-items: flex-start;
  justify-content: unset;
  text-align: start;
  -webkit-padding-end: 1.25rem;
  padding-inline-end: 1.25rem
}

.accordion .btn-collapse .glyph::before {
  margin-top: .25rem
}

html:not([dir=rtl]) .accordion .btn-collapse .glyph::before {
  margin-right: .375rem
}

html[dir=rtl] .accordion .btn-collapse .glyph::before {
  margin-left: .375rem
}

.accordion .accordion-body {
  padding-bottom: 1.5rem
}

html:not([dir=rtl]) .accordion .accordion-body {
  text-align: left;
  padding-left: calc((2 * .5rem) + 1.5625rem)
}

html[dir=rtl] .accordion .accordion-body {
  text-align: right;
  padding-right: calc((2 * .5rem) + 1.5625rem)
}

.accordion.accordion-backplate .accordion-header {
  border: 0
}

.accordion.accordion-backplate .btn-collapse {
  padding: 1rem 1.25rem;
  border-radius: .25rem;
  color: rgba(0, 0, 0, .9);
  -webkit-padding-end: .75rem;
  padding-inline-end: .75rem
}

.theme-dark .accordion.accordion-backplate .btn-collapse {
  color: rgba(255, 255, 255, .9)
}

html:not([dir=rtl]) .accordion.accordion-backplate .btn-collapse .glyph::before {
  margin-right: .875rem
}

html[dir=rtl] .accordion.accordion-backplate .btn-collapse .glyph::before {
  margin-left: .875rem
}

.accordion.accordion-backplate .btn-collapse[aria-expanded=true] {
  background: rgba(210, 210, 210, .3)
}

.theme-dark .accordion.accordion-backplate .btn-collapse[aria-expanded=true] {
  background: rgba(117, 117, 117, .3)
}

.accordion.accordion-backplate .accordion-body {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: rgba(0, 0, 0, .7)
}

.theme-dark .accordion.accordion-backplate .accordion-body {
  color: rgba(255, 255, 255, .7)
}

html:not([dir=rtl]) .accordion.accordion-backplate .accordion-body {
  padding-left: calc((2 * 1rem) + 1.5625rem)
}

html[dir=rtl] .accordion.accordion-backplate .accordion-body {
  padding-right: calc((2 * 1rem) + 1.5625rem)
}

.action-trigger {
  border: none;
  padding: 0;
  background: 0 0;
  border-radius: 0;
  gap: .4375rem;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  position: relative;
  color: #0067b8;
  text-decoration: underline;
  outline-offset: .25rem;
  cursor: pointer
}

.theme-dark .action-trigger {
  color: #3aa0fa
}

.action-trigger.disabled,
.action-trigger:disabled {
  cursor: default;
  opacity: .3
}

.action-trigger.inactive {
  cursor: default;
  text-decoration: none;
  color: #757575
}

.theme-dark .action-trigger.inactive {
  color: #d2d2d2
}

.action-trigger .glyph,
.action-trigger .glyph-append,
.action-trigger .glyph-prepend {
  display: flex;
  align-items: center;
  padding-top: .125rem
}

html:not([dir=rtl]) .glyph-prepend {
  padding-right: .4375rem
}

html[dir=rtl] .glyph-prepend {
  padding-left: .4375rem
}

html:not([dir=rtl]) .glyph-append {
  padding-left: .4375rem
}

html[dir=rtl] .glyph-append {
  padding-right: .4375rem
}

a.action-trigger.disabled,
fieldset:disabled a.action-trigger {
  pointer-events: none
}

.alert {
  border: .0625rem solid transparent;
  border-radius: .125rem;
  min-height: 3.625rem;
  position: relative;
  display: flex;
  padding: 1rem 1.5rem;
  background-color: #e6e6e6;
  color: #000
}

.alert a {
  color: #0067b8
}

.theme-dark .alert {
  background-color: #505050;
  color: #fff
}

.theme-dark .alert a {
  color: #fff
}

.alert.glyph-prepend::before,
.alert.glyph::before {
  font-size: 1.25rem;
  margin-top: .125rem
}

html:not([dir=rtl]) .alert.glyph-prepend::before,
html:not([dir=rtl]) .alert.glyph::before {
  padding-right: .75rem
}

html[dir=rtl] .alert.glyph-prepend::before,
html[dir=rtl] .alert.glyph::before {
  padding-left: .75rem
}

.alert .glyph,
.alert .glyph-prepend {
  margin-top: .125rem
}

html:not([dir=rtl]) .alert .glyph,
html:not([dir=rtl]) .alert .glyph-prepend {
  padding-right: .75rem
}

html[dir=rtl] .alert .glyph,
html[dir=rtl] .alert .glyph-prepend {
  padding-left: .75rem
}

.alert .glyph-prepend::before,
.alert .glyph::before {
  font-size: 1.25rem
}

.alert.alert-full-bleed {
  border-radius: 0;
  display: flex;
  justify-content: center
}

.alert.alert-full-bleed .alert-content {
  max-width: 1600px
}

.alert .alert-content .glyph::before {
  font-size: inherit
}

html:not([dir=rtl]) .alert .alert-content .glyph {
  padding-right: 0
}

html[dir=rtl] .alert .alert-content .glyph {
  padding-left: 0
}

@media (min-width:540px) {
  .alert .alert-content {
    max-width: 39rem
  }
}

@media (min-width:860px) {
  .alert .alert-content {
    max-width: 40rem
  }
}

@media (min-width:1084px) {
  .alert .alert-content {
    max-width: 48rem
  }
}

@media (min-width:1400px) {
  .alert .alert-content {
    max-width: 59rem
  }
}

.alert .alert-content>:last-child {
  margin-bottom: 0 !important
}

.alert .close {
  position: absolute;
  padding: .5rem;
  color: inherit;
  top: .75rem
}

html:not([dir=rtl]) .alert .close {
  right: .75rem
}

html[dir=rtl] .alert .close {
  left: .75rem
}

.alert .divider,
.alert hr {
  margin: .75rem 0 .5rem
}

html:not([dir=rtl]) .alert-dismissible {
  padding-right: 4rem
}

html[dir=rtl] .alert-dismissible {
  padding-left: 4rem
}

.alert-dismissible.fade {
  transition: opacity .2s cubic-bezier(.8, 0, .2, 1)
}

@media (prefers-reduced-motion:reduce) {
  .alert-dismissible.fade {
    transition: none
  }
}

.alert-dismissible.fade:not(.show) {
  opacity: 0
}

.alert-dismissible.fade:not(.show) .alert-content {
  transition: transform .2s cubic-bezier(.8, 0, .2, 1);
  transform: translateY(-.875em)
}

@media (prefers-reduced-motion:reduce) {
  .alert-dismissible.fade:not(.show) .alert-content {
    transition: none
  }
}

.area-heading>:last-child>:last-child {
  margin-bottom: 0
}

.area-heading>:last-child>:last-child .h1,
.area-heading>:last-child>:last-child .h2,
.area-heading>:last-child>:last-child .h3,
.area-heading>:last-child>:last-child .h4,
.area-heading>:last-child>:last-child .h5,
.area-heading>:last-child>:last-child .h6,
.area-heading>:last-child>:last-child .link-group,
.area-heading>:last-child>:last-child h1,
.area-heading>:last-child>:last-child h2,
.area-heading>:last-child>:last-child h3,
.area-heading>:last-child>:last-child h4,
.area-heading>:last-child>:last-child h5,
.area-heading>:last-child>:last-child h6,
.area-heading>:last-child>:last-child p {
  margin-bottom: 0
}

.back-to-top {
  padding: .75rem;
  pointer-events: none
}

@keyframes button-hide {
  from {
    z-index: 0
  }

  to {
    z-index: -1
  }
}

.back-to-top.hide {
  opacity: 0;
  animation: 0s cubic-bezier(.19, 1, .22, 1) 1s button-hide
}

.back-to-top.sticky {
  transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
  flex-direction: row
}

@media (prefers-reduced-motion:reduce) {
  .back-to-top.sticky {
    transition: none
  }
}

@media (max-width:859.98px) {
  .back-to-top.sticky {
    position: static
  }
}

.back-to-top .btn {
  pointer-events: auto;
  width: 100%;
  justify-content: center;
  background-color: #fff;
  color: #000
}

.theme-dark .back-to-top .btn {
  background-color: #000;
  color: #fff
}

@media (min-width:540px) {
  .back-to-top .btn {
    width: auto
  }
}

.badge {
  display: inline-block;
  padding: .375em .75em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  vertical-align: top;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: break-word
}

.badge:empty {
  display: none
}

.badge:focus {
  outline: .1875rem dotted currentColor;
  outline-offset: -.375rem
}

.btn.btn-badge {
  border-width: .0625rem;
  border-radius: 0;
  padding: .3125rem .75rem;
  background-color: transparent;
  color: #000 !important;
  border-color: currentColor
}

.btn.btn-badge:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn.btn-badge.active {
  background-color: #000;
  color: #fff !important;
  border-color: transparent
}

.btn.btn-badge.disabled,
.btn.btn-badge:disabled {
  background-image: none
}

.theme-dark .btn.btn-badge {
  background-color: transparent;
  color: #fff !important;
  border-color: currentColor
}

.theme-dark .btn.btn-badge:hover {
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.theme-dark .btn.btn-badge.active {
  background-color: #fff;
  color: #000 !important;
  border-color: transparent
}

.theme-dark .btn.btn-badge.disabled,
.theme-dark .btn.btn-badge:disabled {
  background-image: none
}

.btn.btn-badge .glyph {
  display: inline-block
}

.btn.btn-badge .glyph::before {
  margin-inline: .25rem .0625rem;
  vertical-align: bottom
}

.btn.btn-badge .btn-badge-img {
  max-width: 1.5rem;
  margin-inline: .25rem .0625rem;
  vertical-align: bottom
}

.btn.btn-badge.text-truncate {
  max-width: 9rem;
  display: inline-block
}

.btn.btn-badge.text-truncate .glyph::before {
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.btn.btn-badge.btn-badge-remove .glyph::before {
  content: "";
  margin-inline: 0;
  font-weight: 600
}

.btn-group .btn.btn-badge:not(:last-child):not(.dropdown-toggle) {
  -webkit-padding-end: .75rem;
  padding-inline-end: .75rem
}

.btn-group>.btn~.btn.btn-badge {
  -webkit-border-start: .0625rem solid;
  border-inline-start: .0625rem solid
}

.btn-group .btn.btn-badge.btn-badge-remove {
  padding-left: .4375rem;
  padding-right: .3125rem
}

.blockquote {
  padding: .75rem 1.5rem;
  border-style: solid;
  background: #f2f2f2;
  border-color: #757575
}

.theme-dark .blockquote {
  background: #171717;
  border-color: #d2d2d2
}

html:not([dir=rtl]) .blockquote {
  border-width: 0 0 0 .125rem
}

html[dir=rtl] .blockquote {
  border-width: 0 .125rem 0 0
}

.blockquote.light-weight {
  background: 0 0;
  color: #757575
}

.theme-dark .blockquote.light-weight {
  color: #d2d2d2
}

html:not([dir=rtl]) .blockquote.text-center {
  border-left: 0
}

html[dir=rtl] .blockquote.text-center {
  border-right: 0
}

html:not([dir=rtl]) .blockquote.text-right {
  border-width: 0 .125rem 0 0
}

html[dir=rtl] .blockquote.text-right {
  border-width: 0 0 0 .125rem
}

.blockquote-content:last-child {
  margin-bottom: 0
}

.blockquote-footer::before {
  content: "\2014 \00A0"
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none
}

.breadcrumb a {
  font-weight: 600
}

.breadcrumb .active>a {
  color: inherit;
  text-decoration: inherit
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding: 0 .5rem;
  content: "/"
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4375em;
  font-weight: 600;
  border: .125rem solid transparent;
  position: relative;
  border-radius: .125rem;
  background-color: inherit;
  color: inherit;
  text-decoration: none;
  padding: .625rem .75rem;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer
}

.btn.disabled,
.btn:disabled {
  cursor: default;
  opacity: .3
}

.btn:focus {
  outline: .1875rem dotted currentColor;
  outline-offset: -.375rem
}

.btn .glyph {
  display: flex;
  align-items: center
}

.btn .glyph::after,
.btn .glyph::before {
  font-weight: 600
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none
}

.btn-brand,
.btn-primary,
.theme-dark .btn-brand,
.theme-dark .btn-primary-alt {
  background-color: #0067b8;
  color: #fff !important
}

.btn-brand:hover,
.btn-primary:hover,
.theme-dark .btn-primary-alt:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-brand,
.active.btn-primary,
.theme-dark .active.btn-primary-alt {
  background-color: #fff;
  color: #0067b8 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 103, 184, .15), rgba(0, 103, 184, .15))
}

.btn-brand:disabled,
.btn-primary:disabled,
.disabled.btn-brand,
.disabled.btn-primary,
.theme-dark .btn-primary-alt:disabled,
.theme-dark .disabled.btn-primary-alt {
  box-shadow: none;
  background-image: none
}

.btn-inverted-brand,
.btn-inverted-primary,
.theme-dark .btn-inverted-brand,
.theme-dark .btn-inverted-primary-alt {
  background-color: #fff;
  color: #0067b8 !important
}

.btn-inverted-brand:hover,
.btn-inverted-primary:hover,
.theme-dark .btn-inverted-primary-alt:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-brand,
.active.btn-inverted-primary,
.theme-dark .active.btn-inverted-primary-alt {
  background-color: #0067b8;
  color: #fff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-inverted-brand:disabled,
.btn-inverted-primary:disabled,
.disabled.btn-inverted-brand,
.disabled.btn-inverted-primary,
.theme-dark .btn-inverted-primary-alt:disabled,
.theme-dark .disabled.btn-inverted-primary-alt {
  box-shadow: none;
  background-image: none
}

.btn-outline-brand,
.btn-outline-primary,
.theme-dark .btn-outline-brand,
.theme-dark .btn-outline-primary-alt {
  background-color: transparent;
  color: #0067b8 !important;
  border-color: currentColor
}

.btn-outline-brand:hover,
.btn-outline-primary:hover,
.theme-dark .btn-outline-primary-alt:hover {
  background-image: linear-gradient(rgba(0, 103, 184, .15), rgba(0, 103, 184, .15))
}

.active.btn-outline-brand,
.active.btn-outline-primary,
.theme-dark .active.btn-outline-primary-alt {
  background-color: #0067b8;
  color: #fff !important;
  border-color: transparent
}

.btn-outline-brand:disabled,
.btn-outline-primary:disabled,
.disabled.btn-outline-brand,
.disabled.btn-outline-primary,
.theme-dark .btn-outline-primary-alt:disabled,
.theme-dark .disabled.btn-outline-primary-alt {
  background-image: none
}

.btn-faint-brand,
.btn-faint-primary,
.theme-dark .btn-faint-brand,
.theme-dark .btn-faint-primary-alt {
  background-color: transparent;
  color: #0067b8 !important;
  background-image: linear-gradient(rgba(0, 103, 184, .15), rgba(0, 103, 184, .15))
}

.btn-faint-brand:hover,
.btn-faint-primary:hover,
.theme-dark .btn-faint-primary-alt:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-brand,
.active.btn-faint-primary,
.theme-dark .active.btn-faint-primary-alt {
  color: #fff !important;
  background-color: #0067b8
}

.btn-faint-brand:disabled,
.btn-faint-primary:disabled,
.disabled.btn-faint-brand,
.disabled.btn-faint-primary,
.theme-dark .btn-faint-primary-alt:disabled,
.theme-dark .disabled.btn-faint-primary-alt {
  box-shadow: none;
  background-image: linear-gradient(rgba(0, 103, 184, .15), rgba(0, 103, 184, .15))
}

.btn-inverted-brand-dark,
.theme-dark .btn-inverted-brand-dark {
  background-color: #fff;
  color: #243a5e !important
}

.btn-inverted-brand-dark:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-brand-dark {
  background-color: #243a5e;
  color: #fff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-inverted-brand-dark:disabled,
.disabled.btn-inverted-brand-dark {
  box-shadow: none;
  background-image: none
}

.btn-outline-brand-dark,
.theme-dark .btn-outline-brand-dark {
  background-color: transparent;
  color: #243a5e !important;
  border-color: currentColor
}

.btn-outline-brand-dark:hover {
  background-image: linear-gradient(rgba(36, 58, 94, .15), rgba(36, 58, 94, .15))
}

.active.btn-outline-brand-dark {
  background-color: #243a5e;
  color: #fff !important;
  border-color: transparent
}

.btn-outline-brand-dark:disabled,
.disabled.btn-outline-brand-dark {
  background-image: none
}

.btn-faint-brand-dark,
.theme-dark .btn-faint-brand-dark {
  background-color: transparent;
  color: #243a5e !important;
  background-image: linear-gradient(rgba(36, 58, 94, .15), rgba(36, 58, 94, .15))
}

.btn-faint-brand-dark:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-brand-dark {
  color: #fff !important;
  background-color: #243a5e
}

.btn-faint-brand-dark:disabled,
.disabled.btn-faint-brand-dark {
  box-shadow: none;
  background-image: linear-gradient(rgba(36, 58, 94, .15), rgba(36, 58, 94, .15))
}

.btn-inverted-brand-light,
.theme-dark .btn-inverted-brand-light {
  background-color: #000;
  color: #50e6ff !important
}

.btn-inverted-brand-light:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-brand-light {
  background-color: #50e6ff;
  color: #000 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-inverted-brand-light:disabled,
.disabled.btn-inverted-brand-light {
  box-shadow: none;
  background-image: none
}

.btn-outline-brand-light,
.theme-dark .btn-outline-brand-light {
  background-color: transparent;
  color: #50e6ff !important;
  border-color: currentColor
}

.btn-outline-brand-light:hover {
  background-image: linear-gradient(rgba(80, 230, 255, .15), rgba(80, 230, 255, .15))
}

.active.btn-outline-brand-light {
  background-color: #50e6ff;
  color: #000 !important;
  border-color: transparent
}

.btn-outline-brand-light:disabled,
.disabled.btn-outline-brand-light {
  background-image: none
}

.btn-faint-brand-light,
.theme-dark .btn-faint-brand-light {
  background-color: transparent;
  color: #50e6ff !important;
  background-image: linear-gradient(rgba(80, 230, 255, .15), rgba(80, 230, 255, .15))
}

.btn-faint-brand-light:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-brand-light {
  color: #000 !important;
  background-color: #50e6ff
}

.btn-faint-brand-light:disabled,
.disabled.btn-faint-brand-light {
  box-shadow: none;
  background-image: linear-gradient(rgba(80, 230, 255, .15), rgba(80, 230, 255, .15))
}

.btn-primary-alt,
.theme-dark .btn-primary {
  background-color: #3aa0fa;
  color: #000 !important
}

.btn-primary-alt:hover,
.theme-dark .btn-primary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-primary-alt,
.theme-dark .active.btn-primary {
  background-color: #000;
  color: #3aa0fa !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(58, 160, 250, .15), rgba(58, 160, 250, .15))
}

.btn-primary-alt:disabled,
.disabled.btn-primary-alt,
.theme-dark .btn-primary:disabled,
.theme-dark .disabled.btn-primary {
  box-shadow: none;
  background-image: none
}

.btn-inverted-primary-alt,
.theme-dark .btn-inverted-primary {
  background-color: #000;
  color: #3aa0fa !important
}

.btn-inverted-primary-alt:hover,
.theme-dark .btn-inverted-primary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-primary-alt,
.theme-dark .active.btn-inverted-primary {
  background-color: #3aa0fa;
  color: #000 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-inverted-primary-alt:disabled,
.disabled.btn-inverted-primary-alt,
.theme-dark .btn-inverted-primary:disabled,
.theme-dark .disabled.btn-inverted-primary {
  box-shadow: none;
  background-image: none
}

.btn-outline-primary-alt,
.theme-dark .btn-outline-primary {
  background-color: transparent;
  color: #3aa0fa !important;
  border-color: currentColor
}

.btn-outline-primary-alt:hover,
.theme-dark .btn-outline-primary:hover {
  background-image: linear-gradient(rgba(58, 160, 250, .15), rgba(58, 160, 250, .15))
}

.active.btn-outline-primary-alt,
.theme-dark .active.btn-outline-primary {
  background-color: #3aa0fa;
  color: #000 !important;
  border-color: transparent
}

.btn-outline-primary-alt:disabled,
.disabled.btn-outline-primary-alt,
.theme-dark .btn-outline-primary:disabled,
.theme-dark .disabled.btn-outline-primary {
  background-image: none
}

.btn-faint-primary-alt,
.theme-dark .btn-faint-primary {
  background-color: transparent;
  color: #3aa0fa !important;
  background-image: linear-gradient(rgba(58, 160, 250, .15), rgba(58, 160, 250, .15))
}

.btn-faint-primary-alt:hover,
.theme-dark .btn-faint-primary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-primary-alt,
.theme-dark .active.btn-faint-primary {
  color: #000 !important;
  background-color: #3aa0fa
}

.btn-faint-primary-alt:disabled,
.disabled.btn-faint-primary-alt,
.theme-dark .btn-faint-primary:disabled,
.theme-dark .disabled.btn-faint-primary {
  box-shadow: none;
  background-image: linear-gradient(rgba(58, 160, 250, .15), rgba(58, 160, 250, .15))
}

.btn-light,
.theme-dark .btn-inverse,
.theme-dark .btn-light,
.theme-dark .btn-secondary {
  background-color: #fff;
  color: #000 !important
}

.btn-light:hover,
.theme-dark .btn-inverse:hover,
.theme-dark .btn-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-light,
.theme-dark .active.btn-inverse,
.theme-dark .active.btn-secondary {
  background-color: #000;
  color: #fff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-light:disabled,
.disabled.btn-light,
.theme-dark .btn-inverse:disabled,
.theme-dark .btn-secondary:disabled,
.theme-dark .disabled.btn-inverse,
.theme-dark .disabled.btn-secondary {
  box-shadow: none;
  background-image: none
}

.btn-inverted-light,
.theme-dark .btn-inverted-inverse,
.theme-dark .btn-inverted-light,
.theme-dark .btn-inverted-secondary {
  background-color: #000;
  color: #fff !important
}

.btn-inverted-light:hover,
.theme-dark .btn-inverted-inverse:hover,
.theme-dark .btn-inverted-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-light,
.theme-dark .active.btn-inverted-inverse,
.theme-dark .active.btn-inverted-secondary {
  background-color: #fff;
  color: #000 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-inverted-light:disabled,
.disabled.btn-inverted-light,
.theme-dark .btn-inverted-inverse:disabled,
.theme-dark .btn-inverted-secondary:disabled,
.theme-dark .disabled.btn-inverted-inverse,
.theme-dark .disabled.btn-inverted-secondary {
  box-shadow: none;
  background-image: none
}

.btn-outline-light,
.theme-dark .btn-outline-inverse,
.theme-dark .btn-outline-light,
.theme-dark .btn-outline-secondary {
  background-color: transparent;
  color: #fff !important;
  border-color: currentColor
}

.btn-outline-light:hover,
.theme-dark .btn-outline-inverse:hover,
.theme-dark .btn-outline-secondary:hover {
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.active.btn-outline-light,
.theme-dark .active.btn-outline-inverse,
.theme-dark .active.btn-outline-secondary {
  background-color: #fff;
  color: #000 !important;
  border-color: transparent
}

.btn-outline-light:disabled,
.disabled.btn-outline-light,
.theme-dark .btn-outline-inverse:disabled,
.theme-dark .btn-outline-secondary:disabled,
.theme-dark .disabled.btn-outline-inverse,
.theme-dark .disabled.btn-outline-secondary {
  background-image: none
}

.btn-faint-light,
.theme-dark .btn-faint-inverse,
.theme-dark .btn-faint-light,
.theme-dark .btn-faint-secondary {
  background-color: transparent;
  color: #fff !important;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-faint-light:hover,
.theme-dark .btn-faint-inverse:hover,
.theme-dark .btn-faint-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-light,
.theme-dark .active.btn-faint-inverse,
.theme-dark .active.btn-faint-secondary {
  color: #000 !important;
  background-color: #fff
}

.btn-faint-light:disabled,
.disabled.btn-faint-light,
.theme-dark .btn-faint-inverse:disabled,
.theme-dark .btn-faint-secondary:disabled,
.theme-dark .disabled.btn-faint-inverse,
.theme-dark .disabled.btn-faint-secondary {
  box-shadow: none;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-dark,
.btn-inverse,
.btn-secondary,
.theme-dark .btn-dark {
  background-color: #000;
  color: #fff !important
}

.btn-dark:hover,
.btn-inverse:hover,
.btn-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-dark,
.active.btn-inverse,
.active.btn-secondary {
  background-color: #fff;
  color: #000 !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-dark:disabled,
.btn-inverse:disabled,
.btn-secondary:disabled,
.disabled.btn-dark,
.disabled.btn-inverse,
.disabled.btn-secondary {
  box-shadow: none;
  background-image: none
}

.btn-inverted-dark,
.btn-inverted-inverse,
.btn-inverted-secondary,
.theme-dark .btn-inverted-dark {
  background-color: #fff;
  color: #000 !important
}

.btn-inverted-dark:hover,
.btn-inverted-inverse:hover,
.btn-inverted-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.active.btn-inverted-dark,
.active.btn-inverted-inverse,
.active.btn-inverted-secondary {
  background-color: #000;
  color: #fff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, .15), rgba(255, 255, 255, .15))
}

.btn-inverted-dark:disabled,
.btn-inverted-inverse:disabled,
.btn-inverted-secondary:disabled,
.disabled.btn-inverted-dark,
.disabled.btn-inverted-inverse,
.disabled.btn-inverted-secondary {
  box-shadow: none;
  background-image: none
}

.btn-outline-dark,
.btn-outline-inverse,
.btn-outline-secondary,
.theme-dark .btn-outline-dark {
  background-color: transparent;
  color: #000 !important;
  border-color: currentColor
}

.btn-outline-dark:hover,
.btn-outline-inverse:hover,
.btn-outline-secondary:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.active.btn-outline-dark,
.active.btn-outline-inverse,
.active.btn-outline-secondary {
  background-color: #000;
  color: #fff !important;
  border-color: transparent
}

.btn-outline-dark:disabled,
.btn-outline-inverse:disabled,
.btn-outline-secondary:disabled,
.disabled.btn-outline-dark,
.disabled.btn-outline-inverse,
.disabled.btn-outline-secondary {
  background-image: none
}

.btn-faint-dark,
.btn-faint-inverse,
.btn-faint-secondary,
.theme-dark .btn-faint-dark {
  background-color: transparent;
  color: #000 !important;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-faint-dark:hover,
.btn-faint-inverse:hover,
.btn-faint-secondary:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: none
}

.active.btn-faint-dark,
.active.btn-faint-inverse,
.active.btn-faint-secondary {
  color: #fff !important;
  background-color: #000
}

.btn-faint-dark:disabled,
.btn-faint-inverse:disabled,
.btn-faint-secondary:disabled,
.disabled.btn-faint-dark,
.disabled.btn-faint-inverse,
.disabled.btn-faint-secondary {
  box-shadow: none;
  background-image: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15))
}

.btn-brand-light {
  background-color: #50e6ff;
  color: #243a5e !important
}

.btn-brand-light:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.btn-brand-light.active {
  background-color: #243a5e;
  color: #50e6ff !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(80, 230, 255, .15), rgba(80, 230, 255, .15))
}

.btn-brand-light.disabled,
.btn-brand-light:disabled {
  box-shadow: none;
  background-image: none
}

.btn-brand-dark {
  background-color: #243a5e;
  color: #50e6ff !important
}

.btn-brand-dark:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.btn-brand-dark.active {
  background-color: #50e6ff;
  color: #243a5e !important;
  border-color: currentColor;
  background-image: linear-gradient(rgba(36, 58, 94, .15), rgba(36, 58, 94, .15))
}

.btn-brand-dark.disabled,
.btn-brand-dark:disabled {
  box-shadow: none;
  background-image: none
}

.btn-link {
  background: 0 0;
  border-radius: 0;
  color: #0067b8;
  text-decoration: underline
}

.theme-dark .btn-link {
  color: #3aa0fa
}

.btn-link.inactive {
  opacity: 1;
  text-decoration: none;
  color: #757575;
  cursor: default
}

.theme-dark .btn-link.inactive {
  color: #d2d2d2
}

@media (forced-colors:active) {
  .btn-link {
    border-color: canvas
  }
}

.btn-group-lg>.btn,
.btn-lg {
  padding: .8125rem .75rem;
  font-size: 1.125rem;
  line-height: 1
}

.btn-group-sm>.btn,
.btn-sm {
  padding: .5625rem .75rem;
  font-size: .875rem;
  line-height: 1
}

.btn-block {
  display: block;
  width: 100%;
  text-align: center
}

.btn-block+.btn-block {
  margin-top: .5rem
}

.btn-pill {
  border-radius: 50rem
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  position: relative;
  flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn.focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn.focus,
.btn-group>.btn:active,
.btn-group>.btn:focus {
  z-index: 1
}

.btn-group>.btn~.btn {
  -webkit-border-start: none;
  border-inline-start: none;
  -webkit-padding-start: .875rem;
  padding-inline-start: .875rem
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  -webkit-border-end: none;
  border-inline-end: none;
  -webkit-padding-end: .875rem;
  padding-inline-end: .875rem
}

.btn-group .btn-group+.btn-group,
.btn-group .btn-group+.btn:first-of-type,
.btn-group .btn:last-of-type+.btn-group {
  -webkit-margin-start: -2px;
  margin-inline-start: -2px
}

html:not([dir=rtl]) .btn-group>.btn-group:not(:last-child)>.btn,
html:not([dir=rtl]) .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

html[dir=rtl] .btn-group>.btn-group:not(:last-child)>.btn,
html[dir=rtl] .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

html:not([dir=rtl]) .btn-group>.btn-group:not(:first-child)>.btn,
html:not([dir=rtl]) .btn-group>.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

html[dir=rtl] .btn-group>.btn-group:not(:first-child)>.btn,
html[dir=rtl] .btn-group>.btn:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
  margin-top: -.125rem
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
  margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-group-divider-append,
.btn-group-divider-prepend {
  position: relative
}

.btn-group-divider-append::after,
.btn-group-divider-prepend::before {
  display: block;
  position: absolute;
  width: .125rem;
  border-left-width: 1px;
  border-left-style: solid;
  top: 20%;
  margin-top: 0;
  height: 60%;
  content: ""
}

html:not([dir=rtl]) .btn-group-divider-prepend::before {
  left: 0
}

html[dir=rtl] .btn-group-divider-prepend::before {
  right: 0
}

html:not([dir=rtl]) .btn-group-divider-append::after {
  right: 0
}

html[dir=rtl] .btn-group-divider-append::after {
  left: 0
}

.cta .glyph::before,
.cta-reverse .glyph::before {
  font-family: MWF-FLUENT-ICONS;
  position: absolute;
  line-height: 1;
  top: calc(50% + .0625em);
  margin-top: -.5em;
  transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

@media (prefers-reduced-motion:reduce) {

  .cta .glyph::before,
  .cta-reverse .glyph::before {
    transition: none
  }
}

.cta {
  position: relative;
  text-decoration: none;
  display: inline-block;
  font-weight: 600
}



}

@media (min-width:1400px) {
  .card-img-overlay>.card-background .card-img {
    width: auto
  }
}

.card-img {
  width: 100%;
  flex-shrink: 0
}

.card-deck {
  display: flex;
  flex-direction: column
}

.card-deck .card {
  margin-bottom: .75rem
}

@media (min-width:540px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
  }

  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: .75rem;
    margin-bottom: 0;
    margin-left: .75rem
  }
}

.card-group {
  display: flex;
  flex-direction: column
}

.card-group>.card {
  margin-bottom: .75rem
}

@media (min-width:540px) {
  .card-group {
    flex-flow: row wrap
  }

  .card-group>.card {
    flex: 1 0 0%;
    margin-bottom: 0
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }
}

.card-columns .card {
  margin-bottom: .75rem
}

@media (min-width:540px) {
  .card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1
  }

  .card-columns .card {
    display: inline-block;
    width: 100%
  }
}

.card-min-width-sm {
  min-width: 8.75rem
}

.card-min-width-lg {
  min-width: 25rem
}

.card-offset {
  display: flex
}

@media (min-width:860px) {
  .card-offset {
    padding-top: 3rem
  }
}

.card-offset .card-body {
  word-break: break-word;
  overflow-wrap: break-word;
  padding: 1.5rem
}

@media (min-width:860px) {
  .card-offset .card-body {
    padding: 3rem
  }
}

.card-offset .card-img {
  padding: 0
}

@media (max-width:859.98px) {
  html:not([dir=rtl]) .card-offset .card-img {
    padding-left: 1.5rem
  }

  html[dir=rtl] .card-offset .card-img {
    padding-right: 1.5rem
  }
}

@media (min-width:860px) {
  .card-offset .card-img {
    margin-top: -3rem;
    margin-bottom: 3rem
  }
}

@media (max-width:859.98px) {
  .card-offset:not(.flipped) {
    padding-bottom: 1.5rem
  }
}

@media (min-width:860px) {
  html:not([dir=rtl]) .card-offset:not(.flipped) {
    padding-right: 3rem
  }

  html[dir=rtl] .card-offset:not(.flipped) {
    padding-left: 3rem
  }

  html:not([dir=rtl]) .card-offset:not(.flipped) .card-body {
    padding-right: 0
  }

  html[dir=rtl] .card-offset:not(.flipped) .card-body {
    padding-left: 0
  }
}

@media (max-width:859.98px) {
  .card-offset:not(.flipped) .card-img {
    margin-bottom: -1.5rem
  }
}

@media (min-width:860px) {
  html:not([dir=rtl]) .card-offset:not(.flipped) .card-img {
    margin-right: -3rem;
    margin-left: 3rem
  }

  html[dir=rtl] .card-offset:not(.flipped) .card-img {
    margin-right: 3rem;
    margin-left: -3rem
  }
}

@media (max-width:859.98px) {
  .card-offset.flipped {
    padding-top: 1.5rem
  }
}

@media (min-width:860px) {
  html:not([dir=rtl]) .card-offset.flipped {
    padding-left: 3rem
  }

  html[dir=rtl] .card-offset.flipped {
    padding-right: 3rem
  }

  html:not([dir=rtl]) .card-offset.flipped .card-body {
    padding-left: 0
  }

  html[dir=rtl] .card-offset.flipped .card-body {
    padding-right: 0
  }
}

@media (max-width:859.98px) {
  .card-offset.flipped .card-img {
    margin-top: -1.5rem
  }
}

@media (min-width:860px) {
  html:not([dir=rtl]) .card-offset.flipped .card-img {
    margin-right: 3rem;
    margin-left: -3rem
  }

  html[dir=rtl] .card-offset.flipped .card-img {
    margin-right: -3rem;
    margin-left: 3rem
  }
}

.card-offset.card-offset-small .card-body {
  padding-top: 1rem;
  padding-bottom: 1rem
}

@media (min-width:860px) {
  .card-offset.card-offset-small .card-body {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
}

@media (min-width:860px) {
  .card-offset.card-offset-small .card-img {
    margin-top: -1.5rem;
    margin-bottom: 1.5rem
  }
}

@media (min-width:860px) {
  .card-offset.card-offset-small {
    padding-top: 1.5rem
  }

  html:not([dir=rtl]) .card-offset.card-offset-small:not(.flipped) {
    padding-right: 1.5rem
  }

  html[dir=rtl] .card-offset.card-offset-small:not(.flipped) {
    padding-left: 1.5rem
  }

  html:not([dir=rtl]) .card-offset.card-offset-small:not(.flipped) .card-img {
    margin-right: -1.5rem;
    margin-left: 1.5rem
  }

  html[dir=rtl] .card-offset.card-offset-small:not(.flipped) .card-img {
    margin-right: 1.5rem;
    margin-left: -1.5rem
  }

  html:not([dir=rtl]) .card-offset.card-offset-small.flipped {
    padding-left: 1.5rem
  }

  html[dir=rtl] .card-offset.card-offset-small.flipped {
    padding-right: 1.5rem
  }

  html:not([dir=rtl]) .card-offset.card-offset-small.flipped .card-img {
    margin-right: 1.5rem;
    margin-left: -1.5rem
  }

  html[dir=rtl] .card-offset.card-offset-small.flipped .card-img {
    margin-right: -1.5rem;
    margin-left: 1.5rem
  }
}

.carousel {
  position: relative
}

.carousel .sr-only-focusable {
  z-index: 5;
  background-color: #fff
}

.theme-dark .carousel .sr-only-focusable {
  background-color: #000
}

.carousel.pointer-event {
  touch-action: pan-y
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item:focus {
  outline: 0
}

.carousel-item:focus-visible {
  outline: 0
}

.carousel-item:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  outline: .1875rem dotted currentColor;
  outline-offset: -.375rem;
  border: .5625rem solid #fff
}

.theme-dark .carousel-item:focus-visible::after {
  border-color: #000
}

@media (forced-colors:active) {
  .carousel-item:focus-visible::after {
    border-color: canvas
  }
}

.carousel-item.get-height {
  display: block;
  visibility: hidden;
  opacity: 0
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
  transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s .6s opacity
}

@media (prefers-reduced-motion:reduce) {

  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none
  }
}

.carousel-sneak-peek {
  overflow: hidden;
  padding-bottom: 4rem;
  padding-top: .1875rem;
  margin-top: -.1875rem
}

.carousel-sneak-peek>div {
  position: relative
}

.carousel-sneak-peek .carousel-inner {
  overflow: visible
}

.carousel-sneak-peek .carousel-inner {
  perspective: 1000px;
  margin: auto;
  display: flex;
  align-items: stretch
}

html:not([dir=rtl]) .carousel-sneak-peek .carousel-inner {
  flex-direction: row
}

html[dir=rtl] .carousel-sneak-peek .carousel-inner {
  flex-direction: row-reverse
}

.carousel-sneak-peek .carousel-item {
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  background-color: #fff;
  transition: transform .9s cubic-bezier(.19, 1, .22, 1), opacity .3s cubic-bezier(.19, 1, .22, 1)
}

@media (prefers-reduced-motion:reduce) {
  .carousel-sneak-peek .carousel-item {
    transition: none
  }
}

.carousel-sneak-peek .carousel-item.active,
.carousel-sneak-peek .carousel-item.carousel-item-next,
.carousel-sneak-peek .carousel-item.carousel-item-prev {
  visibility: visible;
  opacity: 1
}

.carousel-sneak-peek .carousel-item.active {
  z-index: 2
}

.carousel-sneak-peek .carousel-item.sliding-in {
  z-index: 3
}

.carousel-sneak-peek .carousel-item:focus-visible:focus {
  outline: .1875rem dotted currentColor
}

.carousel-sneak-peek .carousel-item:focus-visible:focus:not(:focus-visible) {
  outline: 0
}

.carousel-sneak-peek .carousel-item:focus-visible:focus-visible {
  outline: .1875rem dotted currentColor
}

.carousel-sneak-peek .carousel-item:focus-visible::after {
  content: none
}

.carousel-sneak-peek .card-img-overlay>.card-foreground .card {
  min-height: auto
}

.carousel-sneak-peek .active.carousel-item-left,
.carousel-sneak-peek .active.carousel-item-right,
.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left),
.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
  z-index: 1
}

html:not([dir=rtl]) .carousel-sneak-peek .active.carousel-item-right,
html:not([dir=rtl]) .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
  transform: translateX(102%)
}

html[dir=rtl] .carousel-sneak-peek .active.carousel-item-right,
html[dir=rtl] .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
  transform: translateX(-102%)
}

html:not([dir=rtl]) .carousel-sneak-peek .active.carousel-item-left,
html:not([dir=rtl]) .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
  transform: translateX(-102%)
}

html[dir=rtl] .carousel-sneak-peek .active.carousel-item-left,
html[dir=rtl] .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
  transform: translateX(102%)
}

.carousel-sneak-peek .carousel-controls .carousel-indicators {
  bottom: -3.5rem
}

.carousel-variable-height {
  overflow: hidden;
  padding-bottom: 4rem
}

.carousel-variable-height>div {
  position: relative
}

.carousel-variable-height .carousel-inner {
  overflow: visible
}

@media screen and (min-width:1084px) {

  .carousel-highlight,
  .carousel-highlight-backplate {
    align-items: center
  }
}

.carousel-highlight .carousel-item.active .card,
.carousel-highlight-backplate .carousel-item.active .card {
  opacity: 1;
  visibility: visible
}

.carousel-highlight .carousel-item:not(.active) .card,
.carousel-highlight-backplate .carousel-item:not(.active) .card {
  opacity: 0;
  visibility: hidden
}

.carousel-highlight .carousel-item.sliding-in .card,
.carousel-highlight-backplate .carousel-item.sliding-in .card {
  opacity: 1;
  visibility: visible;
  transition: opacity .6s ease-in
}

@media (prefers-reduced-motion:reduce) {

  .carousel-highlight .carousel-item.sliding-in .card,
  .carousel-highlight-backplate .carousel-item.sliding-in .card {
    transition: none
  }
}

.carousel-highlight .active.carousel-item-left .card,
.carousel-highlight .active.carousel-item-right .card,
.carousel-highlight .carousel-item-next:not(.carousel-item-left) .card,
.carousel-highlight .carousel-item-prev:not(.carousel-item-right) .card,
.carousel-highlight-backplate .active.carousel-item-left .card,
.carousel-highlight-backplate .active.carousel-item-right .card,
.carousel-highlight-backplate .carousel-item-next:not(.carousel-item-left) .card,
.carousel-highlight-backplate .carousel-item-prev:not(.carousel-item-right) .card {
  opacity: 0
}

.carousel-announcement .carousel-inner .carousel-item {
  transform: none
}

.carousel-announcement .carousel-inner .carousel-item.active {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s cubic-bezier(.25, .25, .75, .75)
}

@media (prefers-reduced-motion:reduce) {
  .carousel-announcement .carousel-inner .carousel-item.active {
    transition: none
  }
}

.carousel-announcement .carousel-inner .carousel-item:not(.active) {
  opacity: 0;
  visibility: hidden
}

.carousel-announcement .carousel-inner .carousel-item .alert {
  margin: 0 1.25rem;
  background-color: transparent;
  border: none
}

.carousel-announcement .carousel-controls .carousel-control-next,
.carousel-announcement .carousel-controls .carousel-control-prev {
  color: inherit
}

.carousel-announcement .carousel-controls .carousel-control-next::after,
.carousel-announcement .carousel-controls .carousel-control-prev::after {
  font-size: 1.25rem
}

.carousel-highlight.carousel-sneak-peek .carousel-inner {
  width: 90%
}

@media screen and (min-width:1084px) {

  .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,
  .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,
  .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left),
  .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    opacity: .3
  }
}

@media screen and (min-width:860px) {

  html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,
  html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
    transform: translateX(101%)
  }

  html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,
  html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
    transform: translateX(-101%)
  }
}

@media screen and (min-width:1084px) {

  html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,
  html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
    transform: scale(.91) translate(12%, 0)
  }

  html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-right,
  html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left) {
    transform: scale(.91) translate(-12%, 0)
  }
}

@media screen and (min-width:860px) {

  html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,
  html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-101%)
  }

  html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,
  html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(101%)
  }
}

@media screen and (min-width:1084px) {

  html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,
  html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    transform: scale(.91) translate(-12%, 0)
  }

  html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-left,
  html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right) {
    transform: scale(.91) translate(12%, 0)
  }
}

@media screen and (min-width:1084px) {

  .carousel-highlight.carousel-sneak-peek .carousel-controls .carousel-control-next,
  .carousel-highlight.carousel-sneak-peek .carousel-controls .carousel-control-prev {
    transform: scale(.91);
    transform-style: flat
  }
}

@media screen and (max-width:1083px) {
  .carousel-highlight.carousel-sneak-peek .carousel-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%)
  }

  .carousel-highlight.carousel-sneak-peek .carousel-control-next,
  .carousel-highlight.carousel-sneak-peek .carousel-control-prev,
  .carousel-highlight.carousel-sneak-peek .carousel-indicators {
    position: static
  }

  .carousel-highlight.carousel-sneak-peek .carousel-control-next,
  .carousel-highlight.carousel-sneak-peek .carousel-control-prev {
    padding-right: 1rem;
    padding-left: 1rem
  }

  .carousel-highlight.carousel-sneak-peek .carousel-control-next::after,
  .carousel-highlight.carousel-sneak-peek .carousel-control-prev::after {
    font-size: 1.25rem
  }

  .carousel-highlight.carousel-sneak-peek .carousel-indicators {
    margin-bottom: 3px
  }
}

@media screen and (min-width:860px) {
  .carousel-highlight:not(.carousel-sneak-peek) .carousel-item {
    transition: transform .8s ease-in-out
  }

  .carousel-highlight:not(.carousel-sneak-peek) .carousel-item.sliding-in .card {
    transition: opacity .8s ease-in
  }
}

@media screen and (min-width:860px) and (prefers-reduced-motion:reduce) {
  .carousel-highlight:not(.carousel-sneak-peek) .carousel-item.sliding-in .card {
    transition: none
  }
}

@media screen and (min-width:860px) and (prefers-reduced-motion:reduce) {
  .carousel-highlight:not(.carousel-sneak-peek) .carousel-item {
    transition: none
  }
}

.carousel-highlight:not(.carousel-sneak-peek) .card-img-overlay>.card-foreground .card {
  min-height: auto
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -3.5rem;
  left: 50%;
  transform: translateX(-50%)
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next,
.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev,
.carousel-highlight:not(.carousel-sneak-peek) .carousel-indicators {
  position: static
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next,
.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev {
  padding-right: 1rem;
  padding-left: 1rem
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next::after,
.carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev::after {
  font-size: 1.25rem
}

.carousel-highlight:not(.carousel-sneak-peek) .carousel-indicators {
  margin-bottom: 3px
}

@media screen and (min-width:860px) {
  .carousel-highlight-backplate .carousel-item {
    transition: transform .8s ease-in-out
  }

  .carousel-highlight-backplate .carousel-item.sliding-in .card {
    transition: opacity .8s ease-in
  }
}

@media screen and (min-width:860px) and (prefers-reduced-motion:reduce) {
  .carousel-highlight-backplate .carousel-item.sliding-in .card {
    transition: none
  }
}

@media screen and (min-width:860px) and (prefers-reduced-motion:reduce) {
  .carousel-highlight-backplate .carousel-item {
    transition: none
  }
}

@media screen and (min-width:1084px) {

  .carousel-highlight-backplate .carousel-control-next,
  .carousel-highlight-backplate .carousel-control-prev {
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 .1875rem .4375rem 0 rgba(0, 0, 0, .13), 0 .0625rem .125rem 0 rgba(0, 0, 0, .11);
    height: 44px;
    width: 44px;
    top: calc(50% - (44px / 2));
    margin: 0 .25rem;
    border-radius: 50%
  }

  .theme-dark .carousel-highlight-backplate .carousel-control-next,
  .theme-dark .carousel-highlight-backplate .carousel-control-prev {
    background: rgba(47, 47, 47, .8)
  }

  .carousel-highlight-backplate .carousel-control-next:not(:disabled):focus,
  .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover,
  .carousel-highlight-backplate .carousel-control-prev:not(:disabled):focus,
  .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover {
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 .375rem .875rem 0 rgba(0, 0, 0, .13), 0 .0625rem .25rem 0 rgba(0, 0, 0, .11)
  }

  .theme-dark .carousel-highlight-backplate .carousel-control-next:not(:disabled):focus,
  .theme-dark .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover,
  .theme-dark .carousel-highlight-backplate .carousel-control-prev:not(:disabled):focus,
  .theme-dark .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover {
    background: rgba(47, 47, 47, .9)
  }

  .carousel-highlight-backplate .carousel-control-next::after,
  .carousel-highlight-backplate .carousel-control-prev::after {
    font-size: 1.5rem
  }

  .carousel-highlight-backplate .carousel-control-next:focus,
  .carousel-highlight-backplate .carousel-control-prev:focus {
    outline-offset: -.1875rem
  }

  html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover::after,
  html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover::after {
    transform: none
  }

  html[dir=rtl] .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover::after,
  html[dir=rtl] .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover::after {
    transform: none
  }

  .carousel-highlight-backplate .carousel-controls .carousel-indicators {
    bottom: -3.5rem
  }
}

@media screen and (max-width:1083px) {
  .carousel-highlight-backplate .carousel-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%)
  }

  .carousel-highlight-backplate .carousel-control-next,
  .carousel-highlight-backplate .carousel-control-prev,
  .carousel-highlight-backplate .carousel-indicators {
    position: static
  }

  .carousel-highlight-backplate .carousel-control-next,
  .carousel-highlight-backplate .carousel-control-prev {
    padding-right: 1rem;
    padding-left: 1rem
  }

  .carousel-highlight-backplate .carousel-control-next::after,
  .carousel-highlight-backplate .carousel-control-prev::after {
    font-size: 1.25rem
  }

  .carousel-highlight-backplate .carousel-indicators {
    margin-bottom: 3px
  }
}

.carousel-sneak-peek.carousel-content-cards .carousel-inner {
  width: 90%
}

@media screen and (min-width:860px) {
  .carousel-sneak-peek.carousel-content-cards .carousel-inner {
    width: 66%
  }
}

@media screen and (min-width:1400px) {
  .carousel-sneak-peek.carousel-content-cards .carousel-inner {
    width: 60%
  }
}

.carousel-sneak-peek.carousel-content-cards .carousel-item {
  display: flex;
  background: 0 0
}

.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-body,
.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-footer,
.carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-header {
  opacity: 1;
  visibility: visible
}

.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-body,
.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-footer,
.carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-header {
  opacity: 0;
  visibility: hidden
}

.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-body,
.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-footer,
.carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-header {
  opacity: 1;
  visibility: visible;
  transition: opacity .6s ease-in
}

@media (prefers-reduced-motion:reduce) {

  .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-body,
  .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-footer,
  .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-header {
    transition: none
  }
}

@media screen and (min-width:860px) {

  .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,
  .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,
  .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left),
  .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
    opacity: .3
  }
}

.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-body,
.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-footer,
.carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-header,
.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-body,
.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-footer,
.carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-header,
.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-body,
.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-footer,
.carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-header,
.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-body,
.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-footer,
.carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-header {
  opacity: 0
}

@media screen and (min-width:860px) {

  html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,
  html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
    transform: scale(.91) translate(25%, 0)
  }

  html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,
  html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
    transform: scale(.91) translate(-25%, 0)
  }
}

@media screen and (min-width:1400px) {

  html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,
  html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
    transform: scale(.91) translate(33%, 0)
  }

  html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right,
  html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) {
    transform: scale(.91) translate(-33%, 0)
  }
}

@media screen and (min-width:860px) {

  html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left,
  html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
    transform: scale(.91) translate(-25%, 0)
  }

  .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) {
    transform: scale(.91) translate(33%, 0)
  }
}

@media screen and (min-width:860px) {

  .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next,
  .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
    transform: scale(.91);
    transform-style: flat;
    width: 18%
  }

  .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
    justify-content: flex-start
  }

  .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next {
    justify-content: flex-end
  }
}

@media screen and (min-width:1400px) {

  .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next,
  .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev {
    width: 21%
  }
}

@media screen and (max-width:859px) {
  .carousel-sneak-peek.carousel-content-cards .carousel-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%)
  }

  .carousel-sneak-peek.carousel-content-cards .carousel-control-next,
  .carousel-sneak-peek.carousel-content-cards .carousel-control-prev,
  .carousel-sneak-peek.carousel-content-cards .carousel-indicators {
    position: static
  }

  .carousel-sneak-peek.carousel-content-cards .carousel-control-next,
  .carousel-sneak-peek.carousel-content-cards .carousel-control-prev {
    padding-right: 1rem;
    padding-left: 1rem
  }

  .carousel-sneak-peek.carousel-content-cards .carousel-control-next::after,
  .carousel-sneak-peek.carousel-content-cards .carousel-control-prev::after {
    font-size: 1.25rem
  }

  .carousel-sneak-peek.carousel-content-cards .carousel-indicators {
    margin-bottom: 3px
  }
}

.carousel-product-card .container {
  width: 87%;
  height: 100%
}

@media screen and (min-width:860px) {
  .carousel-product-card .container {
    width: 90%
  }
}

.carousel-product-card .row {
  flex-wrap: nowrap;
  overflow: hidden;
  height: 100%
}

@media screen and (max-width:859px) {

  .carousel-product-card .carousel-control-next,
  .carousel-product-card .carousel-control-prev {
    width: 7%
  }
}

.carousel-product-card .carousel-control-next::after,
.carousel-product-card .carousel-control-prev::after {
  font-size: 1.75rem
}

.carousel-lg-side-controls .carousel-item>div {
  height: 100%
}

@media screen and (min-width:1084px) {
  .carousel-lg-side-controls .carousel-inner {
    width: 90%;
    margin: auto
  }
}

.carousel-lg-side-controls .carousel-controls .carousel-indicators {
  bottom: -3.5rem
}

@media screen and (max-width:1083px) {
  .carousel-lg-side-controls .carousel-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%)
  }

  .carousel-lg-side-controls .carousel-control-next,
  .carousel-lg-side-controls .carousel-control-prev,
  .carousel-lg-side-controls .carousel-indicators {
    position: static
  }

  .carousel-lg-side-controls .carousel-control-next,
  .carousel-lg-side-controls .carousel-control-prev {
    padding-right: 1rem;
    padding-left: 1rem
  }

  .carousel-lg-side-controls .carousel-control-next::after,
  .carousel-lg-side-controls .carousel-control-prev::after {
    font-size: 1.25rem
  }

  .carousel-lg-side-controls .carousel-indicators {
    margin-bottom: 3px
  }
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #000;
  text-align: center
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5%;
  min-width: 44px;
  min-height: 44px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 0;
  padding: 0;
  background: 0 0;
  color: #171717
}

.theme-dark .carousel-control-next,
.theme-dark .carousel-control-prev {
  color: #f2f2f2
}

.carousel-control-next:disabled,
.carousel-control-prev:disabled {
  opacity: .3;
  cursor: default
}

.carousel-control-next:focus,
.carousel-control-prev:focus {
  outline-offset: -.375rem
}

.carousel-control-next::after,
.carousel-control-prev::after {
  font-family: MWF-FLUENT-ICONS;
  font-weight: 400;
  font-size: 2.5rem;
  transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

@media (prefers-reduced-motion:reduce) {

  .carousel-control-next::after,
  .carousel-control-prev::after {
    transition: none
  }
}

html:not([dir=rtl]) .carousel-control-prev {
  left: 0
}

html:not([dir=rtl]) .carousel-control-prev::after {
  content: ""
}

html:not([dir=rtl]) .carousel-control-prev:not(:disabled):hover::after {
  transform: translate(-.5rem, 0)
}

html[dir=rtl] .carousel-control-prev {
  right: 0
}

html[dir=rtl] .carousel-control-prev::after {
  content: ""
}

html[dir=rtl] .carousel-control-prev:not(:disabled):hover::after {
  transform: translate(.5rem, 0)
}

html:not([dir=rtl]) .carousel-control-next {
  right: 0
}

html:not([dir=rtl]) .carousel-control-next::after {
  content: ""
}

html:not([dir=rtl]) .carousel-control-next:not(:disabled):hover::after {
  transform: translate(.5rem, 0)
}

html[dir=rtl] .carousel-control-next {
  left: 0
}

html[dir=rtl] .carousel-control-next::after {
  content: ""
}

html[dir=rtl] .carousel-control-next:not(:disabled):hover::after {
  transform: translate(-.5rem, 0)
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  list-style: none;
  color: #171717
}

.theme-dark .carousel-indicators {
  color: #f2f2f2
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  margin-right: 1rem;
  margin-left: 1rem
}

.carousel-indicators li::after {
  font-family: MWF-FLUENT-ICONS;
  font-weight: 400;
  font-size: .625rem;
  content: ""
}

.carousel-indicators .active::after {
  content: ""
}

.close {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: inherit
}

.close::before {
  content: "";
  font-family: MWF-FLUENT-ICONS
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

a.close.disabled {
  pointer-events: none
}


.result-list {
  position: absolute;
  z-index: 3;
  width: 100%;
  padding: 0;
  list-style: none;
  border: .0625rem solid #e6e6e6;
  display: none;
  background-color: #fff;
  color: #000
}

.theme-dark .result-list {
  background-color: #000;
  color: #fff
}

.result-list.active {
  display: block
}

.result-list .result {
  padding-left: 1rem;
  padding-right: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem
}

.result-list .result.selected,
.result-list .result:focus,
.result-list .result:hover {
  outline: .1875rem dotted currentColor !important;
  outline-offset: -.1875rem;
  background-color: #0067b8;
  color: #fff
}

.theme-dark .result-list .result.selected,
.theme-dark .result-list .result:focus,
.theme-dark .result-list .result:hover {
  background-color: #3aa0fa;
  color: #000
}

.search-results-container {
  position: relative
}

.combobox {
  position: relative;
  display: inline-block;
  width: 100%
}

.combobox .combobox-toggle::after {
  display: block;
  font-size: 1em;
  font-family: MWF-FLUENT-ICONS;
  position: absolute;
  line-height: 1;
  top: calc(50% + .0625em);
  margin-top: -.5em
}

.combobox .combobox-divider {
  height: 0;
  margin: 0 0;
  overflow: hidden;
  border-top: 1px solid currentColor;
  opacity: .15
}

.combobox .combobox-item {
  display: block;
  width: 100%;
  clear: both;
  text-decoration: none;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  padding: .5rem .75rem;
  color: #000
}

.theme-dark .combobox .combobox-item {
  color: #fff
}

.combobox .combobox-item:focus,
.combobox .combobox-item:hover {
  background-color: #e6e6e6;
  color: #000;
  outline-offset: -.1875rem
}

.theme-dark .combobox .combobox-item:focus,
.theme-dark .combobox .combobox-item:hover {
  background-color: #505050;
  color: #fff
}

.combobox .combobox-item.active,
.combobox .combobox-item:active {
  background-color: #000;
  color: #fff
}

.theme-dark .combobox .combobox-item.active,
.theme-dark .combobox .combobox-item:active {
  background-color: #fff;
  color: #000
}

.combobox .combobox-item.disabled,
.combobox .combobox-item:disabled {
  opacity: .3;
  pointer-events: none;
  background-color: transparent
}

.combobox .combobox-item:disabled {
  opacity: .3
}

html:not([dir=rtl]) .combobox {
  text-align: left
}

html[dir=rtl] .combobox {
  text-align: right
}

.combobox .combobox-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.combobox .combobox-toggle .glyph::before {
  content: ""
}

.combobox .combobox-menu {
  position: absolute;
  top: 0;
  z-index: 1000;
  display: none;
  font-size: 1rem;
  border: .0625rem solid #757575;
  border-radius: 0;
  box-shadow: 0 .375rem .875rem 0 rgba(0, 0, 0, .13), 0 .0625rem .25rem 0 rgba(0, 0, 0, .11);
  background-clip: padding-box;
  background-color: #fff;
  color: #000;
  top: 100%;
  width: 100%;
  max-height: 300px;
  overflow-y: auto
}

.theme-dark .combobox .combobox-menu {
  border-color: #d2d2d2;
  background-color: #000;
  color: #fff
}

html:not([dir=rtl]) .combobox .combobox-menu {
  text-align: left;
  left: 0;
  right: auto
}

html[dir=rtl] .combobox .combobox-menu {
  text-align: right;
  left: auto;
  right: 0
}

.combobox .combobox-menu.show {
  display: block
}

.combobox .combobox-item {
  position: relative;
  cursor: pointer
}

.combobox .combobox-item .glyph {
  position: absolute
}

html:not([dir=rtl]) .combobox .combobox-item .glyph {
  left: 1rem
}

html[dir=rtl] .combobox .combobox-item .glyph {
  right: 1rem
}

html:not([dir=rtl]) .combobox .combobox-item {
  padding-left: 2.5rem
}

html[dir=rtl] .combobox .combobox-item {
  padding-right: 2.5rem
}

html:not([dir=rtl]) .combobox .combobox-item:not([role=option]) {
  padding-left: 1rem
}

html[dir=rtl] .combobox .combobox-item:not([role=option]) {
  padding-right: 1rem
}

.combobox .combobox-item:not([role=option]):hover {
  background-color: inherit;
  color: inherit
}

html[dir=rtl] .custom-switch.custom-switch-lg .custom-switch-input:checked::before {
  transform: translateX(-1.75rem)
}

.custom-switch.custom-switch-lg .custom-switch-label,
.custom-switch.custom-switch-lg .custom-switch-status {
  font-size: 1.125rem
}

.custom-switch.custom-switch-label-top .custom-switch-label-container {
  flex-basis: 100%;
  order: -1
}

.custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
  margin: 0;
  order: unset;
  line-height: 1rem;
  padding-bottom: .5rem
}

html:not([dir=rtl]) .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
  padding-right: 0
}

html[dir=rtl] .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label {
  padding-left: 0
}

.custom-control {
  position: relative;
  display: block
}

.custom-control-inline {
  display: inline-flex
}

html:not([dir=rtl]) .custom-control-inline {
  margin-right: 1rem
}

html[dir=rtl] .custom-control-inline {
  margin-left: 1rem
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0
}

html:not([dir=rtl]) .input-group>:not(:first-child) {
  margin-left: -.125rem
}

html[dir=rtl] .input-group>:not(:first-child) {
  margin-right: -.125rem
}

.input-group>.custom-file .custom-file-input:focus-within~.custom-file-label,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
  z-index: 3
}

.input-group>.custom-file .custom-file-input:focus,
.input-group>.custom-file .custom-file-input:focus-within {
  z-index: 4
}

.input-group-append,
.input-group-prepend {
  display: flex
}

.input-group-append .btn,
.input-group-append .input-group-text,
.input-group-prepend .btn,
.input-group-prepend .input-group-text {
  position: relative;
  z-index: 2
}

.input-group-append .btn:focus,
.input-group-append .btn:hover,
.input-group-prepend .btn:focus,
.input-group-prepend .btn:hover {
  z-index: 3
}

html:not([dir=rtl]) .input-group-prepend>.btn:last-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

html[dir=rtl] .input-group-prepend>.btn:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

html:not([dir=rtl]) .input-group-prepend .btn-group:last-child>.btn:last-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

html[dir=rtl] .input-group-prepend .btn-group:last-child>.btn:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

html:not([dir=rtl]) .input-group-append>.btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

html[dir=rtl] .input-group-append>.btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

html:not([dir=rtl]) .input-group-append .btn-group:first-child>.btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

html[dir=rtl] .input-group-append .btn-group:first-child>.btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .625rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #505050;
  text-align: center;
  white-space: nowrap
}

.theme-dark .input-group-text {
  color: #e6e6e6
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
  height: 3rem;
  padding: .8125rem .75rem;
  font-size: 1.125rem;
  line-height: 1.5
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
  height: 2.25rem;
  padding: .5625rem .75rem;
  font-size: .875rem;
  line-height: 1.5
}

.glyph-prepend::before,
.glyph::before {
  font-family: MWF-FLUENT-ICONS;
  font-weight: 400;
  line-height: 1
}

.glyph-append::after {
  font-family: MWF-FLUENT-ICONS;
  font-weight: 400;
  line-height: 1
}

.glyph-append-xsmall::after {
  font-size: .8125rem
}

.glyph-prepend-xsmall::before,
.glyph-xsmall::before {
  font-size: .8125rem
}

.glyph-append-small::after {
  font-size: 1rem
}

.glyph-prepend-small::before,
.glyph-small::before {
  font-size: 1rem
}

.glyph-append-medium::after {
  font-size: 1.25rem
}

.glyph-medium::before,
.glyph-prepend-medium::before {
  font-size: 1.25rem
}

.glyph-append-large::after {
  font-size: 1.5rem
}

.glyph-large::before,
.glyph-prepend-large::before {
  font-size: 1.5rem
}

.glyph-accept::before,
.glyph-prepend-accept::before {
  content: ""
}

.glyph-append-accept::after {
  content: ""
}

.glyph-add-friend::before,
.glyph-prepend-add-friend::before {
  content: ""
}

.glyph-append-add-friend::after {
  content: ""
}

.glyph-add::before,
.glyph-prepend-add::before {
  content: ""
}

.glyph-append-add::after {
  content: ""
}

.glyph-airplane-solid::before,
.glyph-prepend-airplane-solid::before {
  content: ""
}

.glyph-append-airplane-solid::after {
  content: ""
}

.glyph-app-icon-default::before,
.glyph-prepend-app-icon-default::before {
  content: ""
}

.glyph-append-app-icon-default::after {
  content: ""
}

.glyph-azure-logo::before,
.glyph-prepend-azure-logo::before {
  content: ""
}

.glyph-append-azure-logo::after {
  content: ""
}

.glyph-back-to-window::before,
.glyph-prepend-back-to-window::before {
  content: ""
}

.glyph-append-back-to-window::after {
  content: ""
}

.glyph-back::before,
.glyph-prepend-back::before {
  content: ""
}

.glyph-append-back::after {
  content: ""
}

.glyph-backpack::before,
.glyph-prepend-backpack::before {
  content: ""
}

.glyph-append-backpack::after {
  content: ""
}

.glyph-balloons::before,
.glyph-prepend-balloons::before {
  content: ""
}

.glyph-append-balloons::after {
  content: ""
}

.glyph-box-arrow-left-line::before,
.glyph-prepend-box-arrow-left-line::before {
  content: "ﰊ"
}

.glyph-append-box-arrow-left-line::after {
  content: "ﰊ"
}

.glyph-bulleted-list-mirrored::before,
.glyph-prepend-bulleted-list-mirrored::before {
  content: ""
}

.glyph-append-bulleted-list-mirrored::after {
  content: ""
}

.glyph-bulleted-list::before,
.glyph-prepend-bulleted-list::before {
  content: ""
}

.glyph-append-bulleted-list::after {
  content: ""
}

.glyph-business-briefcase::before,
.glyph-prepend-business-briefcase::before {
  content: "ﰈ"
}

.glyph-append-business-briefcase::after {
  content: "ﰈ"
}

.glyph-button-a::before,
.glyph-prepend-button-a::before {
  content: ""
}

.glyph-append-button-a::after {
  content: ""
}

.glyph-button-b::before,
.glyph-prepend-button-b::before {
  content: ""
}

.glyph-append-button-b::after {
  content: ""
}

.glyph-button-menu::before,
.glyph-prepend-button-menu::before {
  content: ""
}

.glyph-append-button-menu::after {
  content: ""
}

.glyph-button-x::before,
.glyph-prepend-button-x::before {
  content: ""
}

.glyph-append-button-x::after {
  content: ""
}

.glyph-button-y::before,
.glyph-prepend-button-y::before {
  content: ""
}

.glyph-append-button-y::after {
  content: ""
}

.glyph-calendar-day::before,
.glyph-prepend-calendar-day::before {
  content: ""
}

.glyph-append-calendar-day::after {
  content: ""
}

.glyph-calendar-mirrored::before,
.glyph-prepend-calendar-mirrored::before {
  content: ""
}

.glyph-append-calendar-mirrored::after {
  content: ""
}

.glyph-calendar-week::before,
.glyph-prepend-calendar-week::before {
  content: ""
}

.glyph-append-calendar-week::after {
  content: ""
}

.glyph-calendar::before,
.glyph-prepend-calendar::before {
  content: ""
}

.glyph-append-calendar::after {
  content: ""
}

.glyph-camera-main::before,
.glyph-prepend-camera-main::before {
  content: ""
}

.glyph-append-camera-main::after {
  content: ""
}

.glyph-camera::before,
.glyph-prepend-camera::before {
  content: ""
}

.glyph-append-camera::after {
  content: ""
}

.glyph-cancel::before,
.glyph-prepend-cancel::before {
  content: ""
}

.glyph-append-cancel::after {
  content: ""
}

.glyph-cell-phone::before,
.glyph-prepend-cell-phone::before {
  content: ""
}

.glyph-append-cell-phone::after {
  content: ""
}

.glyph-certificate::before,
.glyph-prepend-certificate::before {
  content: ""
}

.glyph-append-certificate::after {
  content: ""
}

.glyph-chat-bubbles::before,
.glyph-prepend-chat-bubbles::before {
  content: ""
}

.glyph-append-chat-bubbles::after {
  content: ""
}

.glyph-chat::before,
.glyph-prepend-chat::before {
  content: ""
}

.glyph-append-chat::after {
  content: ""
}

.glyph-check-list::before,
.glyph-prepend-check-list::before {
  content: ""
}

.glyph-append-check-list::after {
  content: ""
}

.glyph-check-mark::before,
.glyph-prepend-check-mark::before {
  content: ""
}

.glyph-append-check-mark::after {
  content: ""
}

.glyph-checkbox-composite::before,
.glyph-prepend-checkbox-composite::before {
  content: ""
}

.glyph-append-checkbox-composite::after {
  content: ""
}

.glyph-checkbox-indeterminate::before,
.glyph-prepend-checkbox-indeterminate::before {
  content: ""
}

.glyph-append-checkbox-indeterminate::after {
  content: ""
}

.glyph-checkbox::before,
.glyph-prepend-checkbox::before {
  content: ""
}

.glyph-append-checkbox::after {
  content: ""
}

.glyph-chevron-down-6::before,
.glyph-prepend-chevron-down-6::before {
  content: ""
}

.glyph-append-chevron-down-6::after {
  content: ""
}

.glyph-chevron-down::before,
.glyph-prepend-chevron-down::before {
  content: ""
}

.glyph-append-chevron-down::after {
  content: ""
}

.glyph-chevron-left-6::before,
.glyph-prepend-chevron-left-6::before {
  content: ""
}

.glyph-append-chevron-left-6::after {
  content: ""
}

.glyph-chevron-left::before,
.glyph-prepend-chevron-left::before {
  content: ""
}

.glyph-append-chevron-left::after {
  content: ""
}

.glyph-chevron-right-6::before,
.glyph-prepend-chevron-right-6::before {
  content: ""
}

.glyph-append-chevron-right-6::after {
  content: ""
}

.glyph-chevron-right::before,
.glyph-prepend-chevron-right::before {
  content: ""
}

.glyph-append-chevron-right::after {
  content: ""
}

.glyph-chevron-up-6::before,
.glyph-prepend-chevron-up-6::before {
  content: ""
}

.glyph-append-chevron-up-6::after {
  content: ""
}

.glyph-chevron-up::before,
.glyph-prepend-chevron-up::before {
  content: ""
}

.glyph-append-chevron-up::after {
  content: ""
}

.glyph-circle-fill::before,
.glyph-prepend-circle-fill::before {
  content: ""
}

.glyph-append-circle-fill::after {
  content: ""
}

.glyph-circle-pause-solid::before,
.glyph-prepend-circle-pause-solid::before {
  content: ""
}

.glyph-append-circle-pause-solid::after {
  content: ""
}

.glyph-circle-pause::before,
.glyph-prepend-circle-pause::before {
  content: ""
}

.glyph-append-circle-pause::after {
  content: ""
}

.glyph-circle-play-solid::before,
.glyph-prepend-circle-play-solid::before {
  content: ""
}

.glyph-append-circle-play-solid::after {
  content: ""
}

.glyph-circle-play::before,
.glyph-prepend-circle-play::before {
  content: ""
}

.glyph-append-circle-play::after {
  content: ""
}

.glyph-circle-plus::before,
.glyph-prepend-circle-plus::before {
  content: ""
}

.glyph-append-circle-plus::after {
  content: ""
}

.glyph-clear::before,
.glyph-prepend-clear::before {
  content: ""
}

.glyph-append-clear::after {
  content: ""
}

.glyph-color::before,
.glyph-prepend-color::before {
  content: ""
}

.glyph-append-color::after {
  content: ""
}

.glyph-completed::before,
.glyph-prepend-completed::before {
  content: ""
}

.glyph-append-completed::after {
  content: ""
}

.glyph-contact-info::before,
.glyph-prepend-contact-info::before {
  content: ""
}

.glyph-append-contact-info::after {
  content: ""
}

.glyph-contact::before,
.glyph-prepend-contact::before {
  content: ""
}

.glyph-append-contact::after {
  content: ""
}

.glyph-controller-custom::before,
.glyph-prepend-controller-custom::before {
  content: "ﰆ"
}

.glyph-append-controller-custom::after {
  content: "ﰆ"
}

.glyph-copy::before,
.glyph-prepend-copy::before {
  content: ""
}

.glyph-append-copy::after {
  content: ""
}

.glyph-credit-card-bill::before,
.glyph-prepend-credit-card-bill::before {
  content: ""
}

.glyph-append-credit-card-bill::after {
  content: ""
}

.glyph-delete::before,
.glyph-prepend-delete::before {
  content: ""
}

.glyph-append-delete::after {
  content: ""
}

.glyph-delivery-truck::before,
.glyph-prepend-delivery-truck::before {
  content: ""
}

.glyph-append-delivery-truck::after {
  content: ""
}

.glyph-detachable-pc::before,
.glyph-prepend-detachable-pc::before {
  content: ""
}

.glyph-append-detachable-pc::after {
  content: ""
}

.glyph-developer-tools::before,
.glyph-prepend-developer-tools::before {
  content: ""
}

.glyph-append-developer-tools::after {
  content: ""
}

.glyph-devices-laptop-tablet::before,
.glyph-prepend-devices-laptop-tablet::before {
  content: ""
}

.glyph-append-devices-laptop-tablet::after {
  content: ""
}

.glyph-devices-monitor-phone::before,
.glyph-prepend-devices-monitor-phone::before {
  content: ""
}

.glyph-append-devices-monitor-phone::after {
  content: ""
}

.glyph-diploma::before,
.glyph-prepend-diploma::before {
  content: ""
}

.glyph-append-diploma::after {
  content: ""
}

.glyph-down::before,
.glyph-prepend-down::before {
  content: ""
}

.glyph-append-down::after {
  content: ""
}

.glyph-download::before,
.glyph-prepend-download::before {
  content: ""
}

.glyph-append-download::after {
  content: ""
}

.glyph-dynamics-365-logo::before,
.glyph-prepend-dynamics-365-logo::before {
  content: ""
}

.glyph-append-dynamics-365-logo::after {
  content: ""
}

.glyph-edge-logo-32::before,
.glyph-prepend-edge-logo-32::before {
  content: ""
}

.glyph-append-edge-logo-32::after {
  content: ""
}

.glyph-edge-logo::before,
.glyph-prepend-edge-logo::before {
  content: ""
}

.glyph-append-edge-logo::after {
  content: ""
}

.glyph-edge-old-logo-32::before,
.glyph-prepend-edge-old-logo-32::before {
  content: ""
}

.glyph-append-edge-old-logo-32::after {
  content: ""
}

.glyph-edge-old-logo::before,
.glyph-prepend-edge-old-logo::before {
  content: ""
}

.glyph-append-edge-old-logo::after {
  content: ""
}

.glyph-edit-mirrored::before,
.glyph-prepend-edit-mirrored::before {
  content: ""
}

.glyph-append-edit-mirrored::after {
  content: ""
}

.glyph-edit::before,
.glyph-prepend-edit::before {
  content: ""
}

.glyph-append-edit::after {
  content: ""
}

.glyph-education::before,
.glyph-prepend-education::before {
  content: ""
}

.glyph-append-education::after {
  content: ""
}

.glyph-emoji-disappointed::before,
.glyph-prepend-emoji-disappointed::before {
  content: ""
}

.glyph-append-emoji-disappointed::after {
  content: ""
}

.glyph-emoji-neutral::before,
.glyph-prepend-emoji-neutral::before {
  content: ""
}

.glyph-append-emoji-neutral::after {
  content: ""
}

.glyph-emoji-smile::before,
.glyph-prepend-emoji-smile::before {
  content: ""
}

.glyph-append-emoji-smile::after {
  content: ""
}

.glyph-enchance-pop::before,
.glyph-prepend-enchance-pop::before {
  content: ""
}

.glyph-append-enchance-pop::after {
  content: ""
}

.glyph-excel-logo-32::before,
.glyph-prepend-excel-logo-32::before {
  content: ""
}

.glyph-append-excel-logo-32::after {
  content: ""
}

.glyph-excel-logo::before,
.glyph-prepend-excel-logo::before {
  content: ""
}

.glyph-append-excel-logo::after {
  content: ""
}

.glyph-expense-report::before,
.glyph-prepend-expense-report::before {
  content: ""
}

.glyph-append-expense-report::after {
  content: ""
}

.glyph-favorite-star-fill::before,
.glyph-prepend-favorite-star-fill::before {
  content: ""
}

.glyph-append-favorite-star-fill::after {
  content: ""
}

.glyph-favorite-star::before,
.glyph-prepend-favorite-star::before {
  content: ""
}

.glyph-append-favorite-star::after {
  content: ""
}

.glyph-feedback::before,
.glyph-prepend-feedback::before {
  content: ""
}

.glyph-append-feedback::after {
  content: ""
}

.glyph-filter::before,
.glyph-prepend-filter::before {
  content: ""
}

.glyph-append-filter::after {
  content: ""
}

.glyph-filters::before,
.glyph-prepend-filters::before {
  content: ""
}

.glyph-append-filters::after {
  content: ""
}

.glyph-flag::before,
.glyph-prepend-flag::before {
  content: ""
}

.glyph-append-flag::after {
  content: ""
}

.glyph-folder-open::before,
.glyph-prepend-folder-open::before {
  content: ""
}

.glyph-append-folder-open::after {
  content: ""
}

.glyph-folder::before,
.glyph-prepend-folder::before {
  content: ""
}

.glyph-append-folder::after {
  content: ""
}

.glyph-font-decrease::before,
.glyph-prepend-font-decrease::before {
  content: ""
}

.glyph-append-font-decrease::after {
  content: ""
}

.glyph-font-increase::before,
.glyph-prepend-font-increase::before {
  content: ""
}

.glyph-append-font-increase::after {
  content: ""
}

.glyph-forward::before,
.glyph-prepend-forward::before {
  content: ""
}

.glyph-append-forward::after {
  content: ""
}

.glyph-full-screen::before,
.glyph-prepend-full-screen::before {
  content: ""
}

.glyph-append-full-screen::after {
  content: ""
}

.glyph-game-clubs::before,
.glyph-prepend-game-clubs::before {
  content: ""
}

.glyph-append-game-clubs::after {
  content: ""
}

.glyph-game-hub::before,
.glyph-prepend-game-hub::before {
  content: ""
}

.glyph-append-game-hub::after {
  content: ""
}

.glyph-game-pass-ultimate-inline::before,
.glyph-prepend-game-pass-ultimate-inline::before {
  content: ""
}

.glyph-append-game-pass-ultimate-inline::after {
  content: ""
}

.glyph-gift-box::before,
.glyph-prepend-gift-box::before {
  content: ""
}

.glyph-append-gift-box::after {
  content: ""
}

.glyph-gift-card::before,
.glyph-prepend-gift-card::before {
  content: ""
}

.glyph-append-gift-card::after {
  content: ""
}

.glyph-glasses::before,
.glyph-prepend-glasses::before {
  content: ""
}

.glyph-append-glasses::after {
  content: ""
}

.glyph-global-nav-button::before,
.glyph-prepend-global-nav-button::before {
  content: ""
}

.glyph-append-global-nav-button::after {
  content: ""
}

.glyph-globe::before,
.glyph-prepend-globe::before {
  content: ""
}

.glyph-append-globe::after {
  content: ""
}

.glyph-go-mirrored::before,
.glyph-prepend-go-mirrored::before {
  content: ""
}

.glyph-append-go-mirrored::after {
  content: ""
}

.glyph-go::before,
.glyph-prepend-go::before {
  content: ""
}

.glyph-append-go::after {
  content: ""
}

.glyph-group::before,
.glyph-prepend-group::before {
  content: ""
}

.glyph-append-group::after {
  content: ""
}

.glyph-half-star-left::before,
.glyph-prepend-half-star-left::before {
  content: ""
}

.glyph-append-half-star-left::after {
  content: ""
}

.glyph-half-star-right::before,
.glyph-prepend-half-star-right::before {
  content: ""
}

.glyph-append-half-star-right::after {
  content: ""
}

.glyph-headphone::before,
.glyph-prepend-headphone::before {
  content: ""
}

.glyph-append-headphone::after {
  content: ""
}

.glyph-headset-controller::before,
.glyph-prepend-headset-controller::before {
  content: "ﰀ"
}

.glyph-append-headset-controller::after {
  content: "ﰀ"
}

.glyph-health::before,
.glyph-prepend-health::before {
  content: ""
}

.glyph-append-health::after {
  content: ""
}

.glyph-heart-add::before,
.glyph-prepend-heart-add::before {
  content: ""
}

.glyph-append-heart-add::after {
  content: ""
}

.glyph-heart-fill::before,
.glyph-prepend-heart-fill::before {
  content: ""
}

.glyph-append-heart-fill::after {
  content: ""
}

.glyph-heart::before,
.glyph-prepend-heart::before {
  content: ""
}

.glyph-append-heart::after {
  content: ""
}

.glyph-hololens-head::before,
.glyph-prepend-hololens-head::before {
  content: ""
}

.glyph-append-hololens-head::after {
  content: ""
}

.glyph-hololens::before,
.glyph-prepend-hololens::before {
  content: ""
}

.glyph-append-hololens::after {
  content: ""
}

.glyph-home::before,
.glyph-prepend-home::before {
  content: ""
}

.glyph-append-home::after {
  content: ""
}

.glyph-important::before,
.glyph-prepend-important::before {
  content: ""
}

.glyph-append-important::after {
  content: ""
}

.glyph-incident-triangle::before,
.glyph-prepend-incident-triangle::before {
  content: ""
}

.glyph-append-incident-triangle::after {
  content: ""
}

.glyph-incoming-call::before,
.glyph-prepend-incoming-call::before {
  content: ""
}

.glyph-append-incoming-call::after {
  content: ""
}

.glyph-indicator-dot-filled::before,
.glyph-prepend-indicator-dot-filled::before {
  content: ""
}

.glyph-append-indicator-dot-filled::after {
  content: ""
}

.glyph-indicator-dot-outline::before,
.glyph-prepend-indicator-dot-outline::before {
  content: ""
}

.glyph-append-indicator-dot-outline::after {
  content: ""
}

.glyph-info::before,
.glyph-prepend-info::before {
  content: ""
}

.glyph-append-info::after {
  content: ""
}

.glyph-issue-tracking::before,
.glyph-prepend-issue-tracking::before {
  content: ""
}

.glyph-append-issue-tracking::after {
  content: ""
}

.glyph-keyboard-classic::before,
.glyph-prepend-keyboard-classic::before {
  content: ""
}

.glyph-append-keyboard-classic::after {
  content: ""
}

.glyph-leaf::before,
.glyph-prepend-leaf::before {
  content: ""
}

.glyph-append-leaf::after {
  content: ""
}

.glyph-left-double-quote::before,
.glyph-prepend-left-double-quote::before {
  content: ""
}

.glyph-append-left-double-quote::after {
  content: ""
}

.glyph-library::before,
.glyph-prepend-library::before {
  content: ""
}

.glyph-append-library::after {
  content: ""
}

.glyph-link::before,
.glyph-prepend-link::before {
  content: ""
}

.glyph-append-link::after {
  content: ""
}

.glyph-list-mirrored::before,
.glyph-prepend-list-mirrored::before {
  content: ""
}

.glyph-append-list-mirrored::after {
  content: ""
}

.glyph-list::before,
.glyph-prepend-list::before {
  content: ""
}

.glyph-append-list::after {
  content: ""
}

.glyph-lock::before,
.glyph-prepend-lock::before {
  content: ""
}

.glyph-append-lock::after {
  content: ""
}

.glyph-mail::before,
.glyph-prepend-mail::before {
  content: ""
}

.glyph-append-mail::after {
  content: ""
}

.glyph-map-pin::before,
.glyph-prepend-map-pin::before {
  content: ""
}

.glyph-append-map-pin::after {
  content: ""
}

.glyph-megaphone::before,
.glyph-prepend-megaphone::before {
  content: ""
}

.glyph-append-megaphone::after {
  content: ""
}

.glyph-microphone::before,
.glyph-prepend-microphone::before {
  content: ""
}

.glyph-append-microphone::after {
  content: ""
}

.glyph-mobile-tablet::before,
.glyph-prepend-mobile-tablet::before {
  content: ""
}

.glyph-append-mobile-tablet::after {
  content: ""
}

.glyph-mobile-tablet-alt::before,
.glyph-prepend-mobile-tablet-alt::before {
  content: ""
}

.glyph-append-mobile-tablet-alt::after {
  content: ""
}

.glyph-money-hand::before,
.glyph-prepend-money-hand::before {
  content: ""
}

.glyph-append-money-hand::after {
  content: ""
}

.glyph-money-payment-card::before,
.glyph-prepend-money-payment-card::before {
  content: "ﰂ"
}

.glyph-append-money-payment-card::after {
  content: "ﰂ"
}

.glyph-money::before,
.glyph-prepend-money::before {
  content: ""
}

.glyph-append-money::after {
  content: ""
}

.glyph-more::before,
.glyph-prepend-more::before {
  content: ""
}

.glyph-append-more::after {
  content: ""
}

.glyph-mouse::before,
.glyph-prepend-mouse::before {
  content: ""
}

.glyph-append-mouse::after {
  content: ""
}

.glyph-movies::before,
.glyph-prepend-movies::before {
  content: ""
}

.glyph-append-movies::after {
  content: ""
}

.glyph-music-album::before,
.glyph-prepend-music-album::before {
  content: ""
}

.glyph-append-music-album::after {
  content: ""
}

.glyph-music-in-collection::before,
.glyph-prepend-music-in-collection::before {
  content: ""
}

.glyph-append-music-in-collection::after {
  content: ""
}

.glyph-mute::before,
.glyph-prepend-mute::before {
  content: ""
}

.glyph-append-mute::after {
  content: ""
}

.glyph-my-movies-tv::before,
.glyph-prepend-my-movies-tv::before {
  content: ""
}

.glyph-append-my-movies-tv::after {
  content: ""
}

.glyph-next::before,
.glyph-prepend-next::before {
  content: ""
}

.glyph-append-next::after {
  content: ""
}

.glyph-office-logo::before,
.glyph-prepend-office-logo::before {
  content: ""
}

.glyph-append-office-logo::after {
  content: ""
}

.glyph-onedrive-logo::before,
.glyph-prepend-onedrive-logo::before {
  content: ""
}

.glyph-append-onedrive-logo::after {
  content: ""
}

.glyph-open-in-new-tab::before,
.glyph-prepend-open-in-new-tab::before {
  content: ""
}

.glyph-append-open-in-new-tab::after {
  content: ""
}

.glyph-outgoing-call::before,
.glyph-prepend-outgoing-call::before {
  content: ""
}

.glyph-append-outgoing-call::after {
  content: ""
}

.glyph-outline-half-star-left::before,
.glyph-prepend-outline-half-star-left::before {
  content: ""
}

.glyph-append-outline-half-star-left::after {
  content: ""
}

.glyph-page::before,
.glyph-prepend-page::before {
  content: ""
}

.glyph-append-page::after {
  content: ""
}

.glyph-pause-solid::before,
.glyph-prepend-pause-solid::before {
  content: ""
}

.glyph-append-pause-solid::after {
  content: ""
}

.glyph-pause::before,
.glyph-prepend-pause::before {
  content: ""
}

.glyph-append-pause::after {
  content: ""
}

.glyph-payment-card::before,
.glyph-prepend-payment-card::before {
  content: ""
}

.glyph-append-payment-card::after {
  content: ""
}

.glyph-pc::before,
.glyph-prepend-pc::before {
  content: ""
}

.glyph-append-pc::after {
  content: ""
}

.glyph-people::before,
.glyph-prepend-people::before {
  content: ""
}

.glyph-append-people::after {
  content: ""
}

.glyph-person-chat::before,
.glyph-prepend-person-chat::before {
  content: ""
}

.glyph-append-person-chat::after {
  content: ""
}

.glyph-person-chat-alt::before,
.glyph-prepend-person-chat-alt::before {
  content: ""
}

.glyph-append-person-chat-alt::after {
  content: ""
}

.glyph-phone::before,
.glyph-prepend-phone::before {
  content: ""
}

.glyph-append-phone::after {
  content: ""
}

.glyph-photo-collection::before,
.glyph-prepend-photo-collection::before {
  content: ""
}

.glyph-append-photo-collection::after {
  content: ""
}

.glyph-photo::before,
.glyph-prepend-photo::before {
  content: ""
}

.glyph-append-photo::after {
  content: ""
}

.glyph-pinned::before,
.glyph-prepend-pinned::before {
  content: ""
}

.glyph-append-pinned::after {
  content: ""
}

.glyph-play-button-72::before,
.glyph-prepend-play-button-72::before {
  content: ""
}

.glyph-append-play-button-72::after {
  content: ""
}

.glyph-play-button::before,
.glyph-prepend-play-button::before {
  content: ""
}

.glyph-append-play-button::after {
  content: ""
}

.glyph-play-solid::before,
.glyph-prepend-play-solid::before {
  content: ""
}

.glyph-append-play-solid::after {
  content: ""
}

.glyph-play::before,
.glyph-prepend-play::before {
  content: ""
}

.glyph-append-play::after {
  content: ""
}

.glyph-podium::before,
.glyph-prepend-podium::before {
  content: ""
}

.glyph-append-podium::after {
  content: ""
}

.glyph-prepend-previous::before,
.glyph-previous::before {
  content: ""
}

.glyph-append-previous::after {
  content: ""
}

.glyph-prepend-print::before,
.glyph-print::before {
  content: ""
}

.glyph-append-print::after {
  content: ""
}

.glyph-prepend-pro-football::before,
.glyph-pro-football::before {
  content: ""
}

.glyph-append-pro-football::after {
  content: ""
}

.glyph-prepend-product::before,
.glyph-product::before {
  content: ""
}

.glyph-append-product::after {
  content: ""
}

.glyph-prepend-qr-code::before,
.glyph-qr-code::before {
  content: ""
}

.glyph-append-qr-code::after {
  content: ""
}

.glyph-prepend-reading-mode-solid::before,
.glyph-reading-mode-solid::before {
  content: ""
}

.glyph-append-reading-mode-solid::after {
  content: ""
}

.glyph-prepend-reading-mode::before,
.glyph-reading-mode::before {
  content: ""
}

.glyph-append-reading-mode::after {
  content: ""
}

.glyph-prepend-recent::before,
.glyph-recent::before {
  content: ""
}

.glyph-append-recent::after {
  content: ""
}

.glyph-prepend-refresh::before,
.glyph-refresh::before {
  content: ""
}

.glyph-append-refresh::after {
  content: ""
}

.glyph-prepend-refurbished-laptop::before,
.glyph-refurbished-laptop::before {
  content: "ﰉ"
}

.glyph-append-refurbished-laptop::after {
  content: "ﰉ"
}

.glyph-prepend-remove-from::before,
.glyph-remove-from::before {
  content: ""
}

.glyph-append-remove-from::after {
  content: ""
}

.glyph-prepend-remove::before,
.glyph-remove::before {
  content: ""
}

.glyph-append-remove::after {
  content: ""
}

.glyph-prepend-repair::before,
.glyph-repair::before {
  content: ""
}

.glyph-append-repair::after {
  content: ""
}

.glyph-prepend-rewards-logo::before,
.glyph-rewards-logo::before {
  content: ""
}

.glyph-append-rewards-logo::after {
  content: ""
}

.glyph-prepend-right-double-quote::before,
.glyph-right-double-quote::before {
  content: ""
}

.glyph-append-right-double-quote::after {
  content: ""
}

.glyph-prepend-rotate::before,
.glyph-rotate::before {
  content: ""
}

.glyph-append-rotate::after {
  content: ""
}

.glyph-prepend-save::before,
.glyph-save::before {
  content: ""
}

.glyph-append-save::after {
  content: ""
}

.glyph-prepend-savings::before,
.glyph-savings::before {
  content: ""
}

.glyph-append-savings::after {
  content: ""
}

.glyph-prepend-search::before,
.glyph-search::before {
  content: ""
}

.glyph-append-search::after {
  content: ""
}

.glyph-prepend-settings::before,
.glyph-settings::before {
  content: ""
}

.glyph-append-settings::after {
  content: ""
}

.glyph-prepend-share-screen-person-overlay::before,
.glyph-share-screen-person-overlay::before {
  content: ""
}

.glyph-append-share-screen-person-overlay::after {
  content: ""
}

.glyph-prepend-share::before,
.glyph-share::before {
  content: ""
}

.glyph-append-share::after {
  content: ""
}

.glyph-prepend-shield-complete-protection::before,
.glyph-shield-complete-protection::before {
  content: "ﰃ"
}

.glyph-append-shield-complete-protection::after {
  content: "ﰃ"
}

.glyph-prepend-shop-brand::before,
.glyph-shop-brand::before {
  content: ""
}

.glyph-append-shop-brand::after {
  content: ""
}

.glyph-prepend-shop::before,
.glyph-shop::before {
  content: ""
}

.glyph-append-shop::after {
  content: ""
}

.glyph-prepend-shopping-cart::before,
.glyph-shopping-cart::before {
  content: ""
}

.glyph-append-shopping-cart::after {
  content: ""
}

.glyph-prepend-show-results-mirrored::before,
.glyph-show-results-mirrored::before {
  content: ""
}

.glyph-append-show-results-mirrored::after {
  content: ""
}

.glyph-prepend-show-results::before,
.glyph-show-results::before {
  content: ""
}

.glyph-append-show-results::after {
  content: ""
}

.glyph-prepend-shuffle::before,
.glyph-shuffle::before {
  content: ""
}

.glyph-append-shuffle::after {
  content: ""
}

.glyph-prepend-slideshow::before,
.glyph-slideshow::before {
  content: ""
}

.glyph-append-slideshow::after {
  content: ""
}

.glyph-prepend-slim-device::before,
.glyph-slim-device::before {
  content: "ﰇ"
}

.glyph-append-slim-device::after {
  content: "ﰇ"
}

.glyph-prepend-sort::before,
.glyph-sort::before {
  content: ""
}

.glyph-append-sort::after {
  content: ""
}

.glyph-prepend-starbust-info::before,
.glyph-starbust-info::before {
  content: ""
}

.glyph-append-starbust-info::after {
  content: ""
}

.glyph-prepend-subscriptions-mirrored::before,
.glyph-subscriptions-mirrored::before {
  content: ""
}

.glyph-append-subscriptions-mirrored::after {
  content: ""
}

.glyph-prepend-subscriptions::before,
.glyph-subscriptions::before {
  content: ""
}

.glyph-append-subscriptions::after {
  content: ""
}

.glyph-prepend-subtitles::before,
.glyph-subtitles::before {
  content: ""
}

.glyph-append-subtitles::after {
  content: ""
}

.glyph-prepend-surface-hub::before,
.glyph-surface-hub::before {
  content: ""
}

.glyph-append-surface-hub::after {
  content: ""
}

.glyph-prepend-surface-kickstand-mode::before,
.glyph-surface-kickstand-mode::before {
  content: "ﰄ"
}

.glyph-append-surface-kickstand-mode::after {
  content: "ﰄ"
}

.glyph-prepend-sustainable::before,
.glyph-sustainable::before {
  content: ""
}

.glyph-append-sustainable::after {
  content: ""
}

.glyph-prepend-sync::before,
.glyph-sync::before {
  content: ""
}

.glyph-append-sync::after {
  content: ""
}

.glyph-prepend-system::before,
.glyph-system::before {
  content: ""
}

.glyph-append-system::after {
  content: ""
}

.glyph-prepend-tablet-desktop::before,
.glyph-tablet-desktop::before {
  content: "ﰅ"
}

.glyph-append-tablet-desktop::after {
  content: "ﰅ"
}

.glyph-prepend-tablet::before,
.glyph-tablet::before {
  content: ""
}

.glyph-append-tablet::after {
  content: ""
}

.glyph-prepend-tag::before,
.glyph-tag::before {
  content: ""
}

.glyph-append-tag::after {
  content: ""
}

.glyph-prepend-telemarketer::before,
.glyph-telemarketer::before {
  content: ""
}

.glyph-append-telemarketer::after {
  content: ""
}

.glyph-prepend-this-pc::before,
.glyph-this-pc::before {
  content: ""
}

.glyph-append-this-pc::after {
  content: ""
}

.glyph-prepend-ticket::before,
.glyph-ticket::before {
  content: ""
}

.glyph-append-ticket::after {
  content: ""
}

.glyph-prepend-toolbox::before,
.glyph-toolbox::before {
  content: ""
}

.glyph-append-toolbox::after {
  content: ""
}

.glyph-prepend-torch::before,
.glyph-torch::before {
  content: ""
}

.glyph-append-torch::after {
  content: ""
}

.glyph-prepend-trophy::before,
.glyph-trophy::before {
  content: ""
}

.glyph-append-trophy::after {
  content: ""
}

.glyph-prepend-tv-monitor::before,
.glyph-tv-monitor::before {
  content: ""
}

.glyph-append-tv-monitor::after {
  content: ""
}

.glyph-prepend-unknown::before,
.glyph-unknown::before {
  content: ""
}

.glyph-append-unknown::after {
  content: ""
}

.glyph-prepend-up::before,
.glyph-up::before {
  content: ""
}

.glyph-append-up::after {
  content: ""
}

.glyph-prepend-upload::before,
.glyph-upload::before {
  content: ""
}

.glyph-append-upload::after {
  content: ""
}

.glyph-prepend-video::before,
.glyph-video::before {
  content: ""
}

.glyph-append-video::after {
  content: ""
}

.glyph-prepend-view::before,
.glyph-view::before {
  content: ""
}

.glyph-append-view::after {
  content: ""
}

.glyph-prepend-volume::before,
.glyph-volume::before {
  content: ""
}

.glyph-append-volume::after {
  content: ""
}

.glyph-prepend-waffle::before,
.glyph-waffle::before {
  content: ""
}

.glyph-append-waffle::after {
  content: ""
}

.glyph-prepend-wallet::before,
.glyph-wallet::before {
  content: ""
}

.glyph-append-wallet::after {
  content: ""
}

.glyph-prepend-warning::before,
.glyph-warning::before {
  content: ""
}

.glyph-append-warning::after {
  content: ""
}

.glyph-prepend-webcam-2::before,
.glyph-webcam-2::before {
  content: ""
}

.glyph-append-webcam-2::after {
  content: ""
}

.glyph-prepend-wifi-full::before,
.glyph-wifi-full::before {
  content: ""
}

.glyph-append-wifi-full::after {
  content: ""
}

.glyph-prepend-windows-logo-inline::before,
.glyph-windows-logo-inline::before {
  content: ""
}

.glyph-append-windows-logo-inline::after {
  content: ""
}

.glyph-prepend-windows-logo::before,
.glyph-windows-logo::before {
  content: ""
}

.glyph-append-windows-logo::after {
  content: ""
}

.glyph-prepend-wireless-display-adapter::before,
.glyph-wireless-display-adapter::before {
  content: ""
}

.glyph-append-wireless-display-adapter::after {
  content: ""
}

.glyph-prepend-wireless-mouse::before,
.glyph-wireless-mouse::before {
  content: "ﰁ"
}

.glyph-append-wireless-mouse::after {
  content: "ﰁ"
}

.glyph-prepend-work-solid::before,
.glyph-work-solid::before {
  content: ""
}

.glyph-append-work-solid::after {
  content: ""
}

.glyph-prepend-work::before,
.glyph-work::before {
  content: ""
}

.glyph-append-work::after {
  content: ""
}

.glyph-prepend-world::before,
.glyph-world::before {
  content: ""
}

.glyph-append-world::after {
  content: ""
}

.glyph-prepend-xbox-controller::before,
.glyph-xbox-controller::before {
  content: ""
}

.glyph-append-xbox-controller::after {
  content: ""
}

.glyph-prepend-xbox-game-pass-inline::before,
.glyph-xbox-game-pass-inline::before {
  content: ""
}

.glyph-append-xbox-game-pass-inline::after {
  content: ""
}

.glyph-prepend-xbox-gold-inline::before,
.glyph-xbox-gold-inline::before {
  content: ""
}

.glyph-append-xbox-gold-inline::after {
  content: ""
}

.glyph-prepend-xbox-logo::before,
.glyph-xbox-logo::before {
  content: ""
}

.glyph-append-xbox-logo::after {
  content: ""
}

.glyph-prepend-xbox-one-console::before,
.glyph-xbox-one-console::before {
  content: ""
}

.glyph-append-xbox-one-console::after {
  content: ""
}

.glyph-prepend-xbox360::before,
.glyph-xbox360::before {
  content: ""
}

.glyph-append-xbox360::after {
  content: ""
}

.glyph-prepend-zoom-out::before,
.glyph-zoom-out::before {
  content: ""
}

.glyph-append-zoom-out::after {
  content: ""
}

.glyph-prepend-zoom::before,
.glyph-zoom::before {
  content: ""
}

.glyph-append-zoom::after {
  content: ""
}

.hotspot {
  border-radius: 50%;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11);
  border: 0 solid #000;
  outline-color: #000;
  outline-offset: .1875rem
}

.hotspot::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 104%;
  height: 104%;
  border: 4px solid #fff;
  top: -2%;
  left: -2%;
  z-index: -1
}

@keyframes ripple {
  0% {
    border: 1px solid #fff;
    opacity: 0;
    border-radius: 50%;
    top: -1px;
    left: -1px;
    box-sizing: content-box;
    box-shadow: none
  }

  50% {
    opacity: 1
  }

  100% {
    border: 1em solid #fff;
    opacity: 0;
    border-radius: 50%;
    top: -1em;
    left: -1em;
    box-sizing: content-box;
    box-shadow: none
  }
}

@media screen and (prefers-reduced-motion:no-preference) {
  .hotspot.hotspot-hover-ripple:hover::after {
    animation: ripple .8s cubic-bezier(.5, 0, .5, 1);
    animation-iteration-count: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%
  }

  .hotspot.ripple-once::after {
    animation: ripple .8s cubic-bezier(.5, 0, .5, 1);
    animation-iteration-count: 1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%
  }
}

@media (min-width:860px) {
  .hotspot {
    width: 3rem;
    height: 3rem
  }
}

.hotspot .hotspot-img {
  border-radius: 50%;
  border: 4px solid transparent;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.hotspot.hotspot-extra-border:not(:focus) {
  border: 1px solid
}

.hotspot.hotspot-extra-border:not(:focus)::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.hotspot.hotspot-extra-border:not(:focus):hover {
  border: none
}

.hotspot.hotspot-large-glyph .glyph,
.hotspot.hotspot-large-glyph .glyph-append,
.hotspot.hotspot-large-glyph .glyph-prepend {
  font-size: 2rem
}

.hotspot.hotspot-light {
  background-color: #fff;
  color: #000;
  border-color: #fff
}

.hotspot.hotspot-light::before {
  border-color: #000
}

.hotspot.hotspot-light:focus::after {
  border-color: #fff
}

.hotspot.hotspot-light.hotspot-active,
.hotspot.hotspot-light[aria-expanded=true],
.hotspot.hotspot-light[aria-pressed=true] {
  box-shadow: 0 0 0 1em rgba(0, 0, 0, .6)
}

.hotspot.hotspot-primary {
  background-color: #0067b8;
  color: #fff;
  border-color: #000
}

.hotspot.hotspot-primary::before {
  border-color: #fff
}

.hotspot.hotspot-primary:focus::after {
  border-color: #000
}

.hotspot.hotspot-primary.hotspot-active,
.hotspot.hotspot-primary[aria-expanded=true],
.hotspot.hotspot-primary[aria-pressed=true] {
  box-shadow: 0 0 0 1em rgba(255, 255, 255, .6)
}

.hotspot.hotspot-primary-alt {
  background-color: #3aa0fa;
  color: #000;
  border-color: #fff
}

.hotspot.hotspot-primary-alt::before {
  border-color: #000
}

.hotspot.hotspot-primary-alt:focus::after {
  border-color: #fff
}

.hotspot.hotspot-primary-alt.hotspot-active,
.hotspot.hotspot-primary-alt[aria-expanded=true],
.hotspot.hotspot-primary-alt[aria-pressed=true] {
  box-shadow: 0 0 0 1em rgba(0, 0, 0, .6)
}

.hotspot.hotspot-dark {
  background-color: #000;
  color: #fff;
  border-color: #000
}

.hotspot.hotspot-dark::before {
  border-color: #fff
}

.hotspot.hotspot-dark:focus::after {
  border-color: #000
}

.hotspot.hotspot-dark.hotspot-active,
.hotspot.hotspot-dark[aria-expanded=true],
.hotspot.hotspot-dark[aria-pressed=true] {
  box-shadow: 0 0 0 1em rgba(255, 255, 255, .6)
}

.hotspot.hotspot-minimalist-light {
  background-color: #fff;
  color: #000;
  border-color: #000
}

.hotspot.hotspot-minimalist-light::before {
  border-color: #fff
}

.hotspot.hotspot-minimalist-light:focus::after {
  border-color: #000
}

.hotspot.hotspot-minimalist-light.hotspot-active,
.hotspot.hotspot-minimalist-light[aria-expanded=true],
.hotspot.hotspot-minimalist-light[aria-pressed=true] {
  box-shadow: 0 0 0 1em rgba(0, 0, 0, .6)
}

.hotspot.hotspot-minimalist-primary {
  background-color: #0067b8;
  color: #fff;
  border-color: #fff
}

.hotspot.hotspot-minimalist-primary::before {
  border-color: #0067b8
}

.hotspot.hotspot-minimalist-primary:focus::after {
  border-color: #fff
}

.hotspot.hotspot-minimalist-primary.hotspot-active,
.hotspot.hotspot-minimalist-primary[aria-expanded=true],
.hotspot.hotspot-minimalist-primary[aria-pressed=true] {
  box-shadow: 0 0 0 1em rgba(255, 255, 255, .6)
}

.hotspot.hotspot-minimalist-primary-alt {
  background-color: #3aa0fa;
  color: #000;
  border-color: #000
}

.hotspot.hotspot-minimalist-primary-alt::before {
  border-color: #3aa0fa
}

.hotspot.hotspot-minimalist-primary-alt:focus::after {
  border-color: #000
}

.hotspot.hotspot-minimalist-primary-alt.hotspot-active,
.hotspot.hotspot-minimalist-primary-alt[aria-expanded=true],
.hotspot.hotspot-minimalist-primary-alt[aria-pressed=true] {
  box-shadow: 0 0 0 1em rgba(0, 0, 0, .6)
}

.hotspot.hotspot-minimalist-dark {
  background-color: #000;
  color: #fff;
  border-color: #fff
}

.hotspot.hotspot-minimalist-dark::before {
  border-color: #000
}

.hotspot.hotspot-minimalist-dark:focus::after {
  border-color: #fff
}

.hotspot.hotspot-minimalist-dark.hotspot-active,
.hotspot.hotspot-minimalist-dark[aria-expanded=true],
.hotspot.hotspot-minimalist-dark[aria-pressed=true] {
  box-shadow: 0 0 0 1em rgba(255, 255, 255, .6)
}

.hotspot.hotspot-sm {
  height: 1.5rem;
  width: 1.5rem
}

@media (max-width:859.98px) {
  .hotspot.hotspot-sm {
    line-height: 1
  }
}

@media (min-width:860px) {
  .hotspot.hotspot-sm {
    width: 2.25rem;
    height: 2.25rem
  }
}

.hotspot.hotspot-sm::before {
  border-width: 3px
}

.hotspot.hotspot-lg {
  height: 3rem;
  width: 3rem
}

@media (min-width:860px) {
  .hotspot.hotspot-lg {
    width: 4rem;
    height: 4rem
  }
}

.hotspot .glyph,
.hotspot .glyph-append,
.hotspot .glyph-prepend {
  line-height: 1;
  height: 1em;
  font-size: 1em
}

.hotspot:focus {
  outline: 0
}

.hotspot:focus::after {
  border-style: dashed;
  border-width: .1875rem;
  border-color: #000;
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  border-radius: 50%;
  width: 102%;
  height: 102%;
  top: -1%;
  left: -1%
}

.hotspot:focus:hover::after {
  box-sizing: border-box
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: .0625rem solid #d2d2d2;
  border-radius: .125rem;
  max-width: 100%;
  height: auto
}

.img-object-cover {
  object-fit: cover;
  height: 100%;
  width: 100%
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: 90%;
  color: #505050
}

.img-object-contain {
  object-fit: contain
}

.link-group {
  min-height: 2.5rem;
  margin-top: -.5rem;
  margin-bottom: -.5rem
}

html:not([dir=rtl]) .link-group .action-trigger,
html:not([dir=rtl]) .link-group .btn,
html:not([dir=rtl]) .link-group a {
  margin-right: 1.5rem
}

html[dir=rtl] .link-group .action-trigger,
html[dir=rtl] .link-group .btn,
html[dir=rtl] .link-group a {
  margin-left: 1.5rem
}

.link-group a {
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem
}

.link-group a~a:not(.btn) {
  margin-top: 0
}

.link-group .action-trigger,
.link-group .btn {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.link-group .btn~a:not(.btn) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .5rem
}

html:not([dir=rtl]) .link-group>:last-child {
  margin-right: 0
}

html[dir=rtl] .link-group>:last-child {
  margin-left: 0
}

ol.full li,
ul.full li {
  margin-bottom: 1rem
}

.list-unstyled {
  padding: 0;
  list-style: none
}

.list-inline {
  padding: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

html:not([dir=rtl]) .list-inline-item:not(:last-child) {
  margin-right: 1rem
}

html[dir=rtl] .list-inline-item:not(:last-child) {
  margin-left: 1rem
}

.media-control {
  background-color: #fff;
  color: #000;
  position: relative;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  font-size: 2.8125rem;
  line-height: 1;
  box-shadow: 0 .1875rem .4375rem 0 rgba(0, 0, 0, .13), 0 .0625rem .125rem 0 rgba(0, 0, 0, .11);
  border: 0
}

.media-control::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 104%;
  height: 104%;
  border: .25rem solid #fff;
  top: -2%;
  left: -2%
}

.media-control:focus {
  outline: 0
}

.media-control:focus::after {
  border-style: dashed;
  border-width: .1875rem;
  border-color: #000;
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  border-radius: 50%;
  width: 102%;
  height: 102%;
  top: -1%;
  left: -1%
}

.media-control .glyph,
.media-control .glyph-append,
.media-control .glyph-prepend {
  position: absolute;
  left: .1875rem;
  top: .1875rem
}

.media-control.media-control-light {
  background-color: #000;
  color: #fff
}

.media-control.media-control-light::before {
  border-color: #000
}

.media-control.media-control-light:focus::after {
  border-color: #fff
}

@media (forced-colors:active) {
  .media-control {
    border-radius: 0
  }

  .media-control::before {
    content: none
  }
}

@media (min-width:540px) {
  .media-control-lg {
    height: 4.5rem;
    width: 4.5rem;
    font-size: 4.4375rem
  }
}

.modal-open {
  overflow: hidden
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 0 .75rem;
  box-sizing: content-box;
  pointer-events: none;
  display: flex;
  align-items: center;
  min-height: 100%
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal-dialog-scrollable {
  height: 100%
}

.modal-dialog-scrollable .modal-content {
  overflow: hidden;
  max-height: 100%
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
  flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: .0625rem solid transparent;
  border-radius: 0
}

.theme-dark .modal-content {
  background-color: #2f2f2f
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .8
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.modal-header .close {
  padding: .5rem
}

html:not([dir=rtl]) .modal-header .close {
  margin-left: auto
}

html[dir=rtl] .modal-header .close {
  margin-right: auto
}

.modal-header .close::before {
  display: block
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}

html:not([dir=rtl]) .modal-title {
  margin-right: 1rem
}

html[dir=rtl] .modal-title {
  margin-left: 1rem
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: .1875rem 1rem 4rem
}

.modal-body:not(:last-child) {
  padding-bottom: 0
}

.modal-body>:last-child {
  margin-bottom: 0
}

.modal-body>[tabindex="0"]:focus {
  outline: .1875rem dotted currentColor
}

.modal-body>[tabindex="0"]:focus:not(:focus-visible) {
  outline: 0
}

.modal-body>[tabindex="0"]:focus-visible {
  outline: .1875rem dotted currentColor
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem 1rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.modal-footer>:not(:first-child) {
  margin-left: .25rem
}

.modal-footer>:not(:last-child) {
  margin-right: .25rem
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width:540px) {
  .modal-dialog {
    max-width: 640px
  }

  .modal-sm {
    max-width: 300px
  }

  .modal-xl {
    max-width: 1600px
  }
}

@media (min-width:1084px) {
  .modal-dialog {
    padding: 0 5%
  }

  .modal-lg {
    max-width: 800px
  }

  .modal-header {
    padding: 1rem 4rem
  }

  html:not([dir=rtl]) .modal-header .close {
    margin-right: -3rem
  }

  html[dir=rtl] .modal-header .close {
    margin-left: -3rem
  }

  .modal-body {
    padding: .1875rem 4rem 4rem
  }

  .modal-footer {
    padding: 1rem 4rem
  }
}

.multi-feature {
  position: relative;
  width: 100%
}

@media (min-width:1084px) {
  .multi-feature .accordion {
    position: static;
    width: 33.33333%
  }

  html:not([dir=rtl]) .multi-feature .accordion {
    padding-right: .75rem
  }

  html[dir=rtl] .multi-feature .accordion {
    padding-left: .75rem
  }
}

@media (min-width:1084px) {
  .multi-feature .collapse {
    transition: height 0s cubic-bezier(.25, .25, .75, .75), opacity .2s cubic-bezier(0, 0, 0, 1)
  }
}

@media (min-width:1084px) and (prefers-reduced-motion:reduce) {
  .multi-feature .collapse {
    transition: none
  }
}

@media (min-width:1084px) {
  .multi-feature .collapsing {
    transform: translateY(0);
    transition: height 0s .1s cubic-bezier(.25, .25, .75, .75), opacity .1s cubic-bezier(.8, 0, .2, 1)
  }
}

@media (min-width:1084px) and (prefers-reduced-motion:reduce) {
  .multi-feature .collapsing {
    transition: none
  }
}

@media (min-width:1084px) {
  .multi-feature-body {
    transition: transform .1s cubic-bezier(.8, 0, .2, 1)
  }
}

@media (min-width:1084px) and (prefers-reduced-motion:reduce) {
  .multi-feature-body {
    transition: none
  }
}

@media (min-width:1084px) {
  .multi-feature-body>:last-child:not(.link-group) {
    margin-bottom: 0 !important
  }

  .collapsing .multi-feature-body {
    transform: translateY(-.875em);
    transition: transform .2s cubic-bezier(0, 0, 0, 1)
  }
}

@media (min-width:1084px) and (prefers-reduced-motion:reduce) {
  .collapsing .multi-feature-body {
    transition: none
  }
}

@media (min-width:1084px) {
  .multi-feature-feature {
    position: absolute;
    width: 66.66667%;
    top: 0
  }

  html:not([dir=rtl]) .multi-feature-feature {
    padding-left: .75rem;
    right: 0
  }

  html[dir=rtl] .multi-feature-feature {
    padding-right: .75rem;
    left: 0
  }
}

.nav-container {
  overflow-x: hidden;
  padding: 4px
}

.nav-container .nav {
  margin-left: -1rem;
  margin-right: -1rem
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
  list-style: none
}

.nav .nav-item {
  margin: 0 1rem
}

.nav-item,
.nav-link {
  position: relative
}

.nav-item::before,
.nav-link::before {
  content: "";
  display: none;
  position: absolute;
  bottom: .25rem;
  width: 100%;
  height: .125rem;
  padding: 0 0;
  background-color: #0067b8;
  background-clip: content-box
}

html:not([dir=rtl]) .nav-item::before,
html:not([dir=rtl]) .nav-link::before {
  left: 0
}

html[dir=rtl] .nav-item::before,
html[dir=rtl] .nav-link::before {
  right: 0
}

.nav-link {
  display: inline-block;
  padding: .5rem 0;
  color: #0067b8;
  font-weight: 600;
  text-decoration: none
}

.nav-link:hover::before {
  display: block
}

.nav-link.disabled {
  color: #757575;
  pointer-events: none;
  cursor: default
}

.nav-link.active {
  color: #000
}

.nav-link.active::before {
  display: none
}

.nav-link.dropdown-toggle {
  display: inline-flex;
  gap: .5em
}

.nav-link.dropdown-toggle .glyph {
  position: relative
}

.nav-link.dropdown-toggle::before {
  width: calc(100% - 1.875em)
}

html:not([dir=rtl]) .nav-link.dropdown-toggle::after {
  right: 0
}

html[dir=rtl] .nav-link.dropdown-toggle::after {
  left: 0
}

.nav-link .glyph::before {
  position: relative;
  top: .125em
}

html:not([dir=rtl]) .nav-link .glyph::before {
  padding-right: .375em
}

html[dir=rtl] .nav-link .glyph::before {
  padding-left: .375em
}

.nav-item.active {
  color: inherit
}

.nav-item.active .nav-link {
  color: inherit
}

.nav-item.active::before {
  display: block
}

html:not([dir=rtl]) .nav-item .dropdown-menu {
  left: .5rem
}

html[dir=rtl] .nav-item .dropdown-menu {
  right: .5rem
}

.nav-in-page-bar.nav-in-page-horizontal {
  align-items: baseline
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-container {
  display: flex
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-container {
  display: inline-block
}

.nav-in-page-bar .combobox+.sticky-show-stuck,
.nav-in-page-bar .sticky-show-stuck+.combobox {
  margin-top: .25rem
}

.nav-in-page-container label {
  font-size: 1.0625rem;
  margin-bottom: .75rem;
  color: #171717
}

.theme-dark .nav-in-page-container label {
  color: #f2f2f2
}

.nav-in-page-container .combobox-divider,
.nav-in-page-container .combobox-item:not(.nav-in-page-item) {
  display: none
}

.sticky.stuck .nav-in-page-bar {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.sticky.stuck .nav-in-page-bar:not(.nav-in-page-horizontal):not(.nav-in-page-vertical) {
  margin-top: .25rem;
  margin-bottom: .25rem
}

.sticky.stuck .nav-in-page-container label {
  display: none
}

.sticky.stuck .nav-in-page-container .combobox-divider,
.sticky.stuck .nav-in-page-container .combobox-item:not(.nav-in-page-item) {
  display: block
}

.nav-in-page {
  position: relative;
  padding: 0;
  list-style: none;
  margin-bottom: 0
}

.nav-in-page::before {
  content: "";
  position: absolute;
  border-radius: .125rem;
  background-color: #d2d2d2
}

.theme-dark .nav-in-page::before {
  background-color: #757575
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page {
  display: flex;
  margin-bottom: .5rem
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
  width: calc(100% - 2 * 1.5rem);
  height: .25rem;
  bottom: -.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
  left: 1.5rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before {
  right: 1.5rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page {
  margin-top: 1.5rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
  width: .25rem;
  height: 100%
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
  left: 0
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before {
  right: 0
}

.nav-in-page-item {
  position: relative
}

.nav-in-page-item .nav-in-page-link {
  color: #505050;
  text-decoration: none
}

.theme-dark .nav-in-page-item .nav-in-page-link {
  color: #a2a2a2
}

.nav-in-page-item .nav-in-page-link.active {
  color: #171717
}

.theme-dark .nav-in-page-item .nav-in-page-link.active {
  color: #f2f2f2
}

.nav-in-page-item .nav-in-page-link.active::before {
  content: "";
  position: absolute;
  border-radius: .125rem;
  background-color: #0067b8
}

.theme-dark .nav-in-page-item .nav-in-page-link.active::before {
  background-color: #3aa0fa
}

@media (forced-colors:active) {
  .nav-in-page-item .nav-in-page-link.active::before {
    background-color: linktext
  }
}

.nav-in-page-item .nav-in-page-link:focus,
.nav-in-page-item .nav-in-page-link:hover {
  text-decoration: underline;
  color: #0067b8
}

.nav-in-page-item.combobox-item:active .nav-in-page-link {
  color: #fff
}

.theme-dark .nav-in-page-item.combobox-item:active .nav-in-page-link {
  color: #000
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item {
  display: flex;
  margin-right: 1.5rem;
  margin-left: 1.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item~.nav-in-page-item {
  margin-left: 0
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item~.nav-in-page-item {
  margin-right: 0
}

.nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item .nav-in-page-link.active::before {
  width: 100%;
  height: .25rem;
  bottom: -.5rem
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item {
  margin-left: 1rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item {
  margin-right: 1rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-item+.nav-in-page-item {
  margin-top: 1rem
}

.nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
  width: .25rem;
  height: 100%
}

html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
  left: -1rem
}

html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before {
  right: -1rem
}

.nav-in-page-label {
  display: flex;
  font-size: 1.1875rem;
  margin-bottom: 0;
  color: #171717
}

.theme-dark .nav-in-page-label {
  color: #f2f2f2
}

.pagination {
  display: flex;
  padding: 0;
  list-style: none;
  font-weight: 600;
  margin-bottom: 0;
  border-color: #0067b8
}

.theme-dark .pagination {
  border-color: #3aa0fa
}

.page-link {
  position: relative;
  display: block;
  padding: .625rem .75rem;
  line-height: 1;
  text-decoration: none;
  border: .125rem solid transparent
}

.page-item {
  white-space: nowrap;
  border-color: inherit;
  display: inline-block;
  position: relative
}

.page-item:not(:last-child):not(:first-child)::after {
  position: absolute;
  bottom: .25rem;
  left: 50%;
  transform: translate(-50%, -.125rem);
  content: "";
  display: block;
  width: 1.5em;
  border-top-width: 2px;
  border-top-style: solid;
  border-color: inherit;
  transition: transform 0s .1s cubic-bezier(.25, .25, .75, .75), opacity .1s cubic-bezier(.25, .25, .75, .75);
  opacity: 0
}

@media (prefers-reduced-motion:reduce) {
  .page-item:not(:last-child):not(:first-child)::after {
    transition: none
  }
}

.page-item:first-child,
.page-item:last-child {
  display: inline-block
}

.page-item:first-child .page-link::after,
.page-item:first-child .page-link::before,
.page-item:last-child .page-link::after,
.page-item:last-child .page-link::before {
  font-family: MWF-FLUENT-ICONS;
  display: inline-block;
  font-size: 1rem;
  position: absolute;
  top: calc(50% + .0625em);
  margin-top: -.5em;
  transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

@media (prefers-reduced-motion:reduce) {

  .page-item:first-child .page-link::after,
  .page-item:first-child .page-link::before,
  .page-item:last-child .page-link::after,
  .page-item:last-child .page-link::before {
    transition: none
  }
}

.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:hover {
  text-decoration: underline
}

html:not([dir=rtl]) .page-item:first-child .page-link {
  padding-left: 1.4375em
}

html[dir=rtl] .page-item:first-child .page-link {
  padding-right: 1.4375em
}

html:not([dir=rtl]) .page-item:first-child .page-link::before {
  content: "";
  left: 0
}

html[dir=rtl] .page-item:first-child .page-link::before {
  content: "";
  right: 0
}

html:not([dir=rtl]) .page-item:first-child .page-link:hover::before {
  transform: translate(-.25em, 0)
}

html[dir=rtl] .page-item:first-child .page-link:hover::before {
  transform: translate(.25em, 0)
}

html:not([dir=rtl]) .page-item:last-child .page-link {
  padding-right: 1.4375em
}

html[dir=rtl] .page-item:last-child .page-link {
  padding-left: 1.4375em
}

html:not([dir=rtl]) .page-item:last-child .page-link::after {
  content: "";
  right: 0
}

html[dir=rtl] .page-item:last-child .page-link::after {
  content: "";
  left: 0
}

html:not([dir=rtl]) .page-item:last-child .page-link:hover::after {
  transform: translate(.25em, 0)
}

html[dir=rtl] .page-item:last-child .page-link:hover::after {
  transform: translate(-.25em, 0)
}

.page-item.active:not(:first-child):not(:last-child)::after {
  transform: translate(-50%, 0);
  opacity: 100%
}

.page-item.active:not(:first-child):not(:last-child) .page-link {
  color: inherit;
  cursor: default
}

.page-item:hover:not(:first-child):not(:last-child):not(.active):not(.disabled)::after {
  transition: transform 150ms cubic-bezier(.33, 0, .1, 1), opacity .1s cubic-bezier(.25, .25, .75, .75);
  transform: translate(-50%, 0);
  opacity: 100%
}

@media (prefers-reduced-motion:reduce) {
  .page-item:hover:not(:first-child):not(:last-child):not(.active):not(.disabled)::after {
    transition: none
  }
}

.page-item.disabled .page-link {
  color: #757575;
  pointer-events: none
}

.theme-dark .page-item.disabled .page-link {
  color: #d2d2d2
}

@media screen and (min-width:860px) {
  .pagination-segment-start.pagination-edge .ellipsis {
    display: none
  }
}

@media screen and (min-width:540px) and (max-width:860px) {

  .pagination-segment-start .page-item:nth-child(5),
  .pagination-segment-start .page-item:nth-child(6),
  .pagination-segment-start .page-item:nth-last-child(3):not(.ellipsis) {
    display: none
  }

  .pagination-segment-end .page-item:nth-last-child(5),
  .pagination-segment-end .page-item:nth-last-child(6) {
    display: none
  }

  .pagination-segment-middle .page-item.ellipsis-after,
  .pagination-segment-middle .page-item.ellipsis-before {
    display: none
  }
}

@media screen and (max-width:540px) {
  .page-item:not(.active):not(:first-child):not(:last-child) {
    display: none
  }
}

.popover-wrapper {
  position: relative
}

.popover {
  position: absolute;
  top: 0;
  z-index: 1000;
  display: none;
  font-size: 1rem;
  border: .0625rem solid #757575;
  border-radius: 0;
  box-shadow: 0 .375rem .875rem 0 rgba(0, 0, 0, .13), 0 .0625rem .25rem 0 rgba(0, 0, 0, .11);
  background-clip: padding-box;
  background-color: #fff;
  color: #000;
  max-width: 336px;
  word-wrap: break-word
}

.theme-dark .popover {
  border-color: #d2d2d2;
  background-color: #000;
  color: #fff
}

html:not([dir=rtl]) .popover {
  text-align: left;
  left: 0;
  right: auto
}

html[dir=rtl] .popover {
  text-align: right;
  left: auto;
  right: 0
}

.popover.show {
  display: block
}

@keyframes fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fade-out {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.popover.show.fade {
  animation: .15s linear fade-in
}

.popover.fading-out {
  display: block;
  animation: .15s linear fade-out
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #757575;
  direction: ltr;
  transform-origin: center
}

.popover .arrow::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  margin: .0625rem;
  background-color: #fff
}

.theme-dark .popover .arrow {
  background-color: #d2d2d2
}

.theme-dark .popover .arrow::after {
  background-color: #000
}

.popover .close {
  z-index: 1;
  position: absolute;
  padding: .625rem;
  outline-offset: -.375rem
}

html:not([dir=rtl]) .popover .close {
  right: 0
}

html[dir=rtl] .popover .close {
  left: 0
}

.popover.flyout-top .arrow {
  bottom: -.5625rem;
  transform: rotate(-135deg)
}

.popover.flyout-bottom .arrow {
  top: -.5625rem;
  transform: rotate(45deg)
}

.popover.flyout-right .arrow {
  left: -.5625rem;
  transform: rotate(-45deg)
}

.popover.flyout-left .arrow {
  right: -.5625rem;
  transform: rotate(135deg)
}

.popover-content {
  overflow: auto
}

.popover-header {
  padding: 1.5rem 2.5rem 0 2.5rem;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0
}

.popover-header:empty {
  display: none
}

.popover-header:not(:empty)+.popover-body {
  padding-top: .125rem
}

.popover-body {
  padding: 1.5rem 2.5rem
}

.popover-body :last-child {
  margin-bottom: 0
}

.progress {
  display: flex;
  min-height: .875rem;
  overflow: hidden;
  border-radius: .125rem;
  border-style: solid;
  border-width: .125rem;
  padding: .0625rem;
  background-color: #fff;
  border-color: #757575
}

.theme-dark .progress {
  background-color: #000;
  border-color: #d2d2d2
}

.progress-bar {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  outline: .125rem solid transparent;
  outline-offset: -.1875rem;
  transition: width .6s ease;
  background-color: #0067b8;
  color: #fff
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.theme-dark .progress-bar {
  background-color: #3aa0fa;
  color: #000
}

html:not([dir=rtl]) .progress-bar {
  margin-left: .0625rem
}

html[dir=rtl] .progress-bar {
  margin-right: .0625rem
}

html:not([dir=rtl]) .progress-bar:first-of-type {
  margin-left: 0
}

html[dir=rtl] .progress-bar:first-of-type {
  margin-right: 0
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: .5rem .5rem
}

.show-more-show-less .show-more-show-less-toggleable-content [tabindex="-1"]:focus-visible {
  outline: .1875rem dotted currentColor !important
}

.spinner {
  position: relative;
  width: 2.375rem;
  height: 2.375rem;
  padding: .35625rem
}

.spinner .spinner-dot {
  position: absolute;
  transform: rotate(225deg);
  animation: orbit 5.5s infinite;
  width: 1.6625rem;
  height: 1.6625rem
}

.spinner .spinner-dot::after {
  content: "";
  position: absolute;
  border-radius: 100%;
  width: .1875rem;
  height: .1875rem;
  border: #0067b8 .09375rem solid;
  background: #0067b8
}

.theme-dark .spinner .spinner-dot::after {
  background: #3aa0fa
}

.spinner .spinner-dot.spinner-dot-2 {
  animation-delay: 240ms
}

.spinner .spinner-dot.spinner-dot-3 {
  animation-delay: 480ms
}

.spinner .spinner-dot.spinner-dot-4 {
  animation-delay: 720ms
}

.spinner .spinner-dot.spinner-dot-5 {
  animation-delay: 960ms
}

.spinner.spinner-lg {
  width: 5.625rem;
  height: 5.625rem;
  padding: .84375rem
}

.spinner.spinner-lg .spinner-dot {
  width: 3.99375rem;
  height: 3.99375rem
}

.spinner.spinner-lg .spinner-dot::after {
  width: .375rem;
  height: .375rem;
  border-width: .1875rem
}

@media screen and (prefers-reduced-motion:reduce),
(update:slow) {

  .spinner-dot,
  .spinner-dot::after {
    display: none
  }

  .spinner>.sr-only {
    position: static;
    width: auto;
    height: auto;
    clip: auto;
    white-space: inherit
  }
}

@media screen and (min-width:1400px) and (-ms-high-contrast:active) {

  .bg-xl-transparent,
  .bg-xl-transparent-text-dark,
  .bg-xl-transparent-text-light {
    background-color: window !important;
    color: windowText !important
  }
}

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

.depth-4 {
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .13), 0 0 .0625rem 0 rgba(0, 0, 0, .11) !important
}

.depth-8 {
  box-shadow: 0 .1875rem .4375rem 0 rgba(0, 0, 0, .13), 0 .0625rem .125rem 0 rgba(0, 0, 0, .11) !important
}

.depth-16 {
  box-shadow: 0 .375rem .875rem 0 rgba(0, 0, 0, .13), 0 .0625rem .25rem 0 rgba(0, 0, 0, .11) !important
}

.depth-8-dark {
  box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .45), 0 .1875rem .4375rem rgba(0, 0, 0, .3) !important
}



.top-g {
  top: .75rem !important
}

.bottom-g {
  bottom: .75rem !important
}

html:not([dir=rtl]) .left-g {
  left: .75rem !important
}

html[dir=rtl] .left-g {
  right: .75rem !important
}

html:not([dir=rtl]) .right-g {
  right: .75rem !important
}

html[dir=rtl] .right-g {
  left: .75rem !important
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0
}

.sr-only-focusable:not(:active):not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.w-col-1 {
  width: 8.33333% !important
}

.w-col-2 {
  width: 16.66667% !important
}

.w-25,
.w-col-3 {
  width: 25% !important
}

.w-col-4 {
  width: 33.33333% !important
}

.w-col-5 {
  width: 41.66667% !important
}

.w-50,
.w-col-6 {
  width: 50% !important
}

.w-col-7 {
  width: 58.33333% !important
}

.w-col-8 {
  width: 66.66667% !important
}

.w-75,
.w-col-9 {
  width: 75% !important
}

.w-col-10 {
  width: 83.33333% !important
}

.w-col-11 {
  width: 91.66667% !important
}

.w-100,
.w-col-12 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

@media (min-width:540px) {
  .w-sm-col-1 {
    width: 8.33333% !important
  }

  .w-sm-col-2 {
    width: 16.66667% !important
  }

  .w-sm-25,
  .w-sm-col-3 {
    width: 25% !important
  }

  .w-sm-col-4 {
    width: 33.33333% !important
  }

  .w-sm-col-5 {
    width: 41.66667% !important
  }

  .w-sm-50,
  .w-sm-col-6 {
    width: 50% !important
  }

  .w-sm-col-7 {
    width: 58.33333% !important
  }

  .w-sm-col-8 {
    width: 66.66667% !important
  }

  .w-sm-75,
  .w-sm-col-9 {
    width: 75% !important
  }

  .w-sm-col-10 {
    width: 83.33333% !important
  }

  .w-sm-col-11 {
    width: 91.66667% !important
  }

  .w-sm-100,
  .w-sm-col-12 {
    width: 100% !important
  }

  .w-sm-auto {
    width: auto !important
  }
}

@media (min-width:860px) {
  .w-md-col-1 {
    width: 8.33333% !important
  }

  .w-md-col-2 {
    width: 16.66667% !important
  }

  .w-md-25,
  .w-md-col-3 {
    width: 25% !important
  }

  .w-md-col-4 {
    width: 33.33333% !important
  }

  .w-md-col-5 {
    width: 41.66667% !important
  }

  .w-md-50,
  .w-md-col-6 {
    width: 50% !important
  }

  .w-md-col-7 {
    width: 58.33333% !important
  }

  .w-md-col-8 {
    width: 66.66667% !important
  }

  .w-md-75,
  .w-md-col-9 {
    width: 75% !important
  }

  .w-md-col-10 {
    width: 83.33333% !important
  }

  .w-md-col-11 {
    width: 91.66667% !important
  }

  .w-md-100,
  .w-md-col-12 {
    width: 100% !important
  }

  .w-md-auto {
    width: auto !important
  }
}

@media (min-width:1084px) {
  .w-lg-col-1 {
    width: 8.33333% !important
  }

  .w-lg-col-2 {
    width: 16.66667% !important
  }

  .w-lg-25,
  .w-lg-col-3 {
    width: 25% !important
  }

  .w-lg-col-4 {
    width: 33.33333% !important
  }

  .w-lg-col-5 {
    width: 41.66667% !important
  }

  .w-lg-50,
  .w-lg-col-6 {
    width: 50% !important
  }

  .w-lg-col-7 {
    width: 58.33333% !important
  }

  .w-lg-col-8 {
    width: 66.66667% !important
  }

  .w-lg-75,
  .w-lg-col-9 {
    width: 75% !important
  }

  .w-lg-col-10 {
    width: 83.33333% !important
  }

  .w-lg-col-11 {
    width: 91.66667% !important
  }

  .w-lg-100,
  .w-lg-col-12 {
    width: 100% !important
  }

  .w-lg-auto {
    width: auto !important
  }
}

@media (min-width:1400px) {
  .w-xl-col-1 {
    width: 8.33333% !important
  }

  .w-xl-col-2 {
    width: 16.66667% !important
  }

  .w-xl-25,
  .w-xl-col-3 {
    width: 25% !important
  }

  .w-xl-col-4 {
    width: 33.33333% !important
  }

  .w-xl-col-5 {
    width: 41.66667% !important
  }

  .w-xl-50,
  .w-xl-col-6 {
    width: 50% !important
  }

  .w-xl-col-7 {
    width: 58.33333% !important
  }

  .w-xl-col-8 {
    width: 66.66667% !important
  }

  .w-xl-75,
  .w-xl-col-9 {
    width: 75% !important
  }

  .w-xl-col-10 {
    width: 83.33333% !important
  }

  .w-xl-col-11 {
    width: 91.66667% !important
  }

  .w-xl-100,
  .w-xl-col-12 {
    width: 100% !important
  }

  .w-xl-auto {
    width: auto !important
  }
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.vw-100 {
  width: 100vw !important
}

.vh-100 {
  height: 100vh !important
}

.mw-fit-content {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important
}

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

html:not([dir=rtl]) .mr-0,
html:not([dir=rtl]) .mx-0 {
  margin-right: 0 !important
}

html[dir=rtl] .mr-0,
html[dir=rtl] .mx-0 {
  margin-left: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

html:not([dir=rtl]) .ml-0,
html:not([dir=rtl]) .mx-0 {
  margin-left: 0 !important
}

html[dir=rtl] .ml-0,
html[dir=rtl] .mx-0 {
  margin-right: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1,
.my-1 {
  margin-top: .25rem !important
}

html:not([dir=rtl]) .mr-1,
html:not([dir=rtl]) .mx-1 {
  margin-right: .25rem !important
}

html[dir=rtl] .mr-1,
html[dir=rtl] .mx-1 {
  margin-left: .25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

html:not([dir=rtl]) .ml-1,
html:not([dir=rtl]) .mx-1 {
  margin-left: .25rem !important
}

html[dir=rtl] .ml-1,
html[dir=rtl] .mx-1 {
  margin-right: .25rem !important
}

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

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

html:not([dir=rtl]) .mr-2,
html:not([dir=rtl]) .mx-2 {
  margin-right: .5rem !important
}

html[dir=rtl] .mr-2,
html[dir=rtl] .mx-2 {
  margin-left: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

html:not([dir=rtl]) .ml-2,
html:not([dir=rtl]) .mx-2 {
  margin-left: .5rem !important
}

html[dir=rtl] .ml-2,
html[dir=rtl] .mx-2 {
  margin-right: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.mt-3,
.my-3 {
  margin-top: 1rem !important
}

html:not([dir=rtl]) .mr-3,
html:not([dir=rtl]) .mx-3 {
  margin-right: 1rem !important
}

html[dir=rtl] .mr-3,
html[dir=rtl] .mx-3 {
  margin-left: 1rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important
}

html:not([dir=rtl]) .ml-3,
html:not([dir=rtl]) .mx-3 {
  margin-left: 1rem !important
}

html[dir=rtl] .ml-3,
html[dir=rtl] .mx-3 {
  margin-right: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important
}

html:not([dir=rtl]) .mr-4,
html:not([dir=rtl]) .mx-4 {
  margin-right: 1.5rem !important
}

html[dir=rtl] .mr-4,
html[dir=rtl] .mx-4 {
  margin-left: 1.5rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important
}

html:not([dir=rtl]) .ml-4,
html:not([dir=rtl]) .mx-4 {
  margin-left: 1.5rem !important
}

html[dir=rtl] .ml-4,
html[dir=rtl] .mx-4 {
  margin-right: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.mt-5,
.my-5 {
  margin-top: 3rem !important
}

html:not([dir=rtl]) .mr-5,
html:not([dir=rtl]) .mx-5 {
  margin-right: 3rem !important
}

html[dir=rtl] .mr-5,
html[dir=rtl] .mx-5 {
  margin-left: 3rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important
}

html:not([dir=rtl]) .ml-5,
html:not([dir=rtl]) .mx-5 {
  margin-left: 3rem !important
}

html[dir=rtl] .ml-5,
html[dir=rtl] .mx-5 {
  margin-right: 3rem !important
}

.m-g {
  margin: .75rem !important
}

.mt-g,
.my-g {
  margin-top: .75rem !important
}

html:not([dir=rtl]) .mr-g,
html:not([dir=rtl]) .mx-g {
  margin-right: .75rem !important
}

html[dir=rtl] .mr-g,
html[dir=rtl] .mx-g {
  margin-left: .75rem !important
}

.mb-g,
.my-g {
  margin-bottom: .75rem !important
}

html:not([dir=rtl]) .ml-g,
html:not([dir=rtl]) .mx-g {
  margin-left: .75rem !important
}

html[dir=rtl] .ml-g,
html[dir=rtl] .mx-g {
  margin-right: .75rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

html:not([dir=rtl]) .pr-0,
html:not([dir=rtl]) .px-0 {
  padding-right: 0 !important
}

html[dir=rtl] .pr-0,
html[dir=rtl] .px-0 {
  padding-left: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

html:not([dir=rtl]) .pl-0,
html:not([dir=rtl]) .px-0 {
  padding-left: 0 !important
}

html[dir=rtl] .pl-0,
html[dir=rtl] .px-0 {
  padding-right: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

html:not([dir=rtl]) .pr-1,
html:not([dir=rtl]) .px-1 {
  padding-right: .25rem !important
}

html[dir=rtl] .pr-1,
html[dir=rtl] .px-1 {
  padding-left: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

html:not([dir=rtl]) .pl-1,
html:not([dir=rtl]) .px-1 {
  padding-left: .25rem !important
}

html[dir=rtl] .pl-1,
html[dir=rtl] .px-1 {
  padding-right: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

html:not([dir=rtl]) .pr-2,
html:not([dir=rtl]) .px-2 {
  padding-right: .5rem !important
}

html[dir=rtl] .pr-2,
html[dir=rtl] .px-2 {
  padding-left: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

html:not([dir=rtl]) .pl-2,
html:not([dir=rtl]) .px-2 {
  padding-left: .5rem !important
}

html[dir=rtl] .pl-2,
html[dir=rtl] .px-2 {
  padding-right: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3,
.py-3 {
  padding-top: 1rem !important
}

html:not([dir=rtl]) .pr-3,
html:not([dir=rtl]) .px-3 {
  padding-right: 1rem !important
}

html[dir=rtl] .pr-3,
html[dir=rtl] .px-3 {
  padding-left: 1rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important
}

html:not([dir=rtl]) .pl-3,
html:not([dir=rtl]) .px-3 {
  padding-left: 1rem !important
}

html[dir=rtl] .pl-3,
html[dir=rtl] .px-3 {
  padding-right: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important
}

html:not([dir=rtl]) .pr-4,
html:not([dir=rtl]) .px-4 {
  padding-right: 1.5rem !important
}

html[dir=rtl] .pr-4,
html[dir=rtl] .px-4 {
  padding-left: 1.5rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important
}

html:not([dir=rtl]) .pl-4,
html:not([dir=rtl]) .px-4 {
  padding-left: 1.5rem !important
}

html[dir=rtl] .pl-4,
html[dir=rtl] .px-4 {
  padding-right: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.pt-5,
.py-5 {
  padding-top: 3rem !important
}

html:not([dir=rtl]) .pr-5,
html:not([dir=rtl]) .px-5 {
  padding-right: 3rem !important
}

html[dir=rtl] .pr-5,
html[dir=rtl] .px-5 {
  padding-left: 3rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important
}

html:not([dir=rtl]) .pl-5,
html:not([dir=rtl]) .px-5 {
  padding-left: 3rem !important
}

html[dir=rtl] .pl-5,
html[dir=rtl] .px-5 {
  padding-right: 3rem !important
}

.p-g {
  padding: .75rem !important
}

.pt-g,
.py-g {
  padding-top: .75rem !important
}

html:not([dir=rtl]) .pr-g,
html:not([dir=rtl]) .px-g {
  padding-right: .75rem !important
}

html[dir=rtl] .pr-g,
html[dir=rtl] .px-g {
  padding-left: .75rem !important
}

.pb-g,
.py-g {
  padding-bottom: .75rem !important
}

html:not([dir=rtl]) .pl-g,
html:not([dir=rtl]) .px-g {
  padding-left: .75rem !important
}

html[dir=rtl] .pl-g,
html[dir=rtl] .px-g {
  padding-right: .75rem !important
}

.m-n1 {
  margin: -.25rem !important
}

.mt-n1,
.my-n1 {
  margin-top: -.25rem !important
}

html:not([dir=rtl]) .mr-n1,
html:not([dir=rtl]) .mx-n1 {
  margin-right: -.25rem !important
}

html[dir=rtl] .mr-n1,
html[dir=rtl] .mx-n1 {
  margin-left: -.25rem !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important
}

html:not([dir=rtl]) .ml-n1,
html:not([dir=rtl]) .mx-n1 {
  margin-left: -.25rem !important
}

html[dir=rtl] .ml-n1,
html[dir=rtl] .mx-n1 {
  margin-right: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

.mt-n2,
.my-n2 {
  margin-top: -.5rem !important
}

html:not([dir=rtl]) .mr-n2,
html:not([dir=rtl]) .mx-n2 {
  margin-right: -.5rem !important
}

html[dir=rtl] .mr-n2,
html[dir=rtl] .mx-n2 {
  margin-left: -.5rem !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important
}

html:not([dir=rtl]) .ml-n2,
html:not([dir=rtl]) .mx-n2 {
  margin-left: -.5rem !important
}

html[dir=rtl] .ml-n2,
html[dir=rtl] .mx-n2 {
  margin-right: -.5rem !important
}

.m-n3 {
  margin: -1rem !important
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important
}

html:not([dir=rtl]) .mr-n3,
html:not([dir=rtl]) .mx-n3 {
  margin-right: -1rem !important
}

html[dir=rtl] .mr-n3,
html[dir=rtl] .mx-n3 {
  margin-left: -1rem !important
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important
}

html:not([dir=rtl]) .ml-n3,
html:not([dir=rtl]) .mx-n3 {
  margin-left: -1rem !important
}

html[dir=rtl] .ml-n3,
html[dir=rtl] .mx-n3 {
  margin-right: -1rem !important
}

.m-n4 {
  margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important
}

html:not([dir=rtl]) .mr-n4,
html:not([dir=rtl]) .mx-n4 {
  margin-right: -1.5rem !important
}

html[dir=rtl] .mr-n4,
html[dir=rtl] .mx-n4 {
  margin-left: -1.5rem !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important
}

html:not([dir=rtl]) .ml-n4,
html:not([dir=rtl]) .mx-n4 {
  margin-left: -1.5rem !important
}

html[dir=rtl] .ml-n4,
html[dir=rtl] .mx-n4 {
  margin-right: -1.5rem !important
}

.m-n5 {
  margin: -3rem !important
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important
}

html:not([dir=rtl]) .mr-n5,
html:not([dir=rtl]) .mx-n5 {
  margin-right: -3rem !important
}

html[dir=rtl] .mr-n5,
html[dir=rtl] .mx-n5 {
  margin-left: -3rem !important
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important
}

html:not([dir=rtl]) .ml-n5,
html:not([dir=rtl]) .mx-n5 {
  margin-left: -3rem !important
}

html[dir=rtl] .ml-n5,
html[dir=rtl] .mx-n5 {
  margin-right: -3rem !important
}

.m-ng {
  margin: -.75rem !important
}

.mt-ng,
.my-ng {
  margin-top: -.75rem !important
}

html:not([dir=rtl]) .mr-ng,
html:not([dir=rtl]) .mx-ng {
  margin-right: -.75rem !important
}

html[dir=rtl] .mr-ng,
html[dir=rtl] .mx-ng {
  margin-left: -.75rem !important
}

.mb-ng,
.my-ng {
  margin-bottom: -.75rem !important
}

html:not([dir=rtl]) .ml-ng,
html:not([dir=rtl]) .mx-ng {
  margin-left: -.75rem !important
}

html[dir=rtl] .ml-ng,
html[dir=rtl] .mx-ng {
  margin-right: -.75rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

html:not([dir=rtl]) .mr-auto,
html:not([dir=rtl]) .mx-auto {
  margin-right: auto !important
}

html[dir=rtl] .mr-auto,
html[dir=rtl] .mx-auto {
  margin-left: auto !important
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important
}

html:not([dir=rtl]) .ml-auto,
html:not([dir=rtl]) .mx-auto {
  margin-left: auto !important
}

html[dir=rtl] .ml-auto,
html[dir=rtl] .mx-auto {
  margin-right: auto !important
}

.mb-0-last-child>:last-child {
  margin-bottom: 0 !important
}

@media (min-width:540px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important
  }

  html:not([dir=rtl]) .mr-sm-0,
  html:not([dir=rtl]) .mx-sm-0 {
    margin-right: 0 !important
  }

  html[dir=rtl] .mr-sm-0,
  html[dir=rtl] .mx-sm-0 {
    margin-left: 0 !important
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important
  }

  html:not([dir=rtl]) .ml-sm-0,
  html:not([dir=rtl]) .mx-sm-0 {
    margin-left: 0 !important
  }

  html[dir=rtl] .ml-sm-0,
  html[dir=rtl] .mx-sm-0 {
    margin-right: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: .25rem !important
  }

  html:not([dir=rtl]) .mr-sm-1,
  html:not([dir=rtl]) .mx-sm-1 {
    margin-right: .25rem !important
  }

  html[dir=rtl] .mr-sm-1,
  html[dir=rtl] .mx-sm-1 {
    margin-left: .25rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .25rem !important
  }

  html:not([dir=rtl]) .ml-sm-1,
  html:not([dir=rtl]) .mx-sm-1 {
    margin-left: .25rem !important
  }

  html[dir=rtl] .ml-sm-1,
  html[dir=rtl] .mx-sm-1 {
    margin-right: .25rem !important
  }

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

  .mt-sm-2,
  .my-sm-2 {
    margin-top: .5rem !important
  }

  html:not([dir=rtl]) .mr-sm-2,
  html:not([dir=rtl]) .mx-sm-2 {
    margin-right: .5rem !important
  }

  html[dir=rtl] .mr-sm-2,
  html[dir=rtl] .mx-sm-2 {
    margin-left: .5rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: .5rem !important
  }

  html:not([dir=rtl]) .ml-sm-2,
  html:not([dir=rtl]) .mx-sm-2 {
    margin-left: .5rem !important
  }

  html[dir=rtl] .ml-sm-2,
  html[dir=rtl] .mx-sm-2 {
    margin-right: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important
  }

  html:not([dir=rtl]) .mr-sm-3,
  html:not([dir=rtl]) .mx-sm-3 {
    margin-right: 1rem !important
  }

  html[dir=rtl] .mr-sm-3,
  html[dir=rtl] .mx-sm-3 {
    margin-left: 1rem !important
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important
  }

  html:not([dir=rtl]) .ml-sm-3,
  html:not([dir=rtl]) .mx-sm-3 {
    margin-left: 1rem !important
  }

  html[dir=rtl] .ml-sm-3,
  html[dir=rtl] .mx-sm-3 {
    margin-right: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important
  }

  html:not([dir=rtl]) .mr-sm-4,
  html:not([dir=rtl]) .mx-sm-4 {
    margin-right: 1.5rem !important
  }

  html[dir=rtl] .mr-sm-4,
  html[dir=rtl] .mx-sm-4 {
    margin-left: 1.5rem !important
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important
  }

  html:not([dir=rtl]) .ml-sm-4,
  html:not([dir=rtl]) .mx-sm-4 {
    margin-left: 1.5rem !important
  }

  html[dir=rtl] .ml-sm-4,
  html[dir=rtl] .mx-sm-4 {
    margin-right: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important
  }

  html:not([dir=rtl]) .mr-sm-5,
  html:not([dir=rtl]) .mx-sm-5 {
    margin-right: 3rem !important
  }

  html[dir=rtl] .mr-sm-5,
  html[dir=rtl] .mx-sm-5 {
    margin-left: 3rem !important
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important
  }

  html:not([dir=rtl]) .ml-sm-5,
  html:not([dir=rtl]) .mx-sm-5 {
    margin-left: 3rem !important
  }

  html[dir=rtl] .ml-sm-5,
  html[dir=rtl] .mx-sm-5 {
    margin-right: 3rem !important
  }

  .m-sm-g {
    margin: .75rem !important
  }

  .mt-sm-g,
  .my-sm-g {
    margin-top: .75rem !important
  }

  html:not([dir=rtl]) .mr-sm-g,
  html:not([dir=rtl]) .mx-sm-g {
    margin-right: .75rem !important
  }

  html[dir=rtl] .mr-sm-g,
  html[dir=rtl] .mx-sm-g {
    margin-left: .75rem !important
  }

  .mb-sm-g,
  .my-sm-g {
    margin-bottom: .75rem !important
  }

  html:not([dir=rtl]) .ml-sm-g,
  html:not([dir=rtl]) .mx-sm-g {
    margin-left: .75rem !important
  }

  html[dir=rtl] .ml-sm-g,
  html[dir=rtl] .mx-sm-g {
    margin-right: .75rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important
  }

  html:not([dir=rtl]) .pr-sm-0,
  html:not([dir=rtl]) .px-sm-0 {
    padding-right: 0 !important
  }

  html[dir=rtl] .pr-sm-0,
  html[dir=rtl] .px-sm-0 {
    padding-left: 0 !important
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important
  }

  html:not([dir=rtl]) .pl-sm-0,
  html:not([dir=rtl]) .px-sm-0 {
    padding-left: 0 !important
  }

  html[dir=rtl] .pl-sm-0,
  html[dir=rtl] .px-sm-0 {
    padding-right: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: .25rem !important
  }

  html:not([dir=rtl]) .pr-sm-1,
  html:not([dir=rtl]) .px-sm-1 {
    padding-right: .25rem !important
  }

  html[dir=rtl] .pr-sm-1,
  html[dir=rtl] .px-sm-1 {
    padding-left: .25rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .25rem !important
  }

  html:not([dir=rtl]) .pl-sm-1,
  html:not([dir=rtl]) .px-sm-1 {
    padding-left: .25rem !important
  }

  html[dir=rtl] .pl-sm-1,
  html[dir=rtl] .px-sm-1 {
    padding-right: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: .5rem !important
  }

  html:not([dir=rtl]) .pr-sm-2,
  html:not([dir=rtl]) .px-sm-2 {
    padding-right: .5rem !important
  }

  html[dir=rtl] .pr-sm-2,
  html[dir=rtl] .px-sm-2 {
    padding-left: .5rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: .5rem !important
  }

  html:not([dir=rtl]) .pl-sm-2,
  html:not([dir=rtl]) .px-sm-2 {
    padding-left: .5rem !important
  }

  html[dir=rtl] .pl-sm-2,
  html[dir=rtl] .px-sm-2 {
    padding-right: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important
  }

  html:not([dir=rtl]) .pr-sm-3,
  html:not([dir=rtl]) .px-sm-3 {
    padding-right: 1rem !important
  }

  html[dir=rtl] .pr-sm-3,
  html[dir=rtl] .px-sm-3 {
    padding-left: 1rem !important
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important
  }

  html:not([dir=rtl]) .pl-sm-3,
  html:not([dir=rtl]) .px-sm-3 {
    padding-left: 1rem !important
  }

  html[dir=rtl] .pl-sm-3,
  html[dir=rtl] .px-sm-3 {
    padding-right: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important
  }

  html:not([dir=rtl]) .pr-sm-4,
  html:not([dir=rtl]) .px-sm-4 {
    padding-right: 1.5rem !important
  }

  html[dir=rtl] .pr-sm-4,
  html[dir=rtl] .px-sm-4 {
    padding-left: 1.5rem !important
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important
  }

  html:not([dir=rtl]) .pl-sm-4,
  html:not([dir=rtl]) .px-sm-4 {
    padding-left: 1.5rem !important
  }

  html[dir=rtl] .pl-sm-4,
  html[dir=rtl] .px-sm-4 {
    padding-right: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important
  }

  html:not([dir=rtl]) .pr-sm-5,
  html:not([dir=rtl]) .px-sm-5 {
    padding-right: 3rem !important
  }

  html[dir=rtl] .pr-sm-5,
  html[dir=rtl] .px-sm-5 {
    padding-left: 3rem !important
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important
  }

  html:not([dir=rtl]) .pl-sm-5,
  html:not([dir=rtl]) .px-sm-5 {
    padding-left: 3rem !important
  }

  html[dir=rtl] .pl-sm-5,
  html[dir=rtl] .px-sm-5 {
    padding-right: 3rem !important
  }

  .p-sm-g {
    padding: .75rem !important
  }

  .pt-sm-g,
  .py-sm-g {
    padding-top: .75rem !important
  }

  html:not([dir=rtl]) .pr-sm-g,
  html:not([dir=rtl]) .px-sm-g {
    padding-right: .75rem !important
  }

  html[dir=rtl] .pr-sm-g,
  html[dir=rtl] .px-sm-g {
    padding-left: .75rem !important
  }

  .pb-sm-g,
  .py-sm-g {
    padding-bottom: .75rem !important
  }

  html:not([dir=rtl]) .pl-sm-g,
  html:not([dir=rtl]) .px-sm-g {
    padding-left: .75rem !important
  }

  html[dir=rtl] .pl-sm-g,
  html[dir=rtl] .px-sm-g {
    padding-right: .75rem !important
  }

  .m-sm-n1 {
    margin: -.25rem !important
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -.25rem !important
  }

  html:not([dir=rtl]) .mr-sm-n1,
  html:not([dir=rtl]) .mx-sm-n1 {
    margin-right: -.25rem !important
  }

  html[dir=rtl] .mr-sm-n1,
  html[dir=rtl] .mx-sm-n1 {
    margin-left: -.25rem !important
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -.25rem !important
  }

  html:not([dir=rtl]) .ml-sm-n1,
  html:not([dir=rtl]) .mx-sm-n1 {
    margin-left: -.25rem !important
  }

  html[dir=rtl] .ml-sm-n1,
  html[dir=rtl] .mx-sm-n1 {
    margin-right: -.25rem !important
  }

  .m-sm-n2 {
    margin: -.5rem !important
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -.5rem !important
  }

  html:not([dir=rtl]) .mr-sm-n2,
  html:not([dir=rtl]) .mx-sm-n2 {
    margin-right: -.5rem !important
  }

  html[dir=rtl] .mr-sm-n2,
  html[dir=rtl] .mx-sm-n2 {
    margin-left: -.5rem !important
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -.5rem !important
  }

  html:not([dir=rtl]) .ml-sm-n2,
  html:not([dir=rtl]) .mx-sm-n2 {
    margin-left: -.5rem !important
  }

  html[dir=rtl] .ml-sm-n2,
  html[dir=rtl] .mx-sm-n2 {
    margin-right: -.5rem !important
  }

  .m-sm-n3 {
    margin: -1rem !important
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important
  }

  html:not([dir=rtl]) .mr-sm-n3,
  html:not([dir=rtl]) .mx-sm-n3 {
    margin-right: -1rem !important
  }

  html[dir=rtl] .mr-sm-n3,
  html[dir=rtl] .mx-sm-n3 {
    margin-left: -1rem !important
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important
  }

  html:not([dir=rtl]) .ml-sm-n3,
  html:not([dir=rtl]) .mx-sm-n3 {
    margin-left: -1rem !important
  }

  html[dir=rtl] .ml-sm-n3,
  html[dir=rtl] .mx-sm-n3 {
    margin-right: -1rem !important
  }

  .m-sm-n4 {
    margin: -1.5rem !important
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important
  }

  html:not([dir=rtl]) .mr-sm-n4,
  html:not([dir=rtl]) .mx-sm-n4 {
    margin-right: -1.5rem !important
  }

  html[dir=rtl] .mr-sm-n4,
  html[dir=rtl] .mx-sm-n4 {
    margin-left: -1.5rem !important
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important
  }

  html:not([dir=rtl]) .ml-sm-n4,
  html:not([dir=rtl]) .mx-sm-n4 {
    margin-left: -1.5rem !important
  }

  html[dir=rtl] .ml-sm-n4,
  html[dir=rtl] .mx-sm-n4 {
    margin-right: -1.5rem !important
  }

  .m-sm-n5 {
    margin: -3rem !important
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important
  }

  html:not([dir=rtl]) .mr-sm-n5,
  html:not([dir=rtl]) .mx-sm-n5 {
    margin-right: -3rem !important
  }

  html[dir=rtl] .mr-sm-n5,
  html[dir=rtl] .mx-sm-n5 {
    margin-left: -3rem !important
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important
  }

  html:not([dir=rtl]) .ml-sm-n5,
  html:not([dir=rtl]) .mx-sm-n5 {
    margin-left: -3rem !important
  }

  html[dir=rtl] .ml-sm-n5,
  html[dir=rtl] .mx-sm-n5 {
    margin-right: -3rem !important
  }

  .m-sm-ng {
    margin: -.75rem !important
  }

  .mt-sm-ng,
  .my-sm-ng {
    margin-top: -.75rem !important
  }

  html:not([dir=rtl]) .mr-sm-ng,
  html:not([dir=rtl]) .mx-sm-ng {
    margin-right: -.75rem !important
  }

  html[dir=rtl] .mr-sm-ng,
  html[dir=rtl] .mx-sm-ng {
    margin-left: -.75rem !important
  }

  .mb-sm-ng,
  .my-sm-ng {
    margin-bottom: -.75rem !important
  }

  html:not([dir=rtl]) .ml-sm-ng,
  html:not([dir=rtl]) .mx-sm-ng {
    margin-left: -.75rem !important
  }

  html[dir=rtl] .ml-sm-ng,
  html[dir=rtl] .mx-sm-ng {
    margin-right: -.75rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important
  }

  html:not([dir=rtl]) .mr-sm-auto,
  html:not([dir=rtl]) .mx-sm-auto {
    margin-right: auto !important
  }

  html[dir=rtl] .mr-sm-auto,
  html[dir=rtl] .mx-sm-auto {
    margin-left: auto !important
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important
  }

  html:not([dir=rtl]) .ml-sm-auto,
  html:not([dir=rtl]) .mx-sm-auto {
    margin-left: auto !important
  }

  html[dir=rtl] .ml-sm-auto,
  html[dir=rtl] .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0-last-child>:last-child {
    margin-bottom: 0 !important
  }
}

@media (min-width:860px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important
  }

  html:not([dir=rtl]) .mr-md-0,
  html:not([dir=rtl]) .mx-md-0 {
    margin-right: 0 !important
  }

  html[dir=rtl] .mr-md-0,
  html[dir=rtl] .mx-md-0 {
    margin-left: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important
  }

  html:not([dir=rtl]) .ml-md-0,
  html:not([dir=rtl]) .mx-md-0 {
    margin-left: 0 !important
  }

  html[dir=rtl] .ml-md-0,
  html[dir=rtl] .mx-md-0 {
    margin-right: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: .25rem !important
  }

  html:not([dir=rtl]) .mr-md-1,
  html:not([dir=rtl]) .mx-md-1 {
    margin-right: .25rem !important
  }

  html[dir=rtl] .mr-md-1,
  html[dir=rtl] .mx-md-1 {
    margin-left: .25rem !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: .25rem !important
  }

  html:not([dir=rtl]) .ml-md-1,
  html:not([dir=rtl]) .mx-md-1 {
    margin-left: .25rem !important
  }

  html[dir=rtl] .ml-md-1,
  html[dir=rtl] .mx-md-1 {
    margin-right: .25rem !important
  }

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

  .mt-md-2,
  .my-md-2 {
    margin-top: .5rem !important
  }

  html:not([dir=rtl]) .mr-md-2,
  html:not([dir=rtl]) .mx-md-2 {
    margin-right: .5rem !important
  }

  html[dir=rtl] .mr-md-2,
  html[dir=rtl] .mx-md-2 {
    margin-left: .5rem !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: .5rem !important
  }

  html:not([dir=rtl]) .ml-md-2,
  html:not([dir=rtl]) .mx-md-2 {
    margin-left: .5rem !important
  }

  html[dir=rtl] .ml-md-2,
  html[dir=rtl] .mx-md-2 {
    margin-right: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important
  }

  html:not([dir=rtl]) .mr-md-3,
  html:not([dir=rtl]) .mx-md-3 {
    margin-right: 1rem !important
  }

  html[dir=rtl] .mr-md-3,
  html[dir=rtl] .mx-md-3 {
    margin-left: 1rem !important
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important
  }

  html:not([dir=rtl]) .ml-md-3,
  html:not([dir=rtl]) .mx-md-3 {
    margin-left: 1rem !important
  }

  html[dir=rtl] .ml-md-3,
  html[dir=rtl] .mx-md-3 {
    margin-right: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important
  }

  html:not([dir=rtl]) .mr-md-4,
  html:not([dir=rtl]) .mx-md-4 {
    margin-right: 1.5rem !important
  }

  html[dir=rtl] .mr-md-4,
  html[dir=rtl] .mx-md-4 {
    margin-left: 1.5rem !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important
  }

  html:not([dir=rtl]) .ml-md-4,
  html:not([dir=rtl]) .mx-md-4 {
    margin-left: 1.5rem !important
  }

  html[dir=rtl] .ml-md-4,
  html[dir=rtl] .mx-md-4 {
    margin-right: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important
  }

  html:not([dir=rtl]) .mr-md-5,
  html:not([dir=rtl]) .mx-md-5 {
    margin-right: 3rem !important
  }

  html[dir=rtl] .mr-md-5,
  html[dir=rtl] .mx-md-5 {
    margin-left: 3rem !important
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important
  }

  html:not([dir=rtl]) .ml-md-5,
  html:not([dir=rtl]) .mx-md-5 {
    margin-left: 3rem !important
  }

  html[dir=rtl] .ml-md-5,
  html[dir=rtl] .mx-md-5 {
    margin-right: 3rem !important
  }

  .m-md-g {
    margin: .75rem !important
  }

  .mt-md-g,
  .my-md-g {
    margin-top: .75rem !important
  }

  html:not([dir=rtl]) .mr-md-g,
  html:not([dir=rtl]) .mx-md-g {
    margin-right: .75rem !important
  }

  html[dir=rtl] .mr-md-g,
  html[dir=rtl] .mx-md-g {
    margin-left: .75rem !important
  }

  .mb-md-g,
  .my-md-g {
    margin-bottom: .75rem !important
  }

  html:not([dir=rtl]) .ml-md-g,
  html:not([dir=rtl]) .mx-md-g {
    margin-left: .75rem !important
  }

  html[dir=rtl] .ml-md-g,
  html[dir=rtl] .mx-md-g {
    margin-right: .75rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important
  }

  html:not([dir=rtl]) .pr-md-0,
  html:not([dir=rtl]) .px-md-0 {
    padding-right: 0 !important
  }

  html[dir=rtl] .pr-md-0,
  html[dir=rtl] .px-md-0 {
    padding-left: 0 !important
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important
  }

  html:not([dir=rtl]) .pl-md-0,
  html:not([dir=rtl]) .px-md-0 {
    padding-left: 0 !important
  }

  html[dir=rtl] .pl-md-0,
  html[dir=rtl] .px-md-0 {
    padding-right: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: .25rem !important
  }

  html:not([dir=rtl]) .pr-md-1,
  html:not([dir=rtl]) .px-md-1 {
    padding-right: .25rem !important
  }

  html[dir=rtl] .pr-md-1,
  html[dir=rtl] .px-md-1 {
    padding-left: .25rem !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem !important
  }

  html:not([dir=rtl]) .pl-md-1,
  html:not([dir=rtl]) .px-md-1 {
    padding-left: .25rem !important
  }

  html[dir=rtl] .pl-md-1,
  html[dir=rtl] .px-md-1 {
    padding-right: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: .5rem !important
  }

  html:not([dir=rtl]) .pr-md-2,
  html:not([dir=rtl]) .px-md-2 {
    padding-right: .5rem !important
  }

  html[dir=rtl] .pr-md-2,
  html[dir=rtl] .px-md-2 {
    padding-left: .5rem !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem !important
  }

  html:not([dir=rtl]) .pl-md-2,
  html:not([dir=rtl]) .px-md-2 {
    padding-left: .5rem !important
  }

  html[dir=rtl] .pl-md-2,
  html[dir=rtl] .px-md-2 {
    padding-right: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important
  }

  html:not([dir=rtl]) .pr-md-3,
  html:not([dir=rtl]) .px-md-3 {
    padding-right: 1rem !important
  }

  html[dir=rtl] .pr-md-3,
  html[dir=rtl] .px-md-3 {
    padding-left: 1rem !important
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important
  }

  html:not([dir=rtl]) .pl-md-3,
  html:not([dir=rtl]) .px-md-3 {
    padding-left: 1rem !important
  }

  html[dir=rtl] .pl-md-3,
  html[dir=rtl] .px-md-3 {
    padding-right: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important
  }

  html:not([dir=rtl]) .pr-md-4,
  html:not([dir=rtl]) .px-md-4 {
    padding-right: 1.5rem !important
  }

  html[dir=rtl] .pr-md-4,
  html[dir=rtl] .px-md-4 {
    padding-left: 1.5rem !important
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important
  }

  html:not([dir=rtl]) .pl-md-4,
  html:not([dir=rtl]) .px-md-4 {
    padding-left: 1.5rem !important
  }

  html[dir=rtl] .pl-md-4,
  html[dir=rtl] .px-md-4 {
    padding-right: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important
  }

  html:not([dir=rtl]) .pr-md-5,
  html:not([dir=rtl]) .px-md-5 {
    padding-right: 3rem !important
  }

  html[dir=rtl] .pr-md-5,
  html[dir=rtl] .px-md-5 {
    padding-left: 3rem !important
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important
  }

  html:not([dir=rtl]) .pl-md-5,
  html:not([dir=rtl]) .px-md-5 {
    padding-left: 3rem !important
  }

  html[dir=rtl] .pl-md-5,
  html[dir=rtl] .px-md-5 {
    padding-right: 3rem !important
  }

  .p-md-g {
    padding: .75rem !important
  }

  .pt-md-g,
  .py-md-g {
    padding-top: .75rem !important
  }

  html:not([dir=rtl]) .pr-md-g,
  html:not([dir=rtl]) .px-md-g {
    padding-right: .75rem !important
  }

  html[dir=rtl] .pr-md-g,
  html[dir=rtl] .px-md-g {
    padding-left: .75rem !important
  }

  .pb-md-g,
  .py-md-g {
    padding-bottom: .75rem !important
  }

  html:not([dir=rtl]) .pl-md-g,
  html:not([dir=rtl]) .px-md-g {
    padding-left: .75rem !important
  }

  html[dir=rtl] .pl-md-g,
  html[dir=rtl] .px-md-g {
    padding-right: .75rem !important
  }

  .m-md-n1 {
    margin: -.25rem !important
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -.25rem !important
  }

  html:not([dir=rtl]) .mr-md-n1,
  html:not([dir=rtl]) .mx-md-n1 {
    margin-right: -.25rem !important
  }

  html[dir=rtl] .mr-md-n1,
  html[dir=rtl] .mx-md-n1 {
    margin-left: -.25rem !important
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -.25rem !important
  }

  html:not([dir=rtl]) .ml-md-n1,
  html:not([dir=rtl]) .mx-md-n1 {
    margin-left: -.25rem !important
  }

  html[dir=rtl] .ml-md-n1,
  html[dir=rtl] .mx-md-n1 {
    margin-right: -.25rem !important
  }

  .m-md-n2 {
    margin: -.5rem !important
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -.5rem !important
  }

  html:not([dir=rtl]) .mr-md-n2,
  html:not([dir=rtl]) .mx-md-n2 {
    margin-right: -.5rem !important
  }

  html[dir=rtl] .mr-md-n2,
  html[dir=rtl] .mx-md-n2 {
    margin-left: -.5rem !important
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -.5rem !important
  }

  html:not([dir=rtl]) .ml-md-n2,
  html:not([dir=rtl]) .mx-md-n2 {
    margin-left: -.5rem !important
  }

  html[dir=rtl] .ml-md-n2,
  html[dir=rtl] .mx-md-n2 {
    margin-right: -.5rem !important
  }

  .m-md-n3 {
    margin: -1rem !important
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important
  }

  html:not([dir=rtl]) .mr-md-n3,
  html:not([dir=rtl]) .mx-md-n3 {
    margin-right: -1rem !important
  }

  html[dir=rtl] .mr-md-n3,
  html[dir=rtl] .mx-md-n3 {
    margin-left: -1rem !important
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important
  }

  html:not([dir=rtl]) .ml-md-n3,
  html:not([dir=rtl]) .mx-md-n3 {
    margin-left: -1rem !important
  }

  html[dir=rtl] .ml-md-n3,
  html[dir=rtl] .mx-md-n3 {
    margin-right: -1rem !important
  }

  .m-md-n4 {
    margin: -1.5rem !important
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important
  }

  html:not([dir=rtl]) .mr-md-n4,
  html:not([dir=rtl]) .mx-md-n4 {
    margin-right: -1.5rem !important
  }

  html[dir=rtl] .mr-md-n4,
  html[dir=rtl] .mx-md-n4 {
    margin-left: -1.5rem !important
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important
  }

  html:not([dir=rtl]) .ml-md-n4,
  html:not([dir=rtl]) .mx-md-n4 {
    margin-left: -1.5rem !important
  }

  html[dir=rtl] .ml-md-n4,
  html[dir=rtl] .mx-md-n4 {
    margin-right: -1.5rem !important
  }

  .m-md-n5 {
    margin: -3rem !important
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important
  }

  html:not([dir=rtl]) .mr-md-n5,
  html:not([dir=rtl]) .mx-md-n5 {
    margin-right: -3rem !important
  }

  html[dir=rtl] .mr-md-n5,
  html[dir=rtl] .mx-md-n5 {
    margin-left: -3rem !important
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important
  }

  html:not([dir=rtl]) .ml-md-n5,
  html:not([dir=rtl]) .mx-md-n5 {
    margin-left: -3rem !important
  }

  html[dir=rtl] .ml-md-n5,
  html[dir=rtl] .mx-md-n5 {
    margin-right: -3rem !important
  }

  .m-md-ng {
    margin: -.75rem !important
  }

  .mt-md-ng,
  .my-md-ng {
    margin-top: -.75rem !important
  }

  html:not([dir=rtl]) .mr-md-ng,
  html:not([dir=rtl]) .mx-md-ng {
    margin-right: -.75rem !important
  }

  html[dir=rtl] .mr-md-ng,
  html[dir=rtl] .mx-md-ng {
    margin-left: -.75rem !important
  }

  .mb-md-ng,
  .my-md-ng {
    margin-bottom: -.75rem !important
  }

  html:not([dir=rtl]) .ml-md-ng,
  html:not([dir=rtl]) .mx-md-ng {
    margin-left: -.75rem !important
  }

  html[dir=rtl] .ml-md-ng,
  html[dir=rtl] .mx-md-ng {
    margin-right: -.75rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important
  }

  html:not([dir=rtl]) .mr-md-auto,
  html:not([dir=rtl]) .mx-md-auto {
    margin-right: auto !important
  }

  html[dir=rtl] .mr-md-auto,
  html[dir=rtl] .mx-md-auto {
    margin-left: auto !important
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important
  }

  html:not([dir=rtl]) .ml-md-auto,
  html:not([dir=rtl]) .mx-md-auto {
    margin-left: auto !important
  }

  html[dir=rtl] .ml-md-auto,
  html[dir=rtl] .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-0-last-child>:last-child {
    margin-bottom: 0 !important
  }
}

@media (min-width:1084px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important
  }

  html:not([dir=rtl]) .mr-lg-0,
  html:not([dir=rtl]) .mx-lg-0 {
    margin-right: 0 !important
  }

  html[dir=rtl] .mr-lg-0,
  html[dir=rtl] .mx-lg-0 {
    margin-left: 0 !important
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important
  }

  html:not([dir=rtl]) .ml-lg-0,
  html:not([dir=rtl]) .mx-lg-0 {
    margin-left: 0 !important
  }

  html[dir=rtl] .ml-lg-0,
  html[dir=rtl] .mx-lg-0 {
    margin-right: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: .25rem !important
  }

  html:not([dir=rtl]) .mr-lg-1,
  html:not([dir=rtl]) .mx-lg-1 {
    margin-right: .25rem !important
  }

  html[dir=rtl] .mr-lg-1,
  html[dir=rtl] .mx-lg-1 {
    margin-left: .25rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .25rem !important
  }

  html:not([dir=rtl]) .ml-lg-1,
  html:not([dir=rtl]) .mx-lg-1 {
    margin-left: .25rem !important
  }

  html[dir=rtl] .ml-lg-1,
  html[dir=rtl] .mx-lg-1 {
    margin-right: .25rem !important
  }

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

  .mt-lg-2,
  .my-lg-2 {
    margin-top: .5rem !important
  }

  html:not([dir=rtl]) .mr-lg-2,
  html:not([dir=rtl]) .mx-lg-2 {
    margin-right: .5rem !important
  }

  html[dir=rtl] .mr-lg-2,
  html[dir=rtl] .mx-lg-2 {
    margin-left: .5rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: .5rem !important
  }

  html:not([dir=rtl]) .ml-lg-2,
  html:not([dir=rtl]) .mx-lg-2 {
    margin-left: .5rem !important
  }

  html[dir=rtl] .ml-lg-2,
  html[dir=rtl] .mx-lg-2 {
    margin-right: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important
  }

  html:not([dir=rtl]) .mr-lg-3,
  html:not([dir=rtl]) .mx-lg-3 {
    margin-right: 1rem !important
  }

  html[dir=rtl] .mr-lg-3,
  html[dir=rtl] .mx-lg-3 {
    margin-left: 1rem !important
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important
  }

  html:not([dir=rtl]) .ml-lg-3,
  html:not([dir=rtl]) .mx-lg-3 {
    margin-left: 1rem !important
  }

  html[dir=rtl] .ml-lg-3,
  html[dir=rtl] .mx-lg-3 {
    margin-right: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important
  }

  html:not([dir=rtl]) .mr-lg-4,
  html:not([dir=rtl]) .mx-lg-4 {
    margin-right: 1.5rem !important
  }

  html[dir=rtl] .mr-lg-4,
  html[dir=rtl] .mx-lg-4 {
    margin-left: 1.5rem !important
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important
  }

  html:not([dir=rtl]) .ml-lg-4,
  html:not([dir=rtl]) .mx-lg-4 {
    margin-left: 1.5rem !important
  }

  html[dir=rtl] .ml-lg-4,
  html[dir=rtl] .mx-lg-4 {
    margin-right: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important
  }

  html:not([dir=rtl]) .mr-lg-5,
  html:not([dir=rtl]) .mx-lg-5 {
    margin-right: 3rem !important
  }

  html[dir=rtl] .mr-lg-5,
  html[dir=rtl] .mx-lg-5 {
    margin-left: 3rem !important
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important
  }

  html:not([dir=rtl]) .ml-lg-5,
  html:not([dir=rtl]) .mx-lg-5 {
    margin-left: 3rem !important
  }

  html[dir=rtl] .ml-lg-5,
  html[dir=rtl] .mx-lg-5 {
    margin-right: 3rem !important
  }

  .m-lg-g {
    margin: .75rem !important
  }

  .mt-lg-g,
  .my-lg-g {
    margin-top: .75rem !important
  }

  html:not([dir=rtl]) .mr-lg-g,
  html:not([dir=rtl]) .mx-lg-g {
    margin-right: .75rem !important
  }

  html[dir=rtl] .mr-lg-g,
  html[dir=rtl] .mx-lg-g {
    margin-left: .75rem !important
  }

  .mb-lg-g,
  .my-lg-g {
    margin-bottom: .75rem !important
  }

  html:not([dir=rtl]) .ml-lg-g,
  html:not([dir=rtl]) .mx-lg-g {
    margin-left: .75rem !important
  }

  html[dir=rtl] .ml-lg-g,
  html[dir=rtl] .mx-lg-g {
    margin-right: .75rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important
  }

  html:not([dir=rtl]) .pr-lg-0,
  html:not([dir=rtl]) .px-lg-0 {
    padding-right: 0 !important
  }

  html[dir=rtl] .pr-lg-0,
  html[dir=rtl] .px-lg-0 {
    padding-left: 0 !important
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important
  }

  html:not([dir=rtl]) .pl-lg-0,
  html:not([dir=rtl]) .px-lg-0 {
    padding-left: 0 !important
  }

  html[dir=rtl] .pl-lg-0,
  html[dir=rtl] .px-lg-0 {
    padding-right: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: .25rem !important
  }

  html:not([dir=rtl]) .pr-lg-1,
  html:not([dir=rtl]) .px-lg-1 {
    padding-right: .25rem !important
  }

  html[dir=rtl] .pr-lg-1,
  html[dir=rtl] .px-lg-1 {
    padding-left: .25rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem !important
  }

  html:not([dir=rtl]) .pl-lg-1,
  html:not([dir=rtl]) .px-lg-1 {
    padding-left: .25rem !important
  }

  html[dir=rtl] .pl-lg-1,
  html[dir=rtl] .px-lg-1 {
    padding-right: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: .5rem !important
  }

  html:not([dir=rtl]) .pr-lg-2,
  html:not([dir=rtl]) .px-lg-2 {
    padding-right: .5rem !important
  }

  html[dir=rtl] .pr-lg-2,
  html[dir=rtl] .px-lg-2 {
    padding-left: .5rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem !important
  }

  html:not([dir=rtl]) .pl-lg-2,
  html:not([dir=rtl]) .px-lg-2 {
    padding-left: .5rem !important
  }

  html[dir=rtl] .pl-lg-2,
  html[dir=rtl] .px-lg-2 {
    padding-right: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important
  }

  html:not([dir=rtl]) .pr-lg-3,
  html:not([dir=rtl]) .px-lg-3 {
    padding-right: 1rem !important
  }

  html[dir=rtl] .pr-lg-3,
  html[dir=rtl] .px-lg-3 {
    padding-left: 1rem !important
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important
  }

  html:not([dir=rtl]) .pl-lg-3,
  html:not([dir=rtl]) .px-lg-3 {
    padding-left: 1rem !important
  }

  html[dir=rtl] .pl-lg-3,
  html[dir=rtl] .px-lg-3 {
    padding-right: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important
  }

  html:not([dir=rtl]) .pr-lg-4,
  html:not([dir=rtl]) .px-lg-4 {
    padding-right: 1.5rem !important
  }

  html[dir=rtl] .pr-lg-4,
  html[dir=rtl] .px-lg-4 {
    padding-left: 1.5rem !important
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important
  }

  html:not([dir=rtl]) .pl-lg-4,
  html:not([dir=rtl]) .px-lg-4 {
    padding-left: 1.5rem !important
  }

  html[dir=rtl] .pl-lg-4,
  html[dir=rtl] .px-lg-4 {
    padding-right: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important
  }

  html:not([dir=rtl]) .pr-lg-5,
  html:not([dir=rtl]) .px-lg-5 {
    padding-right: 3rem !important
  }

  html[dir=rtl] .pr-lg-5,
  html[dir=rtl] .px-lg-5 {
    padding-left: 3rem !important
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important
  }

  html:not([dir=rtl]) .pl-lg-5,
  html:not([dir=rtl]) .px-lg-5 {
    padding-left: 3rem !important
  }

  html[dir=rtl] .pl-lg-5,
  html[dir=rtl] .px-lg-5 {
    padding-right: 3rem !important
  }

  .p-lg-g {
    padding: .75rem !important
  }

  .pt-lg-g,
  .py-lg-g {
    padding-top: .75rem !important
  }

  html:not([dir=rtl]) .pr-lg-g,
  html:not([dir=rtl]) .px-lg-g {
    padding-right: .75rem !important
  }

  html[dir=rtl] .pr-lg-g,
  html[dir=rtl] .px-lg-g {
    padding-left: .75rem !important
  }

  .pb-lg-g,
  .py-lg-g {
    padding-bottom: .75rem !important
  }

  html:not([dir=rtl]) .pl-lg-g,
  html:not([dir=rtl]) .px-lg-g {
    padding-left: .75rem !important
  }

  html[dir=rtl] .pl-lg-g,
  html[dir=rtl] .px-lg-g {
    padding-right: .75rem !important
  }

  .m-lg-n1 {
    margin: -.25rem !important
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -.25rem !important
  }

  html:not([dir=rtl]) .mr-lg-n1,
  html:not([dir=rtl]) .mx-lg-n1 {
    margin-right: -.25rem !important
  }

  html[dir=rtl] .mr-lg-n1,
  html[dir=rtl] .mx-lg-n1 {
    margin-left: -.25rem !important
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -.25rem !important
  }

  html:not([dir=rtl]) .ml-lg-n1,
  html:not([dir=rtl]) .mx-lg-n1 {
    margin-left: -.25rem !important
  }

  html[dir=rtl] .ml-lg-n1,
  html[dir=rtl] .mx-lg-n1 {
    margin-right: -.25rem !important
  }

  .m-lg-n2 {
    margin: -.5rem !important
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -.5rem !important
  }

  html:not([dir=rtl]) .mr-lg-n2,
  html:not([dir=rtl]) .mx-lg-n2 {
    margin-right: -.5rem !important
  }

  html[dir=rtl] .mr-lg-n2,
  html[dir=rtl] .mx-lg-n2 {
    margin-left: -.5rem !important
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -.5rem !important
  }

  html:not([dir=rtl]) .ml-lg-n2,
  html:not([dir=rtl]) .mx-lg-n2 {
    margin-left: -.5rem !important
  }

  html[dir=rtl] .ml-lg-n2,
  html[dir=rtl] .mx-lg-n2 {
    margin-right: -.5rem !important
  }

  .m-lg-n3 {
    margin: -1rem !important
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important
  }

  html:not([dir=rtl]) .mr-lg-n3,
  html:not([dir=rtl]) .mx-lg-n3 {
    margin-right: -1rem !important
  }

  html[dir=rtl] .mr-lg-n3,
  html[dir=rtl] .mx-lg-n3 {
    margin-left: -1rem !important
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important
  }

  html:not([dir=rtl]) .ml-lg-n3,
  html:not([dir=rtl]) .mx-lg-n3 {
    margin-left: -1rem !important
  }

  html[dir=rtl] .ml-lg-n3,
  html[dir=rtl] .mx-lg-n3 {
    margin-right: -1rem !important
  }

  .m-lg-n4 {
    margin: -1.5rem !important
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important
  }

  html:not([dir=rtl]) .mr-lg-n4,
  html:not([dir=rtl]) .mx-lg-n4 {
    margin-right: -1.5rem !important
  }

  html[dir=rtl] .mr-lg-n4,
  html[dir=rtl] .mx-lg-n4 {
    margin-left: -1.5rem !important
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important
  }

  html:not([dir=rtl]) .ml-lg-n4,
  html:not([dir=rtl]) .mx-lg-n4 {
    margin-left: -1.5rem !important
  }

  html[dir=rtl] .ml-lg-n4,
  html[dir=rtl] .mx-lg-n4 {
    margin-right: -1.5rem !important
  }

  .m-lg-n5 {
    margin: -3rem !important
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important
  }

  html:not([dir=rtl]) .mr-lg-n5,
  html:not([dir=rtl]) .mx-lg-n5 {
    margin-right: -3rem !important
  }

  html[dir=rtl] .mr-lg-n5,
  html[dir=rtl] .mx-lg-n5 {
    margin-left: -3rem !important
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important
  }

  html:not([dir=rtl]) .ml-lg-n5,
  html:not([dir=rtl]) .mx-lg-n5 {
    margin-left: -3rem !important
  }

  html[dir=rtl] .ml-lg-n5,
  html[dir=rtl] .mx-lg-n5 {
    margin-right: -3rem !important
  }

  .m-lg-ng {
    margin: -.75rem !important
  }

  .mt-lg-ng,
  .my-lg-ng {
    margin-top: -.75rem !important
  }

  html:not([dir=rtl]) .mr-lg-ng,
  html:not([dir=rtl]) .mx-lg-ng {
    margin-right: -.75rem !important
  }

  html[dir=rtl] .mr-lg-ng,
  html[dir=rtl] .mx-lg-ng {
    margin-left: -.75rem !important
  }

  .mb-lg-ng,
  .my-lg-ng {
    margin-bottom: -.75rem !important
  }

  html:not([dir=rtl]) .ml-lg-ng,
  html:not([dir=rtl]) .mx-lg-ng {
    margin-left: -.75rem !important
  }

  html[dir=rtl] .ml-lg-ng,
  html[dir=rtl] .mx-lg-ng {
    margin-right: -.75rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important
  }

  html:not([dir=rtl]) .mr-lg-auto,
  html:not([dir=rtl]) .mx-lg-auto {
    margin-right: auto !important
  }

  html[dir=rtl] .mr-lg-auto,
  html[dir=rtl] .mx-lg-auto {
    margin-left: auto !important
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important
  }

  html:not([dir=rtl]) .ml-lg-auto,
  html:not([dir=rtl]) .mx-lg-auto {
    margin-left: auto !important
  }

  html[dir=rtl] .ml-lg-auto,
  html[dir=rtl] .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0-last-child>:last-child {
    margin-bottom: 0 !important
  }
}

@media (min-width:1400px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important
  }

  html:not([dir=rtl]) .mr-xl-0,
  html:not([dir=rtl]) .mx-xl-0 {
    margin-right: 0 !important
  }

  html[dir=rtl] .mr-xl-0,
  html[dir=rtl] .mx-xl-0 {
    margin-left: 0 !important
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important
  }

  html:not([dir=rtl]) .ml-xl-0,
  html:not([dir=rtl]) .mx-xl-0 {
    margin-left: 0 !important
  }

  html[dir=rtl] .ml-xl-0,
  html[dir=rtl] .mx-xl-0 {
    margin-right: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: .25rem !important
  }

  html:not([dir=rtl]) .mr-xl-1,
  html:not([dir=rtl]) .mx-xl-1 {
    margin-right: .25rem !important
  }

  html[dir=rtl] .mr-xl-1,
  html[dir=rtl] .mx-xl-1 {
    margin-left: .25rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .25rem !important
  }

  html:not([dir=rtl]) .ml-xl-1,
  html:not([dir=rtl]) .mx-xl-1 {
    margin-left: .25rem !important
  }

  html[dir=rtl] .ml-xl-1,
  html[dir=rtl] .mx-xl-1 {
    margin-right: .25rem !important
  }

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

  .mt-xl-2,
  .my-xl-2 {
    margin-top: .5rem !important
  }

  html:not([dir=rtl]) .mr-xl-2,
  html:not([dir=rtl]) .mx-xl-2 {
    margin-right: .5rem !important
  }

  html[dir=rtl] .mr-xl-2,
  html[dir=rtl] .mx-xl-2 {
    margin-left: .5rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: .5rem !important
  }

  html:not([dir=rtl]) .ml-xl-2,
  html:not([dir=rtl]) .mx-xl-2 {
    margin-left: .5rem !important
  }

  html[dir=rtl] .ml-xl-2,
  html[dir=rtl] .mx-xl-2 {
    margin-right: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important
  }

  html:not([dir=rtl]) .mr-xl-3,
  html:not([dir=rtl]) .mx-xl-3 {
    margin-right: 1rem !important
  }

  html[dir=rtl] .mr-xl-3,
  html[dir=rtl] .mx-xl-3 {
    margin-left: 1rem !important
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important
  }

  html:not([dir=rtl]) .ml-xl-3,
  html:not([dir=rtl]) .mx-xl-3 {
    margin-left: 1rem !important
  }

  html[dir=rtl] .ml-xl-3,
  html[dir=rtl] .mx-xl-3 {
    margin-right: 1rem !important
  }

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

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important
  }

  html:not([dir=rtl]) .mr-xl-4,
  html:not([dir=rtl]) .mx-xl-4 {
    margin-right: 1.5rem !important
  }

  html[dir=rtl] .mr-xl-4,
  html[dir=rtl] .mx-xl-4 {
    margin-left: 1.5rem !important
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important
  }

  html:not([dir=rtl]) .ml-xl-4,
  html:not([dir=rtl]) .mx-xl-4 {
    margin-left: 1.5rem !important
  }

  html[dir=rtl] .ml-xl-4,
  html[dir=rtl] .mx-xl-4 {
    margin-right: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important
  }

  html:not([dir=rtl]) .mr-xl-5,
  html:not([dir=rtl]) .mx-xl-5 {
    margin-right: 3rem !important
  }

  html[dir=rtl] .mr-xl-5,
  html[dir=rtl] .mx-xl-5 {
    margin-left: 3rem !important
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important
  }

  html:not([dir=rtl]) .ml-xl-5,
  html:not([dir=rtl]) .mx-xl-5 {
    margin-left: 3rem !important
  }

  html[dir=rtl] .ml-xl-5,
  html[dir=rtl] .mx-xl-5 {
    margin-right: 3rem !important
  }

  .m-xl-g {
    margin: .75rem !important
  }

  .mt-xl-g,
  .my-xl-g {
    margin-top: .75rem !important
  }

  html:not([dir=rtl]) .mr-xl-g,
  html:not([dir=rtl]) .mx-xl-g {
    margin-right: .75rem !important
  }

  html[dir=rtl] .mr-xl-g,
  html[dir=rtl] .mx-xl-g {
    margin-left: .75rem !important
  }

  .mb-xl-g,
  .my-xl-g {
    margin-bottom: .75rem !important
  }

  html:not([dir=rtl]) .ml-xl-g,
  html:not([dir=rtl]) .mx-xl-g {
    margin-left: .75rem !important
  }

  html[dir=rtl] .ml-xl-g,
  html[dir=rtl] .mx-xl-g {
    margin-right: .75rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important
  }

  html:not([dir=rtl]) .pr-xl-0,
  html:not([dir=rtl]) .px-xl-0 {
    padding-right: 0 !important
  }

  html[dir=rtl] .pr-xl-0,
  html[dir=rtl] .px-xl-0 {
    padding-left: 0 !important
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important
  }

  html:not([dir=rtl]) .pl-xl-0,
  html:not([dir=rtl]) .px-xl-0 {
    padding-left: 0 !important
  }

  html[dir=rtl] .pl-xl-0,
  html[dir=rtl] .px-xl-0 {
    padding-right: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: .25rem !important
  }

  html:not([dir=rtl]) .pr-xl-1,
  html:not([dir=rtl]) .px-xl-1 {
    padding-right: .25rem !important
  }

  html[dir=rtl] .pr-xl-1,
  html[dir=rtl] .px-xl-1 {
    padding-left: .25rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .25rem !important
  }

  html:not([dir=rtl]) .pl-xl-1,
  html:not([dir=rtl]) .px-xl-1 {
    padding-left: .25rem !important
  }

  html[dir=rtl] .pl-xl-1,
  html[dir=rtl] .px-xl-1 {
    padding-right: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: .5rem !important
  }

  html:not([dir=rtl]) .pr-xl-2,
  html:not([dir=rtl]) .px-xl-2 {
    padding-right: .5rem !important
  }

  html[dir=rtl] .pr-xl-2,
  html[dir=rtl] .px-xl-2 {
    padding-left: .5rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: .5rem !important
  }

  html:not([dir=rtl]) .pl-xl-2,
  html:not([dir=rtl]) .px-xl-2 {
    padding-left: .5rem !important
  }

  html[dir=rtl] .pl-xl-2,
  html[dir=rtl] .px-xl-2 {
    padding-right: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important
  }

  html:not([dir=rtl]) .pr-xl-3,
  html:not([dir=rtl]) .px-xl-3 {
    padding-right: 1rem !important
  }

  html[dir=rtl] .pr-xl-3,
  html[dir=rtl] .px-xl-3 {
    padding-left: 1rem !important
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important
  }

  html:not([dir=rtl]) .pl-xl-3,
  html:not([dir=rtl]) .px-xl-3 {
    padding-left: 1rem !important
  }

  html[dir=rtl] .pl-xl-3,
  html[dir=rtl] .px-xl-3 {
    padding-right: 1rem !important
  }

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

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important
  }

  html:not([dir=rtl]) .pr-xl-4,
  html:not([dir=rtl]) .px-xl-4 {
    padding-right: 1.5rem !important
  }

  html[dir=rtl] .pr-xl-4,
  html[dir=rtl] .px-xl-4 {
    padding-left: 1.5rem !important
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important
  }

  html:not([dir=rtl]) .pl-xl-4,
  html:not([dir=rtl]) .px-xl-4 {
    padding-left: 1.5rem !important
  }

  html[dir=rtl] .pl-xl-4,
  html[dir=rtl] .px-xl-4 {
    padding-right: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important
  }

  html:not([dir=rtl]) .pr-xl-5,
  html:not([dir=rtl]) .px-xl-5 {
    padding-right: 3rem !important
  }

  html[dir=rtl] .pr-xl-5,
  html[dir=rtl] .px-xl-5 {
    padding-left: 3rem !important
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important
  }

  html:not([dir=rtl]) .pl-xl-5,
  html:not([dir=rtl]) .px-xl-5 {
    padding-left: 3rem !important
  }

  html[dir=rtl] .pl-xl-5,
  html[dir=rtl] .px-xl-5 {
    padding-right: 3rem !important
  }

  .p-xl-g {
    padding: .75rem !important
  }

  .pt-xl-g,
  .py-xl-g {
    padding-top: .75rem !important
  }

  html:not([dir=rtl]) .pr-xl-g,
  html:not([dir=rtl]) .px-xl-g {
    padding-right: .75rem !important
  }

  html[dir=rtl] .pr-xl-g,
  html[dir=rtl] .px-xl-g {
    padding-left: .75rem !important
  }

  .pb-xl-g,
  .py-xl-g {
    padding-bottom: .75rem !important
  }

  html:not([dir=rtl]) .pl-xl-g,
  html:not([dir=rtl]) .px-xl-g {
    padding-left: .75rem !important
  }

  html[dir=rtl] .pl-xl-g,
  html[dir=rtl] .px-xl-g {
    padding-right: .75rem !important
  }

  .m-xl-n1 {
    margin: -.25rem !important
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -.25rem !important
  }

  html:not([dir=rtl]) .mr-xl-n1,
  html:not([dir=rtl]) .mx-xl-n1 {
    margin-right: -.25rem !important
  }

  html[dir=rtl] .mr-xl-n1,
  html[dir=rtl] .mx-xl-n1 {
    margin-left: -.25rem !important
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -.25rem !important
  }

  html:not([dir=rtl]) .ml-xl-n1,
  html:not([dir=rtl]) .mx-xl-n1 {
    margin-left: -.25rem !important
  }

  html[dir=rtl] .ml-xl-n1,
  html[dir=rtl] .mx-xl-n1 {
    margin-right: -.25rem !important
  }

  .m-xl-n2 {
    margin: -.5rem !important
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -.5rem !important
  }

  html:not([dir=rtl]) .mr-xl-n2,
  html:not([dir=rtl]) .mx-xl-n2 {
    margin-right: -.5rem !important
  }

  html[dir=rtl] .mr-xl-n2,
  html[dir=rtl] .mx-xl-n2 {
    margin-left: -.5rem !important
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -.5rem !important
  }

  html:not([dir=rtl]) .ml-xl-n2,
  html:not([dir=rtl]) .mx-xl-n2 {
    margin-left: -.5rem !important
  }

  html[dir=rtl] .ml-xl-n2,
  html[dir=rtl] .mx-xl-n2 {
    margin-right: -.5rem !important
  }

  .m-xl-n3 {
    margin: -1rem !important
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important
  }

  html:not([dir=rtl]) .mr-xl-n3,
  html:not([dir=rtl]) .mx-xl-n3 {
    margin-right: -1rem !important
  }

  html[dir=rtl] .mr-xl-n3,
  html[dir=rtl] .mx-xl-n3 {
    margin-left: -1rem !important
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important
  }

  html:not([dir=rtl]) .ml-xl-n3,
  html:not([dir=rtl]) .mx-xl-n3 {
    margin-left: -1rem !important
  }

  html[dir=rtl] .ml-xl-n3,
  html[dir=rtl] .mx-xl-n3 {
    margin-right: -1rem !important
  }

  .m-xl-n4 {
    margin: -1.5rem !important
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important
  }

  html:not([dir=rtl]) .mr-xl-n4,
  html:not([dir=rtl]) .mx-xl-n4 {
    margin-right: -1.5rem !important
  }

  html[dir=rtl] .mr-xl-n4,
  html[dir=rtl] .mx-xl-n4 {
    margin-left: -1.5rem !important
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important
  }

  html:not([dir=rtl]) .ml-xl-n4,
  html:not([dir=rtl]) .mx-xl-n4 {
    margin-left: -1.5rem !important
  }

  html[dir=rtl] .ml-xl-n4,
  html[dir=rtl] .mx-xl-n4 {
    margin-right: -1.5rem !important
  }

  .m-xl-n5 {
    margin: -3rem !important
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important
  }

  html:not([dir=rtl]) .mr-xl-n5,
  html:not([dir=rtl]) .mx-xl-n5 {
    margin-right: -3rem !important
  }

  html[dir=rtl] .mr-xl-n5,
  html[dir=rtl] .mx-xl-n5 {
    margin-left: -3rem !important
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important
  }

  html:not([dir=rtl]) .ml-xl-n5,
  html:not([dir=rtl]) .mx-xl-n5 {
    margin-left: -3rem !important
  }

  html[dir=rtl] .ml-xl-n5,
  html[dir=rtl] .mx-xl-n5 {
    margin-right: -3rem !important
  }

  .m-xl-ng {
    margin: -.75rem !important
  }

  .mt-xl-ng,
  .my-xl-ng {
    margin-top: -.75rem !important
  }

  html:not([dir=rtl]) .mr-xl-ng,
  html:not([dir=rtl]) .mx-xl-ng {
    margin-right: -.75rem !important
  }

  html[dir=rtl] .mr-xl-ng,
  html[dir=rtl] .mx-xl-ng {
    margin-left: -.75rem !important
  }

  .mb-xl-ng,
  .my-xl-ng {
    margin-bottom: -.75rem !important
  }

  html:not([dir=rtl]) .ml-xl-ng,
  html:not([dir=rtl]) .mx-xl-ng {
    margin-left: -.75rem !important
  }

  html[dir=rtl] .ml-xl-ng,
  html[dir=rtl] .mx-xl-ng {
    margin-right: -.75rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important
  }

  html:not([dir=rtl]) .mr-xl-auto,
  html:not([dir=rtl]) .mx-xl-auto {
    margin-right: auto !important
  }

  html[dir=rtl] .mr-xl-auto,
  html[dir=rtl] .mx-xl-auto {
    margin-left: auto !important
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important
  }

  html:not([dir=rtl]) .ml-xl-auto,
  html:not([dir=rtl]) .mx-xl-auto {
    margin-left: auto !important
  }

  html[dir=rtl] .ml-xl-auto,
  html[dir=rtl] .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0-last-child>:last-child {
    margin-bottom: 0 !important
  }
}

.text-gray-100 {
  color: #f2f2f2 !important
}

.text-gray-200,
.text-neutral-100,
.theme-dark .text-neutral-400 {
  color: #e6e6e6 !important
}

.text-gray-300,
.text-neutral-200,
.theme-dark .text-neutral-300 {
  color: #d2d2d2 !important
}

.text-gray-400 {
  color: #a2a2a2 !important
}

.text-gray-475 {
  color: #858585 !important
}

.text-gray-500,
.text-neutral-300,
.theme-dark .text-neutral-200 {
  color: #757575 !important
}

.text-gray-600,
.text-neutral-400,
.theme-dark .text-neutral-100 {
  color: #505050 !important
}

.text-gray-700 {
  color: #404040 !important
}

.text-gray-800 {
  color: #2f2f2f !important
}

.text-gray-900 {
  color: #171717 !important
}

.text-blue,
.text-brand,
.text-primary,
.theme-dark .text-primary-alt {
  color: #0067b8 !important
}

.text-orange {
  color: #d83b01 !important
}

.text-green {
  color: #107c10 !important
}

.text-purple {
  color: #8661c5 !important
}

.text-yellow {
  color: #ffb900 !important
}

.text-teal {
  color: #008575 !important
}

.text-brand-dark,
.text-dark-blue {
  color: #243a5e !important
}

.text-dark-orange {
  color: #6b2929 !important
}

.text-dark-green {
  color: #054b16 !important
}

.text-dark-purple {
  color: #3b2e58 !important
}

.text-dark-yellow {
  color: #6a4b16 !important
}

.text-dark-teal {
  color: #274b47 !important
}

.text-brand-light,
.text-light-blue {
  color: #50e6ff !important
}

.text-light-orange {
  color: #ff9349 !important
}

.text-light-green {
  color: #9bf00b !important
}

.text-light-purple {
  color: #d59dff !important
}

.text-light-yellow {
  color: #fef000 !important
}

.text-light-teal {
  color: #30e5d0 !important
}

.text-alt-blue,
.text-primary-alt,
.theme-dark .text-primary {
  color: #3aa0fa !important
}

.text-alt-orange {
  color: #f7894a !important
}

.text-alt-green {
  color: #5dc21e !important
}

.text-light,
.text-white,
.theme-dark .text-inverse,
.theme-dark .text-secondary {
  color: #fff !important
}

.text-black,
.text-dark,
.text-inverse,
.text-secondary {
  color: #000 !important
}

.text-body {
  color: #000 !important
}

.theme-dark .text-body {
  color: #fff !important
}

.text-muted {
  color: #505050 !important
}

.theme-dark .text-muted {
  color: #a2a2a2 !important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  color: rgba(255, 255, 255, .5) !important
}

.text-reset {
  color: inherit !important
}

.column-count-auto {
  -moz-column-count: auto;
  column-count: auto
}

.column-count-1 {
  -moz-column-count: 1;
  column-count: 1
}

.column-count-2 {
  -moz-column-count: 2;
  column-count: 2
}

.column-count-3 {
  -moz-column-count: 3;
  column-count: 3
}

.column-count-4 {
  -moz-column-count: 4;
  column-count: 4
}

.column-count-auto {
  -moz-column-count: auto;
  column-count: auto
}

.column-count-1 {
  -moz-column-count: 1;
  column-count: 1
}

.column-count-2 {
  -moz-column-count: 2;
  column-count: 2
}

.column-count-3 {
  -moz-column-count: 3;
  column-count: 3
}

.column-count-4 {
  -moz-column-count: 4;
  column-count: 4
}

@media (min-width:540px) {
  .column-count-sm-auto {
    -moz-column-count: auto;
    column-count: auto
  }

  .column-count-sm-1 {
    -moz-column-count: 1;
    column-count: 1
  }

  .column-count-sm-2 {
    -moz-column-count: 2;
    column-count: 2
  }

  .column-count-sm-3 {
    -moz-column-count: 3;
    column-count: 3
  }

  .column-count-sm-4 {
    -moz-column-count: 4;
    column-count: 4
  }
}

@media (min-width:860px) {
  .column-count-md-auto {
    -moz-column-count: auto;
    column-count: auto
  }

  .column-count-md-1 {
    -moz-column-count: 1;
    column-count: 1
  }

  .column-count-md-2 {
    -moz-column-count: 2;
    column-count: 2
  }

  .column-count-md-3 {
    -moz-column-count: 3;
    column-count: 3
  }

  .column-count-md-4 {
    -moz-column-count: 4;
    column-count: 4
  }
}

@media (min-width:1084px) {
  .column-count-lg-auto {
    -moz-column-count: auto;
    column-count: auto
  }

  .column-count-lg-1 {
    -moz-column-count: 1;
    column-count: 1
  }

  .column-count-lg-2 {
    -moz-column-count: 2;
    column-count: 2
  }

  .column-count-lg-3 {
    -moz-column-count: 3;
    column-count: 3
  }

  .column-count-lg-4 {
    -moz-column-count: 4;
    column-count: 4
  }
}

@media (min-width:1400px) {
  .column-count-xl-auto {
    -moz-column-count: auto;
    column-count: auto
  }

  .column-count-xl-1 {
    -moz-column-count: 1;
    column-count: 1
  }

  .column-count-xl-2 {
    -moz-column-count: 2;
    column-count: 2
  }

  .column-count-xl-3 {
    -moz-column-count: 3;
    column-count: 3
  }

  .column-count-xl-4 {
    -moz-column-count: 4;
    column-count: 4
  }
}

.text-serif {
  font-family: TimesNewRoman, "Times New Roman", Times, serif
}

.text-glyph {
  font-family: MWF-FLUENT-ICONS
}

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

html:not([dir=rtl]) .text-left {
  text-align: left !important
}

html[dir=rtl] .text-left {
  text-align: right !important
}

html:not([dir=rtl]) .text-right {
  text-align: right !important
}

html[dir=rtl] .text-right {
  text-align: left !important
}

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

@media (min-width:540px) {
  html:not([dir=rtl]) .text-sm-left {
    text-align: left !important
  }

  html[dir=rtl] .text-sm-left {
    text-align: right !important
  }

  html:not([dir=rtl]) .text-sm-right {
    text-align: right !important
  }

  html[dir=rtl] .text-sm-right {
    text-align: left !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:860px) {
  html:not([dir=rtl]) .text-md-left {
    text-align: left !important
  }

  html[dir=rtl] .text-md-left {
    text-align: right !important
  }

  html:not([dir=rtl]) .text-md-right {
    text-align: right !important
  }

  html[dir=rtl] .text-md-right {
    text-align: left !important
  }

  .text-md-center {
    text-align: center !important
  }
}



:root {
  --progress-indicator-spacing: 14.25rem;
  --default-play-button-spacing: $carousel-control-min-size * 2.5
}

.carousel-control-glyph {
  font-family: MWF-FLUENT-ICONS;
  font-weight: 400;
  font-size: .625rem;
  background-color: #fff;
  border-radius: 50%;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  display: grid;
  place-items: center
}

.theme-dark .carousel-control-glyph {
  background-color: #000
}

.carousel-control-autoplay {
  position: static;
  top: 0;
  bottom: 0;
  width: 5%;
  min-width: 44px;
  min-height: 44px;
  z-index: 16;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 0;
  padding: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  background: 0 0;
  color: #171717
}

.theme-dark .carousel-control-autoplay {
  color: #f2f2f2
}

.carousel-control-autoplay.playing::after {
  content: ""
}

.carousel-control-autoplay.playing:not(:disabled):focus::after,
.carousel-control-autoplay.playing:not(:disabled):hover::after {
  content: ""
}

.carousel-control-autoplay:disabled {
  opacity: .3;
  cursor: default
}

.carousel-control-autoplay::after {
  content: "";
  font-family: MWF-FLUENT-ICONS;
  font-weight: 400;
  font-size: 1.25rem
}

.carousel-control-autoplay:not(:disabled):focus::after,
.carousel-control-autoplay:not(:disabled):hover::after {
  content: ""
}

.carousel-control-autoplay-button {
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  color: currentColor;
  z-index: 1
}

.carousel-control-autoplay-button+.carousel-control-progress .carousel-control-glyph::before {
  content: ""
}

.carousel-control-autoplay-button.playing+.carousel-control-progress .carousel-control-glyph::before {
  content: ""
}

.carousel-control-autoplay-button:not(:disabled):focus+.carousel-control-progress .carousel-control-glyph {
  background-color: #e6e6e6
}

.theme-dark .carousel-control-autoplay-button:not(:disabled):focus+.carousel-control-progress .carousel-control-glyph {
  background-color: #505050
}

.carousel-control-progress {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-image: conic-gradient(#0067b8 0deg, #e6e6e6 0)
}

.theme-dark .carousel-control-progress {
  background-image: conic-gradient(#3aa0fa 0deg, #505050 0)
}

@media (prefers-reduced-motion:reduce) {
  .carousel-control-progress {
    background-image: conic-gradient(transparent 0deg, currentColor 0)
  }
}

.carousel-control-with-timer {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin: .625rem
}

.carousel-control-with-timer:not(:disabled):hover .carousel-control-glyph {
  background-color: #e6e6e6
}

.theme-dark .carousel-control-with-timer:not(:disabled):hover .carousel-control-glyph {
  background-color: #505050
}

@media (min-width:1084px) {
  .carousel-highlight-backplate .carousel-controls {
    display: flex;
    justify-content: center
  }

  .carousel-highlight-backplate .carousel-indicators {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
  }

  .carousel-highlight-backplate .carousel-control-with-timer {
    position: absolute;
    bottom: -3.15rem
  }

  html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-with-timer {
    margin-right: var(--progress-indicator-spacing)
  }

  html[dir=rtl] .carousel-highlight-backplate .carousel-control-with-timer {
    margin-left: var(--progress-indicator-spacing)
  }

  .carousel-highlight-backplate .carousel-control-autoplay {
    position: absolute;
    display: flex;
    top: auto;
    bottom: -3.5rem;
    width: 0
  }

  .carousel-highlight-backplate .carousel-control-autoplay~.carousel-indicators {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto .75rem
  }

  html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-autoplay {
    left: calc(50% - var(--default-play-button-spacing))
  }

  html[dir=rtl] .carousel-highlight-backplate .carousel-control-autoplay {
    right: calc(50% - var(--default-play-button-spacing))
  }
}

.buy-box {
  width: 100%;
  max-width: 1600px
}

html:not([dir=rtl]) .buy-box .buy-box-product-image-gallery button {
  padding-left: calc(.75rem + 1.4375em)
}

html[dir=rtl] .buy-box .buy-box-product-image-gallery button {
  padding-right: calc(.75rem + 1.4375em)
}

.buy-box .buy-box-product-image-gallery button::before {
  font-weight: 400
}

html:not([dir=rtl]) .buy-box .buy-box-product-image-gallery button::before {
  left: .75rem
}

html[dir=rtl] .buy-box .buy-box-product-image-gallery button::before {
  right: .75rem
}

.buy-box .buy-box-system-requirements {
  position: relative
}

html:not([dir=rtl]) .buy-box .buy-box-system-requirements {
  margin-left: 1rem
}

html[dir=rtl] .buy-box .buy-box-system-requirements {
  margin-right: 1rem
}

.buy-box .buy-box-system-requirements::before {
  position: absolute;
  top: 35%
}

html:not([dir=rtl]) .buy-box .buy-box-system-requirements::before {
  left: -1.05rem
}

html[dir=rtl] .buy-box .buy-box-system-requirements::before {
  right: -1.05rem
}

.buy-box .ownership-status-background {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.5rem;
  flex: 0 0 auto
}

@media screen and (min-width:860px) and (max-width:1083px) {
  .buy-box .buy-box-row {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 25% 75%;
    -ms-grid-rows: auto auto;
    grid-template-columns: 25% 75%;
    grid-template-rows: auto auto
  }

  .buy-box .buy-box-left-col {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-column: 1;
    grid-row: 1;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: span 2
  }

  .buy-box .buy-box-middle-col {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    grid-column-start: 2;
    grid-row-start: 1
  }

  .buy-box .buy-box-right-col {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    grid-column-start: 2;
    grid-row-start: 2
  }
}

html:not([dir=rtl]) .buy-box .buy-box-share button,
html:not([dir=rtl]) .buy-box .buy-box-wish-list button {
  padding-left: 1.25rem
}

html[dir=rtl] .buy-box .buy-box-share button,
html[dir=rtl] .buy-box .buy-box-wish-list button {
  padding-right: 1.25rem
}

.buy-box .buy-box-share button::before,
.buy-box .buy-box-wish-list button::before {
  font-weight: 400
}

html:not([dir=rtl]) .buy-box .buy-box-share button::before,
html:not([dir=rtl]) .buy-box .buy-box-wish-list button::before {
  left: 0
}

html[dir=rtl] .buy-box .buy-box-share button::before,
html[dir=rtl] .buy-box .buy-box-wish-list button::before {
  right: 0
}

.buy-box .buy-box-product-image picture {
  width: 7.5rem;
  justify-content: center;
  align-items: center;
  max-width: 100%
}

.buy-box .buy-box-product-image picture img {
  width: 100%
}

@media screen and (min-width:540px) {
  .buy-box .buy-box-product-image picture {
    width: 9.375rem
  }
}

@media screen and (min-width:860px) {
  .buy-box .buy-box-product-image picture {
    width: 12.5rem
  }
}

.buy-box .buy-box-bullet-discounts::after,
.buy-box .buy-box-bullet::after {
  content: "\2022"
}

.buy-box .buy-box-bullet::after {
  margin-right: .625rem;
  margin-left: .25rem
}

.buy-box .buy-box-bullet-discounts::after {
  margin-right: .225rem;
  margin-left: .425rem
}

html:not([dir=rtl]) .buy-box .buy-box-description ul {
  padding-left: 1.5rem
}

html[dir=rtl] .buy-box .buy-box-description ul {
  padding-right: 1.5rem
}

.buy-box .buy-box-promotions {
  line-height: normal
}

.buy-box .buy-box-inline-buy-buttons {
  display: flex
}

@media screen and (min-width:1084px) and (max-width:1400px) {
  .buy-box .buy-box-inline-buy-buttons {
    display: block
  }
}

.buy-box .buy-box-split-buy-buttons {
  display: flex
}

.buy-box .buy-box-split-buy-buttons .primary-buy-button {
  flex: 1 0 0
}

.buy-box .buy-box-split-buy-buttons .additional-buy-options>button {
  height: 100%
}

html:not([dir=rtl]) .buy-box .buy-box-split-buy-buttons .additional-buy-options>button {
  padding-right: .75rem
}

html[dir=rtl] .buy-box .buy-box-split-buy-buttons .additional-buy-options>button {
  padding-left: .75rem
}

.buy-box .buy-box-split-buy-buttons .additional-buy-options>button::after {
  content: none
}

html:not([dir=rtl]) .buy-box .buy-box-split-buy-buttons .additional-buy-options>button::before {
  left: .875rem
}

html[dir=rtl] .buy-box .buy-box-split-buy-buttons .additional-buy-options>button::before {
  right: .875rem
}

.buy-box .buy-button-separator {
  text-align: center;
  display: flex;
  align-items: center
}

.buy-box .buy-button-separator::before {
  margin-right: .5rem
}

.buy-box .buy-button-separator::after {
  margin-left: .5rem
}

.buy-box .buy-button-separator::after,
.buy-box .buy-button-separator::before {
  content: "";
  flex: 1;
  background: #d2d2d2;
  height: .0625rem;
  margin-top: .1875rem
}

@media screen and (min-width:860px) {
  .buy-box .buy-box-bundle-product-images {
    max-width: 50%
  }
}

@media screen and (min-width:1084px) {
  .buy-box .buy-box-bundle-product-images {
    max-width: 75%
  }
}

.buy-box .buy-box-bundle-product-image-container {
  flex: 1;
  max-width: 8.75rem
}

@media screen and (min-width:540px) and (max-width:860px) {

  .buy-box .buy-box-buy-buttons,
  .buy-box .buy-box-edition-picker {
    max-width: 21rem
  }
}

@media screen and (min-width:860px) and (max-width:1084px) {

  .buy-box .buy-box-buy-buttons,
  .buy-box .buy-box-edition-picker {
    max-width: 23.5rem
  }
}

.buy-box .list-secondary-header {
  font-weight: 600;
  font-size: 16px
}

.buy-box .buy-box-bundle-thumbs .glyph-prepend-add::before {
  font-size: 12px;
  font-weight: 700;
  display: none
}

@media screen and (min-width:540px) {
  .buy-box .buy-box-bundle-thumbs .glyph-prepend-add::before {
    display: inline-block
  }
}



.compare-grid .custom-control-input:not(:checked)~.checked-show {
  display: none
}

.compare-grid .custom-control-input:checked~.checked-hide {
  display: none
}

.compare-grid .custom-control-input:not(:checked)~.custom-control-label .checked-show,
.compare-grid .custom-control-input:not(:checked)~.custom-control-label.checked-show {
  display: none
}

.compare-grid .custom-control-input:checked~.custom-control-label .checked-hide,
.compare-grid .custom-control-input:checked~.custom-control-label.checked-hide {
  display: none
}

.border-dashed {
  border-style: dashed
}

.compare-tray {
  display: block
}

@media screen and (max-height:30rem) {
  .compare-tray {
    position: static
  }
}

@media screen and (max-width:20rem) {
  .compare-tray {
    position: static
  }
}

.compare-tray .compare-tray-content-wrapper {
  position: relative;
  max-width: 1600px;
  margin: auto
}

.compare-tray .compare-tray-content-wrapper .show-when-collapsed {
  display: none
}

.compare-tray .compare-tray-content-wrapper .collapsed+.show-when-collapsed {
  display: inline
}

.compare-tray .compare-tray-content-wrapper .compare-tray-actions {
  text-align: center
}

@media (min-width:860px) {
  .compare-tray .compare-tray-content-wrapper .compare-tray-actions {
    position: absolute;
    top: .25rem
  }

  html:not([dir=rtl]) .compare-tray .compare-tray-content-wrapper .compare-tray-actions {
    right: 0
  }

  html[dir=rtl] .compare-tray .compare-tray-content-wrapper .compare-tray-actions {
    left: 0
  }
}

@media (max-width:539.98px) {
  .compare-tray .compare-tray-content-wrapper .compare-tray-actions .btn-primary {
    width: 95%;
    margin: 1rem auto 0
  }
}

.compare-tray .compare-tray-content-wrapper .compare-tray-actions .compare-tray-status-msg {
  display: inline
}

.compare-tray .compare-tray-content-wrapper .compare-tray-product-card {
  flex-direction: row
}

@media (max-width:539.98px) {
  .compare-tray .collapse:not(.show)+.compare-tray-actions .compare-tray-status-msg {
    display: none
  }
}