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

.CodeMirror-lines {
    padding: 4px 0
}

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

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

.CodeMirror-gutters {
    white-space: nowrap;
    background-color: #f7f7f7;
    border-right: 1px solid #ddd
}

.CodeMirror-linenumber {
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap;
    padding: 0 3px 0 5px
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

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

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    background: #7e7;
    border: 0 !important
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line > span::selection, .cm-fat-cursor .CodeMirror-line > span > span::selection {
    background: 0 0
}

.cm-fat-cursor {
    caret-color: #0000
}

@keyframes blink {
    0% {
    }
    50% {
        background-color: #0000
    }
    to {
    }
}

.cm-tab {
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    display: inline-block
}

.CodeMirror-rulers {
    position: absolute;
    inset: -50px 0 0;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    position: absolute;
    top: 0;
    bottom: 0
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header, .cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

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

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-s-default .cm-error, .cm-invalidchar {
    color: red
}

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

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

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

.CodeMirror-matchingtag {
    background: #ff96004d
}

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

.CodeMirror {
    background: #fff;
    position: relative;
    overflow: hidden
}

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

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

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    z-index: 6;
    outline: none;
    display: none;
    position: absolute
}

.CodeMirror-vscrollbar {
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-x: scroll;
    overflow-y: hidden
}

.CodeMirror-scrollbar-filler {
    bottom: 0;
    right: 0
}

.CodeMirror-gutter-filler {
    bottom: 0;
    left: 0
}

.CodeMirror-gutters {
    min-height: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    vertical-align: top;
    margin-bottom: -50px;
    display: inline-block
}

.CodeMirror-gutter-wrapper {
    z-index: 4;
    position: absolute;
    background: 0 0 !important;
    border: none !important
}

.CodeMirror-gutter-background {
    z-index: 4;
    position: absolute;
    top: 0;
    bottom: 0
}

.CodeMirror-gutter-elt {
    cursor: default;
    z-index: 4;
    position: absolute
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: #0000
}

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

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    font-family: inherit;
    font-size: inherit;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual;
    background: 0 0;
    border-width: 0;
    border-radius: 0;
    margin: 0;
    position: relative;
    overflow: visible
}

.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    z-index: 0;
    position: absolute;
    inset: 0
}

.CodeMirror-linewidget {
    z-index: 2;
    padding: .1px;
    position: relative
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: none
}

.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
    box-sizing: content-box
}

.CodeMirror-measure {
    width: 100%;
    height: 0;
    visibility: hidden;
    position: absolute;
    overflow: hidden
}

.CodeMirror-cursor {
    pointer-events: none;
    position: absolute
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    z-index: 3;
    position: relative
}

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

.CodeMirror-selected {
    background: #d9d9d9
}

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

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ff06
}

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

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

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

span.CodeMirror-selectedtext {
    background: 0 0
}

.CodeMirror-fullscreen {
    height: auto;
    z-index: 9;
    position: fixed;
    inset: 0
}

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

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

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

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

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

.cm-s-neat span.cm-variable {
    color: #000
}

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

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

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

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

.cm-s-neat .CodeMirror-matchingbracket {
    outline: 1px solid gray;
    color: #000 !important
}

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

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

.checkbox-toggle-wrapper input[type=checkbox]:focus-visible + label.switch, .checkbox-button input[type=checkbox]:focus-visible ~ .checkbox-button-label, .star-rating-control input:focus-visible + label, .tree-item:not(.is-leaf):focus-visible > .tree-expander, .autocomplete-suggestion:hover, .autocomplete-suggestion.is-active-descendant, .toggle input[type=checkbox]:focus-visible + label, .radio input:focus-visible, .radio input.is-focused, .textarea:focus-visible, .select select:focus-visible, .input:focus-visible, .checkbox input[type=checkbox]:focus-visible + .checkbox-check, :where(.is-focused), .has-default-focus :focus-visible, .default-focus :focus-visible {
    outline-color: inherit;
    outline-offset: .25rem;
    outline-width: .125rem;
    outline-style: dashed
}

.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .modal-card-foot.is-sticky, .link-button, .button-reset, .notification .notification-dismiss, .banner .banner-dismiss {
    outline-color: inherit;
    -webkit-appearance: none;
    appearance: none;
    background-color: #0000
}

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

.notification .notification-dismiss, .banner .banner-dismiss {
    color: currentColor;
    cursor: pointer;
    font-size: 1rem;
    display: inline-block
}

.banner, .hero {
    padding-inline: 16px
}

@media screen and (min-width: 1800px) {
    .banner, .hero {
        padding-inline: calc(50% - 884px)
    }
}

.card .card-content-description, .card .card-title, .card .card-supertitle, .line-clamp-4, .line-clamp-3, .line-clamp-2, .line-clamp-1 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

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

.loader:after, .control.is-loading:after, .select.is-loading:after, .alert.is-loading:after, .notification.is-loading:before, .banner.is-loading:before, .button.button-filled.button-danger.is-loading:after, .button.button-filled.button-warning.is-loading:after, .button.button-filled.button-info.is-loading:after, .button.button-filled.button-success.is-loading:after, .button.button-filled.button-tertiary.is-loading:after, .button.button-filled.button-secondary.is-loading:after, .button.button-filled.button-primary.is-loading:after, .button.button-filled.is-loading:after, .button.is-loading:after {
    border: 2px solid var(--theme-border);
    content: "";
    height: 1em;
    width: 1em;
    border-top-color: #0000;
    border-right-color: #0000;
    border-radius: 290486px;
    animation: .5s linear infinite spinAround;
    display: block;
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

.card .card-content-supertitle, .card .card-content-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.nav-bar-button.has-external-link-indicator[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, a.private-link-indicator:after, span.private-link-indicator:after, a.has-external-link-indicator:not(.button):not(.nav-bar-button).redirect:after, a.external-link-indicator:not(.button):not(.nav-bar-button).redirect:after, a.has-external-link-indicator:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, a.external-link-indicator:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a:not([class]):not(.button):not(.nav-bar-button).redirect:after, .content a[class=""]:not(.button):not(.nav-bar-button).redirect:after, .content a:focus-visible:not(.button):not(.nav-bar-button).redirect:after, .content a:not([class]):not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a[class=""]:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a:focus-visible:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after {
    content: "";
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor !important
}

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

a.private-link-indicator:after, span.private-link-indicator:after {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTE4LjI0OTMgNi45OTk4MkMxOC4yNDkzIDcuNjkwMTcgMTcuNjg5NiA4LjI0OTgyIDE2Ljk5OTMgOC4yNDk4MkMxNi4zMDg5IDguMjQ5ODIgMTUuNzQ5MyA3LjY5MDE3IDE1Ljc0OTMgNi45OTk4MkMxNS43NDkzIDYuMzA5NDYgMTYuMzA4OSA1Ljc0OTgyIDE2Ljk5OTMgNS43NDk4MkMxNy42ODk2IDUuNzQ5ODIgMTguMjQ5MyA2LjMwOTQ2IDE4LjI0OTMgNi45OTk4MlpNMTUuNDk5MiAyLjA0OThDMTEuODg1IDIuMDQ5OCA4Ljk0OTIyIDQuOTg1NTkgOC45NDkyMiA4LjU5OThDOC45NDkyMiA4Ljk4NzAxIDguOTk5MzkgOS4zNjAxNyA5LjA1OTY4IDkuNzAzODJDOS4wNzc0OSA5LjgwNTI5IDkuMDQ0OTMgOS44OTM0NCA4Ljk5MDQ2IDkuOTQ3OTFMMi43NTQ2NyAxNi4xODM3QzIuMjM4OTUgMTYuNjk5NCAxLjk0OTIyIDE3LjM5ODkgMS45NDkyMiAxOC4xMjgyVjIwLjI5OThDMS45NDkyMiAyMS4yNjYzIDIuNzMyNzIgMjIuMDQ5OCAzLjY5OTIyIDIyLjA0OThINi4xOTkyMkM3LjE2NTcyIDIyLjA0OTggNy45NDkyMiAyMS4yNjYzIDcuOTQ5MjIgMjAuMjk5OFYxOS4wNDk4SDkuNjk5MjJDMTAuMzg5NiAxOS4wNDk4IDEwLjk0OTIgMTguNDkwMiAxMC45NDkyIDE3Ljc5OThWMTYuMDQ5OEgxMi42OTkyQzEzLjM3NDEgMTYuMDQ5OCAxMy45MjQxIDE1LjUxNSAxMy45NDg0IDE0Ljg0NkMxNC40NDUxIDE0Ljk3MzggMTQuOTY4OSAxNS4wNDk4IDE1LjQ5OTIgMTUuMDQ5OEMxOS4xMTM0IDE1LjA0OTggMjIuMDQ5MiAxMi4xMTQgMjIuMDQ5MiA4LjQ5OThDMjIuMDQ5MiA0Ljg2ODY2IDE5LjA5NjMgMi4wNDk4IDE1LjQ5OTIgMi4wNDk4Wk0xMC40NDkyIDguNTk5OEMxMC40NDkyIDUuODE0MDIgMTIuNzEzNCAzLjU0OTggMTUuNDk5MiAzLjU0OThDMTguMzAyMSAzLjU0OTggMjAuNTQ5MiA1LjczMDk1IDIwLjU0OTIgOC40OTk4QzIwLjU0OTIgMTEuMjg1NiAxOC4yODUgMTMuNTQ5OCAxNS40OTkyIDEzLjU0OThDMTQuODE5OSAxMy41NDk4IDE0LjEyMDYgMTMuMzc4NyAxMy40OTQ3IDEzLjExMDRDMTMuMjYyOSAxMy4wMTExIDEyLjk5NjggMTMuMDM0OSAxMi43ODY0IDEzLjE3MzdDMTIuNTc1OSAxMy4zMTI1IDEyLjQ0OTIgMTMuNTQ3NyAxMi40NDkyIDEzLjc5OThWMTQuNTQ5OEgxMC42OTkyQzEwLjAwODkgMTQuNTQ5OCA5LjQ0OTIyIDE1LjEwOTQgOS40NDkyMiAxNS43OTk4VjE3LjU0OThINy42OTkyMkM3LjAwODg2IDE3LjU0OTggNi40NDkyMiAxOC4xMDk0IDYuNDQ5MjIgMTguNzk5OFYyMC4yOTk4QzYuNDQ5MjIgMjAuNDM3OSA2LjMzNzI5IDIwLjU0OTggNi4xOTkyMiAyMC41NDk4SDMuNjk5MjJDMy41NjExNSAyMC41NDk4IDMuNDQ5MjIgMjAuNDM3OSAzLjQ0OTIyIDIwLjI5OThWMTguMTI4MkMzLjQ0OTIyIDE3Ljc5NjcgMy41ODA5MSAxNy40Nzg4IDMuODE1MzQgMTcuMjQ0M0wxMC4wNTExIDExLjAwODZDMTAuNDY5NSAxMC41OTAyIDEwLjYzNDkgMTAuMDAxOCAxMC41MzcxIDkuNDQ0NjFDMTAuNDgzNCA5LjEzODY1IDEwLjQ0OTIgOC44NjIyIDEwLjQ0OTIgOC41OTk4WiIgZmlsbD0iIzIxMjEyMSIgLz4NCjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTE4LjI0OTMgNi45OTk4MkMxOC4yNDkzIDcuNjkwMTcgMTcuNjg5NiA4LjI0OTgyIDE2Ljk5OTMgOC4yNDk4MkMxNi4zMDg5IDguMjQ5ODIgMTUuNzQ5MyA3LjY5MDE3IDE1Ljc0OTMgNi45OTk4MkMxNS43NDkzIDYuMzA5NDYgMTYuMzA4OSA1Ljc0OTgyIDE2Ljk5OTMgNS43NDk4MkMxNy42ODk2IDUuNzQ5ODIgMTguMjQ5MyA2LjMwOTQ2IDE4LjI0OTMgNi45OTk4MlpNMTUuNDk5MiAyLjA0OThDMTEuODg1IDIuMDQ5OCA4Ljk0OTIyIDQuOTg1NTkgOC45NDkyMiA4LjU5OThDOC45NDkyMiA4Ljk4NzAxIDguOTk5MzkgOS4zNjAxNyA5LjA1OTY4IDkuNzAzODJDOS4wNzc0OSA5LjgwNTI5IDkuMDQ0OTMgOS44OTM0NCA4Ljk5MDQ2IDkuOTQ3OTFMMi43NTQ2NyAxNi4xODM3QzIuMjM4OTUgMTYuNjk5NCAxLjk0OTIyIDE3LjM5ODkgMS45NDkyMiAxOC4xMjgyVjIwLjI5OThDMS45NDkyMiAyMS4yNjYzIDIuNzMyNzIgMjIuMDQ5OCAzLjY5OTIyIDIyLjA0OThINi4xOTkyMkM3LjE2NTcyIDIyLjA0OTggNy45NDkyMiAyMS4yNjYzIDcuOTQ5MjIgMjAuMjk5OFYxOS4wNDk4SDkuNjk5MjJDMTAuMzg5NiAxOS4wNDk4IDEwLjk0OTIgMTguNDkwMiAxMC45NDkyIDE3Ljc5OThWMTYuMDQ5OEgxMi42OTkyQzEzLjM3NDEgMTYuMDQ5OCAxMy45MjQxIDE1LjUxNSAxMy45NDg0IDE0Ljg0NkMxNC40NDUxIDE0Ljk3MzggMTQuOTY4OSAxNS4wNDk4IDE1LjQ5OTIgMTUuMDQ5OEMxOS4xMTM0IDE1LjA0OTggMjIuMDQ5MiAxMi4xMTQgMjIuMDQ5MiA4LjQ5OThDMjIuMDQ5MiA0Ljg2ODY2IDE5LjA5NjMgMi4wNDk4IDE1LjQ5OTIgMi4wNDk4Wk0xMC40NDkyIDguNTk5OEMxMC40NDkyIDUuODE0MDIgMTIuNzEzNCAzLjU0OTggMTUuNDk5MiAzLjU0OThDMTguMzAyMSAzLjU0OTggMjAuNTQ5MiA1LjczMDk1IDIwLjU0OTIgOC40OTk4QzIwLjU0OTIgMTEuMjg1NiAxOC4yODUgMTMuNTQ5OCAxNS40OTkyIDEzLjU0OThDMTQuODE5OSAxMy41NDk4IDE0LjEyMDYgMTMuMzc4NyAxMy40OTQ3IDEzLjExMDRDMTMuMjYyOSAxMy4wMTExIDEyLjk5NjggMTMuMDM0OSAxMi43ODY0IDEzLjE3MzdDMTIuNTc1OSAxMy4zMTI1IDEyLjQ0OTIgMTMuNTQ3NyAxMi40NDkyIDEzLjc5OThWMTQuNTQ5OEgxMC42OTkyQzEwLjAwODkgMTQuNTQ5OCA5LjQ0OTIyIDE1LjEwOTQgOS40NDkyMiAxNS43OTk4VjE3LjU0OThINy42OTkyMkM3LjAwODg2IDE3LjU0OTggNi40NDkyMiAxOC4xMDk0IDYuNDQ5MjIgMTguNzk5OFYyMC4yOTk4QzYuNDQ5MjIgMjAuNDM3OSA2LjMzNzI5IDIwLjU0OTggNi4xOTkyMiAyMC41NDk4SDMuNjk5MjJDMy41NjExNSAyMC41NDk4IDMuNDQ5MjIgMjAuNDM3OSAzLjQ0OTIyIDIwLjI5OThWMTguMTI4MkMzLjQ0OTIyIDE3Ljc5NjcgMy41ODA5MSAxNy40Nzg4IDMuODE1MzQgMTcuMjQ0M0wxMC4wNTExIDExLjAwODZDMTAuNDY5NSAxMC41OTAyIDEwLjYzNDkgMTAuMDAxOCAxMC41MzcxIDkuNDQ0NjFDMTAuNDgzNCA5LjEzODY1IDEwLjQ0OTIgOC44NjIyIDEwLjQ0OTIgOC41OTk4WiIgZmlsbD0iIzIxMjEyMSIgLz4NCjwvc3ZnPg==)
}

a.private-link-indicator:after, span.private-link-indicator:after, a.has-external-link-indicator:not(.button):not(.nav-bar-button).redirect:after, a.external-link-indicator:not(.button):not(.nav-bar-button).redirect:after, a.has-external-link-indicator:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, a.external-link-indicator:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a:not([class]):not(.button):not(.nav-bar-button).redirect:after, .content a[class=""]:not(.button):not(.nav-bar-button).redirect:after, .content a:focus-visible:not(.button):not(.nav-bar-button).redirect:after, .content a:not([class]):not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a[class=""]:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a:focus-visible:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after {
    -webkit-clip-path: inset(.3125em 0) padding-box;
    clip-path: inset(.3125em 0) padding-box;
    margin: 0 .125rem;
    padding: 0 .375em;
    -webkit-mask-size: .75em 1.5em;
    mask-size: .75em 1.5em
}

@supports (-webkit-touch-callout:none) {
    a.private-link-indicator:after, span.private-link-indicator:after, a.has-external-link-indicator:not(.button):not(.nav-bar-button).redirect:after, a.external-link-indicator:not(.button):not(.nav-bar-button).redirect:after, a.has-external-link-indicator:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, a.external-link-indicator:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a:not([class]):not(.button):not(.nav-bar-button).redirect:after, .content a[class=""]:not(.button):not(.nav-bar-button).redirect:after, .content a:focus-visible:not(.button):not(.nav-bar-button).redirect:after, .content a:not([class]):not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a[class=""]:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a:focus-visible:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after {
        -webkit-clip-path: inset(.25em 0) !important;
        clip-path: inset(.25em 0) !important
    }
}

@media (forced-colors: active) {
    a.private-link-indicator:after, span.private-link-indicator:after, a.has-external-link-indicator:not(.button):not(.nav-bar-button).redirect:after, a.external-link-indicator:not(.button):not(.nav-bar-button).redirect:after, a.has-external-link-indicator:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, a.external-link-indicator:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a:not([class]):not(.button):not(.nav-bar-button).redirect:after, .content a[class=""]:not(.button):not(.nav-bar-button).redirect:after, .content a:focus-visible:not(.button):not(.nav-bar-button).redirect:after, .content a:not([class]):not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a[class=""]:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after, .content a:focus-visible:not(.button):not(.nav-bar-button):not(.redirect)[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after {
        forced-color-adjust: none;
        background-color: LinkText !important
    }
}

html.show-deprecation-warning ul.card-content-metadata.has-bullets > li:not(:last-of-type):not(:only-of-type).has-text-danger, html.show-deprecation-warning .border-block-start-learn-dark, html.show-deprecation-warning .background-color-body-learn-dark, html.show-deprecation-warning .background-color-body-learn {
    outline: 4px solid red
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: #0000
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template, [hidden] {
    display: none
}

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

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button, input, select {
    margin: 0
}

html {
    box-sizing: border-box
}

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

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

iframe {
    border: 0
}

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

td, th {
    padding: 0
}

:root, .theme-light {
    --theme-text: #161616;
    --theme-text-subtle: #505050;
    --theme-text-invert: #fff;
    --theme-text-glow-high-contrast: #171717;
    --theme-box-shadow-light: #0000001c;
    --theme-box-shadow-medium: #00000021;
    --theme-box-shadow-heavy: #0000002e;
    --theme-box-shadow-extra-heavy: #00000038;
    --theme-overlay: #000000b3;
    --theme-overlay-invert: #fff;
    --theme-body-background: #fff;
    --theme-body-background-accent: #e8e6df;
    --theme-body-background-medium: #f2f2f2;
    --theme-alternate-background: #171717;
    --theme-alternate-background-medium: #2f2f2f;
    --theme-card-background: #fff;
    --theme-border: #e6e6e6;
    --theme-border-accent: #e8e6df;
    --theme-border-white-high-contrast: #fff0;
    --theme-border-yellow-high-contrast: #0000;
    --theme-table-header: #e6e6e6;
    --theme-table-row: #f2f2f2;
    --theme-table-row-header: #fafafa;
    --theme-table-border-dark: #d2d2d2;
    --theme-hover-base: #2f2f2f;
    --theme-hover-invert: #fafafa;
    --theme-code-header: #e6e6e6;
    --theme-code-block: #f2f2f2;
    --theme-control-border: #757575;
    --theme-inline-code: #e6e6e6;
    --theme-code-highlight-background: #fff4ce;
    --theme-visited: #624991;
    --theme-score-low-off: #a800004d;
    --theme-score-low: #b62626;
    --theme-score-medium-off: #ffbb004d;
    --theme-score-medium: #ffb900;
    --theme-score-high-off: #489d484d;
    --theme-score-high: #2a8b2a;
    --theme-hyperlink: #0065b3;
    --theme-primary-base: #0078d4;
    --theme-primary-background: #d7eaf8;
    --theme-primary-background-glow-high-contrast: #d7eaf8;
    --theme-primary-dark: #004173;
    --theme-primary-hover: #0065b3;
    --theme-primary-active: #00579a;
    --theme-primary-box-shadow: #0065b34d;
    --theme-primary-invert: #fff;
    --theme-secondary-base: #a2a2a2;
    --theme-secondary-background: #e6e6e6;
    --theme-secondary-background-glow-high-contrast: #e6e6e6;
    --theme-secondary-dark: #2f2f2f;
    --theme-secondary-hover: #d2d2d2;
    --theme-secondary-active: #d2d2d2;
    --theme-secondary-box-shadow: #0000004d;
    --theme-secondary-invert: #000;
    --theme-tertiary-base: #243a5e;
    --theme-tertiary-background: #061329;
    --theme-tertiary-background-glow-high-contrast: #061329;
    --theme-tertiary-dark: #a4b2c9;
    --theme-tertiary-hover: #14294c;
    --theme-tertiary-active: #70819f;
    --theme-tertiary-box-shadow: #26173f4d;
    --theme-tertiary-invert: #fff;
    --theme-success-base: #107c10;
    --theme-success-background: #dff6dd;
    --theme-success-background-glow-high-contrast: #dff6dd;
    --theme-success-dark: #054b16;
    --theme-success-hover: #0b6413;
    --theme-success-active: #054b16;
    --theme-success-box-shadow: #489d484d;
    --theme-success-invert: #fff;
    --theme-info-base: #8661c5;
    --theme-info-background: #efd9fd;
    --theme-info-background-glow-high-contrast: #efd9fd;
    --theme-info-dark: #3b2e58;
    --theme-info-hover: #8661c5;
    --theme-info-active: #624991;
    --theme-info-box-shadow: #2018434d;
    --theme-info-invert: #fff;
    --theme-warning-base: #ffb900;
    --theme-warning-background: #fff4ce;
    --theme-warning-background-glow-high-contrast: #fff4ce;
    --theme-warning-dark: #6a4b16;
    --theme-warning-hover: #d19501;
    --theme-warning-active: #966802;
    --theme-warning-box-shadow: #ffbb004d;
    --theme-warning-invert: #000;
    --theme-danger-base: #a80000;
    --theme-danger-background: #fde7e9;
    --theme-danger-background-glow-high-contrast: #fde7e9;
    --theme-danger-dark: #470001;
    --theme-danger-hover: #870000;
    --theme-danger-active: #630001;
    --theme-danger-box-shadow: #a800004d;
    --theme-danger-invert: #fff;
    --theme-facepile-red: #a80000;
    --theme-facepile-teal: #328e9f;
    --theme-facepile-blue: #0078d4;
    --theme-gradient-text-purple: #702573;
    --theme-gradient-text-blue: #00579a;
    --theme-gradient-vivid-start: #b84dc6;
    --theme-gradient-vivid-end: #0078d4
}

@media not print {
    .theme-dark {
        --theme-text: #e6e6e6;
        --theme-text-subtle: #d2d2d2;
        --theme-text-invert: #2f2f2f;
        --theme-text-glow-high-contrast: #e6e6e6;
        --theme-box-shadow-light: #0000001c;
        --theme-box-shadow-medium: #00000021;
        --theme-box-shadow-heavy: #0000002e;
        --theme-box-shadow-extra-heavy: #00000038;
        --theme-overlay: #000000b3;
        --theme-overlay-invert: #fff;
        --theme-body-background: #171717;
        --theme-body-background-accent: #091f2c;
        --theme-body-background-medium: #2f2f2f;
        --theme-alternate-background: #f2f2f2;
        --theme-alternate-background-medium: #fafafa;
        --theme-border: #404040;
        --theme-border-accent: #505050;
        --theme-border-white-high-contrast: #fff0;
        --theme-border-yellow-high-contrast: #0000;
        --theme-card-background: #091f2c;
        --theme-table-header: #404040;
        --theme-table-row: #2f2f2f;
        --theme-table-row-header: #2f2f2f;
        --theme-table-border-dark: #505050;
        --theme-hover-base: #d2d2d2;
        --theme-hover-invert: #2f2f2f;
        --theme-code-header: #404040;
        --theme-code-block: #2f2f2f;
        --theme-control-border: #d2d2d2;
        --theme-inline-code: #404040;
        --theme-code-highlight-background: #0b6413;
        --theme-visited: #ac7ee1;
        --theme-score-low-off: #a80000b3;
        --theme-score-low: #b62626;
        --theme-score-medium-off: #ffbb004d;
        --theme-score-medium: #ffcb3f;
        --theme-score-high-off: #489d48b3;
        --theme-score-high: #489d48;
        --theme-hyperlink: #75b6e7;
        --theme-primary-base: #75b6e7;
        --theme-primary-background: #004173;
        --theme-primary-background-glow-high-contrast: #004173;
        --theme-primary-dark: #9ccbee;
        --theme-primary-hover: #278cda;
        --theme-primary-active: #0078d4;
        --theme-primary-box-shadow: #0065b34d;
        --theme-primary-invert: #000;
        --theme-secondary-base: #757575;
        --theme-secondary-background: #404040;
        --theme-secondary-background-glow-high-contrast: #404040;
        --theme-secondary-dark: #e6e6e6;
        --theme-secondary-hover: #8e8e8e;
        --theme-secondary-active: #a2a2a2;
        --theme-secondary-box-shadow: #000000b3;
        --theme-secondary-invert: #fff;
        --theme-tertiary-base: #404040;
        --theme-tertiary-background: #171717;
        --theme-tertiary-background-glow-high-contrast: #171717;
        --theme-tertiary-dark: #e6e6e6;
        --theme-tertiary-hover: #505050;
        --theme-tertiary-active: #757575;
        --theme-tertiary-box-shadow: #0065b34d;
        --theme-tertiary-invert: #fff;
        --theme-success-base: #7cbb7b;
        --theme-success-background: #054b16;
        --theme-success-background-glow-high-contrast: #054b16;
        --theme-success-dark: #dff6dd;
        --theme-success-hover: #489d48;
        --theme-success-active: #7cbb7b;
        --theme-success-box-shadow: #489d48b3;
        --theme-success-invert: #000;
        --theme-info-base: #9970d3;
        --theme-info-background: #3b2e58;
        --theme-info-background-glow-high-contrast: #3b2e58;
        --theme-info-dark: #efd9fd;
        --theme-info-hover: #ac7ee1;
        --theme-info-active: #d59dff;
        --theme-info-box-shadow: #201843b3;
        --theme-info-invert: #000;
        --theme-warning-base: #ffb900;
        --theme-warning-background: #6a4b16;
        --theme-warning-background-glow-high-contrast: #6a4b16;
        --theme-warning-dark: #fff4ce;
        --theme-warning-hover: #ffcb3f;
        --theme-warning-active: #ffdf84;
        --theme-warning-box-shadow: #ffbb00b3;
        --theme-warning-invert: #000;
        --theme-danger-base: #e5a7a8;
        --theme-danger-background: #630001;
        --theme-danger-background-glow-high-contrast: #630001;
        --theme-danger-dark: #fde7e9;
        --theme-danger-hover: #c54f4f;
        --theme-danger-active: #d4797a;
        --theme-danger-box-shadow: #a80000b3;
        --theme-danger-invert: #000;
        --theme-facepile-red: #c54f4f;
        --theme-facepile-teal: #50e6ff;
        --theme-facepile-blue: #278cda;
        --theme-gradient-text-purple: #cd9bcf;
        --theme-gradient-text-blue: #9ccbee;
        --theme-gradient-vivid-start: #b84dc6;
        --theme-gradient-vivid-end: #75b6e7
    }

    .theme-high-contrast {
        --theme-text: #fff;
        --theme-text-subtle: #fff;
        --theme-text-invert: #000;
        --theme-text-glow-high-contrast: #ff0;
        --theme-box-shadow-light: #0000001c;
        --theme-box-shadow-medium: #00000021;
        --theme-box-shadow-heavy: #0000002e;
        --theme-box-shadow-extra-heavy: #00000038;
        --theme-overlay: #404040;
        --theme-overlay-invert: #fff;
        --theme-body-background: #000;
        --theme-body-background-accent: #000;
        --theme-body-background-medium: #000;
        --theme-alternate-background: #fff;
        --theme-alternate-background-medium: #fff;
        --theme-border: #fff;
        --theme-border-accent: #fff;
        --theme-border-white-high-contrast: #fff;
        --theme-border-yellow-high-contrast: #ff0;
        --theme-card-background: #000;
        --theme-table-header: #505050;
        --theme-table-row: #000;
        --theme-table-row-header: #171717;
        --theme-table-border-dark: #fff;
        --theme-hover-base: #ff0;
        --theme-hover-invert: #000;
        --theme-code-header: #000;
        --theme-code-block: #000;
        --theme-control-border: #fff;
        --theme-inline-code: #2f2f2f;
        --theme-code-highlight-background: #0b6413;
        --theme-visited: #3cff00;
        --theme-score-low-off: #a80000;
        --theme-score-low: #fde7e9;
        --theme-score-medium-off: #ffbb00b3;
        --theme-score-medium: #ffe79f;
        --theme-score-high-off: #107c10;
        --theme-score-high: #dff6dd;
        --theme-hyperlink: #ff0;
        --theme-primary-base: #ff0;
        --theme-primary-background: #000;
        --theme-primary-background-glow-high-contrast: #ff0;
        --theme-primary-dark: #ff0;
        --theme-primary-hover: #ff3;
        --theme-primary-active: #ff3;
        --theme-primary-box-shadow: #fff;
        --theme-primary-invert: #000;
        --theme-secondary-base: #e6e6e6;
        --theme-secondary-background: #000;
        --theme-secondary-background-glow-high-contrast: #505050;
        --theme-secondary-dark: #e6e6e6;
        --theme-secondary-hover: #d2d2d2;
        --theme-secondary-active: #d2d2d2;
        --theme-secondary-box-shadow: #e6e6e6;
        --theme-secondary-invert: #000;
        --theme-tertiary-base: #fff;
        --theme-tertiary-background: #000;
        --theme-tertiary-background-glow-high-contrast: #fff;
        --theme-tertiary-dark: #fff;
        --theme-tertiary-hover: #e6e6e6;
        --theme-tertiary-active: #e6e6e6;
        --theme-tertiary-box-shadow: #fff;
        --theme-tertiary-invert: #000;
        --theme-success-base: #7cbb7b;
        --theme-success-background: #000;
        --theme-success-background-glow-high-contrast: #7cbb7b;
        --theme-success-dark: #acd7aa;
        --theme-success-hover: #acd7aa;
        --theme-success-active: #acd7aa;
        --theme-success-box-shadow: #fff;
        --theme-success-invert: #000;
        --theme-info-base: #e0b7fe;
        --theme-info-background: #000;
        --theme-info-background-glow-high-contrast: #e0b7fe;
        --theme-info-dark: #efd9fd;
        --theme-info-hover: #efd9fd;
        --theme-info-active: #efd9fd;
        --theme-info-box-shadow: #fff;
        --theme-info-invert: #000;
        --theme-warning-base: #ffe79f;
        --theme-warning-background: #000;
        --theme-warning-background-glow-high-contrast: #ffe79f;
        --theme-warning-dark: #fff4ce;
        --theme-warning-hover: #fff4ce;
        --theme-warning-active: #fff4ce;
        --theme-warning-box-shadow: #fff;
        --theme-warning-invert: #000;
        --theme-danger-base: #e5a7a8;
        --theme-danger-background: #000;
        --theme-danger-background-glow-high-contrast: #e5a7a8;
        --theme-danger-dark: #fde7e9;
        --theme-danger-hover: #fde7e9;
        --theme-danger-active: #fde7e9;
        --theme-danger-box-shadow: #fff;
        --theme-danger-invert: #000;
        --theme-facepile-red: #d4797a;
        --theme-facepile-teal: #7becff;
        --theme-facepile-blue: #75b6e7;
        --theme-gradient-text-purple: #fff;
        --theme-gradient-text-blue: #fff;
        --theme-gradient-vivid-start: #fff;
        --theme-gradient-vivid-end: #fff
    }
}

.theme-high-contrast, .theme-dark, .theme-light {
    outline-color: var(--theme-text);
    background-color: var(--theme-body-background);
    color: var(--theme-text)
}

.theme-light {
    color-scheme: light
}

.theme-dark, .theme-high-contrast {
    color-scheme: dark
}

html {
    font-size: 16px
}

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

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

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

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

@keyframes spinAround {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes boop {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}

@keyframes slide-up-fade-out {
    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes fade-out {
    to {
        opacity: 0
    }
}

.animation-fade {
    animation: .4s ease-in forwards fade-out
}

@media (prefers-reduced-motion: reduce) {
    .animation-fade {
        animation-duration: 0s
    }
}

.animation-slide-up {
    animation: .4s ease-in forwards slide-up-fade-out
}

@media (prefers-reduced-motion: reduce) {
    .animation-slide-up {
        animation-duration: 0s
    }
}

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

:where(.is-focused).has-inner-focus, :where(.is-focused).inner-focus {
    outline-offset: -.125rem;
    outline-color: currentColor
}

details, details > * {
    box-sizing: border-box !important
}

:where(html *), :where(html a), :where(html li) {
    outline-color: inherit;
	line-height:2
}

:where(a) {
    color: var(--theme-hyperlink);
    cursor: pointer;
    word-wrap: break-word;
    text-decoration: none
}

:where(a:hover) {
    color: var(--theme-primary-hover);
    text-decoration: underline
}

:where(a:visited) {
    color: var(--theme-visited)
}

::target-text {
    background-color: var(--theme-code-highlight-background)
}

.aspect-ratio-1-1 {
    aspect-ratio: 1/1 !important
}

.aspect-ratio-2-1 {
    aspect-ratio: 2/1 !important
}

.aspect-ratio-4-3 {
    aspect-ratio: 4/3 !important
}

.aspect-ratio-9-16 {
    aspect-ratio: 9/16 !important
}

.aspect-ratio-16-9 {
    aspect-ratio: 16/9 !important
}

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

.border-md {
    border: .125rem solid var(--theme-border) !important
}

.border-lg {
    border: .25rem solid var(--theme-border) !important
}

.border-none {
    border: none !important
}

.border-top {
    border-block-start: 1px solid var(--theme-border) !important
}

.border-top-md {
    border-block-start: .125rem solid var(--theme-border) !important
}

.border-top-lg {
    border-block-start: .25rem solid var(--theme-border) !important
}

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

.border-right {
    border-inline-end: 1px solid var(--theme-border) !important
}

.border-right-md {
    border-inline-end: .125rem solid var(--theme-border) !important
}

.border-right-lg {
    border-inline-end: .25rem solid var(--theme-border) !important
}

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

.border-bottom {
    border-block-end: 1px solid var(--theme-border) !important
}

.border-bottom-md {
    border-block-end: .125rem solid var(--theme-border) !important
}

.border-bottom-lg {
    border-block-end: .25rem solid var(--theme-border) !important
}

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

.border-left {
    border-inline-start: 1px solid var(--theme-border) !important
}

.border-left-md {
    border-inline-start: .125rem solid var(--theme-border) !important
}

.border-left-lg {
    border-inline-start: .25rem solid var(--theme-border) !important
}

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

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

    .border-md-tablet {
        border: .125rem solid var(--theme-border) !important
    }

    .border-lg-tablet {
        border: .25rem solid var(--theme-border) !important
    }

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

    .border-top-tablet {
        border-block-start: 1px solid var(--theme-border) !important
    }

    .border-top-md-tablet {
        border-block-start: .125rem solid var(--theme-border) !important
    }

    .border-top-lg-tablet {
        border-block-start: .25rem solid var(--theme-border) !important
    }

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

    .border-right-tablet {
        border-inline-end: 1px solid var(--theme-border) !important
    }

    .border-right-md-tablet {
        border-inline-end: .125rem solid var(--theme-border) !important
    }

    .border-right-lg-tablet {
        border-inline-end: .25rem solid var(--theme-border) !important
    }

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

    .border-bottom-tablet {
        border-block-end: 1px solid var(--theme-border) !important
    }

    .border-bottom-md-tablet {
        border-block-end: .125rem solid var(--theme-border) !important
    }

    .border-bottom-lg-tablet {
        border-block-end: .25rem solid var(--theme-border) !important
    }

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

    .border-left-tablet {
        border-inline-start: 1px solid var(--theme-border) !important
    }

    .border-left-md-tablet {
        border-inline-start: .125rem solid var(--theme-border) !important
    }

    .border-left-lg-tablet {
        border-inline-start: .25rem solid var(--theme-border) !important
    }

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

.border-radius-sm {
    border-radius: .125rem !important
}

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

.border-radius-lg {
    border-radius: .375rem !important
}

.border-radius-rounded {
    border-radius: 290486px !important
}

.border-color-primary {
    border-color: var(--theme-primary-base) !important
}

.border-color-secondary {
    border-color: var(--theme-secondary-base) !important
}

.border-color-tertiary {
    border-color: var(--theme-tertiary-base) !important
}

.border-color-success {
    border-color: var(--theme-success-base) !important
}

.border-color-info {
    border-color: var(--theme-info-base) !important
}

.border-color-warning {
    border-color: var(--theme-warning-base) !important
}

.border-color-danger {
    border-color: var(--theme-danger-base) !important
}

.border-color-accent {
    border-color: var(--theme-border-accent) !important
}

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

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

.background-size-100 {
    background-size: 100px
}

.background-size-200 {
    background-size: 200px
}

.background-image-pattern {
    background-image: var(--background-image-pattern)
}

.color-primary {
    color: var(--theme-primary-base) !important
}

a.color-primary:hover, a.color-primary:focus-visible {
    color: var(--theme-primary-hover) !important
}

a.color-primary:active {
    color: var(--theme-primary-active) !important
}

.color-primary-invert {
    color: var(--theme-primary-invert) !important
}

.background-color-primary {
    outline-color: var(--theme-primary-invert);
    background-color: var(--theme-primary-base) !important
}

.background-color-primary-invert {
    outline-color: var(--theme-primary-base);
    background-color: var(--theme-primary-invert) !important
}

.background-color-primary-light {
    outline-color: var(--theme-primary-dark);
    background-color: var(--theme-primary-background) !important
}

.background-color-primary-dark {
    outline-color: var(--theme-primary-background);
    background-color: var(--theme-primary-dark) !important
}

.color-secondary {
    color: var(--theme-secondary-base) !important
}

a.color-secondary:hover, a.color-secondary:focus-visible {
    color: var(--theme-secondary-hover) !important
}

a.color-secondary:active {
    color: var(--theme-secondary-active) !important
}

.color-secondary-invert {
    color: var(--theme-secondary-invert) !important
}

.background-color-secondary {
    outline-color: var(--theme-secondary-invert);
    background-color: var(--theme-secondary-base) !important
}

.background-color-secondary-invert {
    outline-color: var(--theme-secondary-base);
    background-color: var(--theme-secondary-invert) !important
}

.background-color-secondary-light {
    outline-color: var(--theme-secondary-dark);
    background-color: var(--theme-secondary-background) !important
}

.background-color-secondary-dark {
    outline-color: var(--theme-secondary-background);
    background-color: var(--theme-secondary-dark) !important
}

.color-tertiary {
    color: var(--theme-tertiary-base) !important
}

a.color-tertiary:hover, a.color-tertiary:focus-visible {
    color: var(--theme-tertiary-hover) !important
}

a.color-tertiary:active {
    color: var(--theme-tertiary-active) !important
}

.color-tertiary-invert {
    color: var(--theme-tertiary-invert) !important
}

.background-color-tertiary {
    outline-color: var(--theme-tertiary-invert);
    background-color: var(--theme-tertiary-base) !important
}

.background-color-tertiary-invert {
    outline-color: var(--theme-tertiary-base);
    background-color: var(--theme-tertiary-invert) !important
}

.background-color-tertiary-light {
    outline-color: var(--theme-tertiary-dark);
    background-color: var(--theme-tertiary-background) !important
}

.background-color-tertiary-dark {
    outline-color: var(--theme-tertiary-background);
    background-color: var(--theme-tertiary-dark) !important
}

.color-success {
    color: var(--theme-success-base) !important
}

a.color-success:hover, a.color-success:focus-visible {
    color: var(--theme-success-hover) !important
}

a.color-success:active {
    color: var(--theme-success-active) !important
}

.color-success-invert {
    color: var(--theme-success-invert) !important
}

.background-color-success {
    outline-color: var(--theme-success-invert);
    background-color: var(--theme-success-base) !important
}

.background-color-success-invert {
    outline-color: var(--theme-success-base);
    background-color: var(--theme-success-invert) !important
}

.background-color-success-light {
    outline-color: var(--theme-success-dark);
    background-color: var(--theme-success-background) !important
}

.background-color-success-dark {
    outline-color: var(--theme-success-background);
    background-color: var(--theme-success-dark) !important
}

.color-info {
    color: var(--theme-info-base) !important
}

a.color-info:hover, a.color-info:focus-visible {
    color: var(--theme-info-hover) !important
}

a.color-info:active {
    color: var(--theme-info-active) !important
}

.color-info-invert {
    color: var(--theme-info-invert) !important
}

.background-color-info {
    outline-color: var(--theme-info-invert);
    background-color: var(--theme-info-base) !important
}

.background-color-info-invert {
    outline-color: var(--theme-info-base);
    background-color: var(--theme-info-invert) !important
}

.background-color-info-light {
    outline-color: var(--theme-info-dark);
    background-color: var(--theme-info-background) !important
}

.background-color-info-dark {
    outline-color: var(--theme-info-background);
    background-color: var(--theme-info-dark) !important
}

.color-warning, a.color-warning:hover {
    color: var(--theme-warning-active) !important
}

a.color-warning:focus-visible {
    color: var(--theme-warning-hover) !important
}

a.color-warning:active {
    color: var(--theme-warning-active) !important
}

.color-warning-invert {
    color: var(--theme-warning-invert) !important
}

.background-color-warning {
    outline-color: var(--theme-warning-invert);
    background-color: var(--theme-warning-base) !important
}

.background-color-warning-invert {
    outline-color: var(--theme-warning-base);
    background-color: var(--theme-warning-invert) !important
}

.background-color-warning-light {
    outline-color: var(--theme-warning-dark);
    background-color: var(--theme-warning-background) !important
}

.background-color-warning-dark {
    outline-color: var(--theme-warning-background);
    background-color: var(--theme-warning-dark) !important
}

.color-danger {
    color: var(--theme-danger-base) !important
}

a.color-danger:hover, a.color-danger:focus-visible {
    color: var(--theme-danger-hover) !important
}

a.color-danger:active {
    color: var(--theme-danger-active) !important
}

.color-danger-invert {
    color: var(--theme-danger-invert) !important
}

.background-color-danger {
    outline-color: var(--theme-danger-invert);
    background-color: var(--theme-danger-base) !important
}

.background-color-danger-invert {
    outline-color: var(--theme-danger-base);
    background-color: var(--theme-danger-invert) !important
}

.background-color-danger-light {
    outline-color: var(--theme-danger-dark);
    background-color: var(--theme-danger-background) !important
}

.background-color-danger-dark {
    outline-color: var(--theme-danger-background);
    background-color: var(--theme-danger-dark) !important
}

@media screen and (min-width: 768px), print {
    .background-color-primary-tablet {
        outline-color: var(--theme-primary-invert);
        background-color: var(--theme-primary-base) !important
    }

    .background-color-secondary-tablet {
        outline-color: var(--theme-secondary-invert);
        background-color: var(--theme-secondary-base) !important
    }

    .background-color-tertiary-tablet {
        outline-color: var(--theme-tertiary-invert);
        background-color: var(--theme-tertiary-base) !important
    }

    .background-color-success-tablet {
        outline-color: var(--theme-success-invert);
        background-color: var(--theme-success-base) !important
    }

    .background-color-info-tablet {
        outline-color: var(--theme-info-invert);
        background-color: var(--theme-info-base) !important
    }

    .background-color-warning-tablet {
        outline-color: var(--theme-warning-invert);
        background-color: var(--theme-warning-base) !important
    }

    .background-color-danger-tablet {
        outline-color: var(--theme-danger-invert);
        background-color: var(--theme-danger-base) !important
    }
}

.color-text {
    color: var(--theme-text) !important
}

.color-text-invert {
    color: var(--theme-text-invert) !important
}

.color-text-subtle {
    color: var(--theme-text-subtle) !important
}

.color-text-overlay-invert {
    color: var(--theme-overlay-invert)
}

.color-current-color {
    color: currentColor !important
}

.fill-current-color {
    forced-color-adjust: auto;
    fill: currentColor !important
}

.outline-color-text {
    outline-color: var(--theme-text) !important
}

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

.background-color-body {
    outline-color: var(--theme-text) !important;
    background-color: var(--theme-body-background) !important
}

.background-color-body-medium {
    outline-color: var(--theme-text) !important;
    background-color: var(--theme-body-background-medium) !important
}

.background-color-alternate {
    outline-color: var(--theme-text-invert) !important;
    background-color: var(--theme-alternate-background) !important
}

.background-color-alternate-medium {
    outline-color: var(--theme-text-invert) !important;
    background-color: var(--theme-alternate-background-medium) !important
}

.background-color-overlay {
    outline-color: var(--theme-overlay-invert);
    background-color: var(--theme-overlay) !important
}

.background-color-alternating-grey {
    border-block-start: 1px solid var(--theme-border-white-high-contrast);
    outline-color: var(--theme-text) !important
}

.background-color-alternating-grey:nth-of-type(2n) {
    outline-color: var(--theme-text);
    background-color: var(--theme-body-background)
}

.background-color-alternating-grey:nth-of-type(odd) {
    outline-color: var(--theme-text);
    background-color: var(--theme-body-background-medium)
}

.background-color-alternating-grey-reversed {
    border-block-start: 1px solid var(--theme-border-white-high-contrast);
    outline-color: var(--theme-text) !important
}

.background-color-alternating-grey-reversed:nth-of-type(2n) {
    outline-color: var(--theme-text);
    background-color: var(--theme-body-background-medium)
}

.background-color-alternating-grey-reversed:nth-of-type(odd) {
    outline-color: var(--theme-text);
    background-color: var(--theme-body-background)
}

.background-color-body-accent {
    outline-color: var(--theme-text) !important;
    background-color: var(--theme-body-background-accent) !important
}

.color-white-static {
    color: #fff !important
}

.color-black-static {
    color: #000 !important
}

.background-color-white-static {
    background-color: #fff !important
}

.background-color-black-static {
    background-color: #000 !important
}

.display-block {
    display: block !important
}

.display-flex {
    display: flex !important
}

.display-inline {
    display: inline !important
}

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

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

.display-grid {
    display: grid !important
}

.display-none {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-sm {
    gap: 1.5rem !important
}

.gap-md {
    gap: 2rem !important
}

.gap-lg {
    gap: 3rem !important
}

.gap-none {
    gap: 0 !important
}

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

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

    .gap-sm-tablet {
        gap: 1.5rem !important
    }

    .gap-md-tablet {
        gap: 2rem !important
    }

    .gap-lg-tablet {
        gap: 3rem !important
    }

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

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

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

    .gap-sm-desktop {
        gap: 1.5rem !important
    }

    .gap-md-desktop {
        gap: 2rem !important
    }

    .gap-lg-desktop {
        gap: 3rem !important
    }

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

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

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

    .gap-sm-widescreen {
        gap: 1.5rem !important
    }

    .gap-md-widescreen {
        gap: 2rem !important
    }

    .gap-lg-widescreen {
        gap: 3rem !important
    }

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

.object-fit-contain {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-position-top {
    object-position: top !important
}

.line-clamp-1 {
    -webkit-line-clamp: 1 !important
}

.line-clamp-2 {
    -webkit-line-clamp: 2 !important
}

.line-clamp-3 {
    -webkit-line-clamp: 3 !important
}

.line-clamp-4 {
    -webkit-line-clamp: 4 !important
}

.list-style-none {
    list-style: none !important
}

.overflow-hidden {
    overflow: hidden
}

@media screen and (min-width: 768px), print {
    .overflow-hidden-tablet {
        overflow: hidden
    }
}

.position-fixed {
    position: fixed !important
}

.position-absolute {
    position: absolute !important
}

.position-relative {
    position: relative !important
}

.position-sticky {
    position: sticky !important
}

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

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

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

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

.top-0 {
    inset-block-start: 0
}

.right-0 {
    inset-inline-end: 0
}

.bottom-0 {
    inset-block-end: 0
}

.left-0 {
    inset-inline-start: 0
}

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

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

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

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

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

.margin-inline-auto {
    margin-inline: auto !important
}

.margin-left-auto {
    margin-inline-start: auto !important
}

.margin-right-auto {
    margin-inline-end: auto !important
}

.margin-top-auto {
    margin-block-start: auto !important
}

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

    .margin-left-auto-tablet {
        margin-inline-start: auto !important
    }

    .margin-right-auto-tablet {
        margin-inline-end: auto !important
    }

    .margin-top-auto-tablet {
        margin-block-start: auto !important
    }
}

@media screen and (min-width: 1088px) {
    .margin-inline-auto-desktop {
        margin-inline: auto !important
    }

    .margin-left-auto-desktop {
        margin-inline-start: auto !important
    }

    .margin-right-auto-desktop {
        margin-inline-end: auto !important
    }

    .margin-top-auto-desktop {
        margin-block-start: auto !important
    }
}

@media screen and (min-width: 1800px) {
    .margin-inline-auto-widescreen {
        margin-inline: auto !important
    }

    .margin-left-auto-widescreen {
        margin-inline-start: auto !important
    }

    .margin-right-auto-widescreen {
        margin-inline-end: auto !important
    }

    .margin-top-auto-widescreen {
        margin-block-start: auto !important
    }
}

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

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

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

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

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

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

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

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

.margin-none {
    margin: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.margin-top-sm {
    margin-block-start: 1.5rem !important
}

.margin-top-md {
    margin-block-start: 2rem !important
}

.margin-top-lg {
    margin-block-start: 3rem !important
}

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

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

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

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

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

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

.margin-bottom-sm {
    margin-block-end: 1.5rem !important
}

.margin-bottom-md {
    margin-block-end: 2rem !important
}

.margin-bottom-lg {
    margin-block-end: 3rem !important
}

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

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

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

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

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

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

.margin-left-sm {
    margin-inline-start: 1.5rem !important
}

.margin-left-md {
    margin-inline-start: 2rem !important
}

.margin-left-lg {
    margin-inline-start: 3rem !important
}

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

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

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

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

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

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

.margin-right-sm {
    margin-inline-end: 1.5rem !important
}

.margin-right-md {
    margin-inline-end: 2rem !important
}

.margin-right-lg {
    margin-inline-end: 3rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.padding-none {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-top-sm {
    padding-block-start: 1.5rem !important
}

.padding-top-md {
    padding-block-start: 2rem !important
}

.padding-top-lg {
    padding-block-start: 3rem !important
}

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

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

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

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

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

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

.padding-bottom-sm {
    padding-block-end: 1.5rem !important
}

.padding-bottom-md {
    padding-block-end: 2rem !important
}

.padding-bottom-lg {
    padding-block-end: 3rem !important
}

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

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

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

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

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

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

.padding-left-sm {
    padding-inline-start: 1.5rem !important
}

.padding-left-md {
    padding-inline-start: 2rem !important
}

.padding-left-lg {
    padding-inline-start: 3rem !important
}

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

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

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

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

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

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

.padding-right-sm {
    padding-inline-end: 1.5rem !important
}

.padding-right-md {
    padding-inline-end: 2rem !important
}

.padding-right-lg {
    padding-inline-end: 3rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .margin-top-sm-tablet {
        margin-block-start: 1.5rem !important
    }

    .margin-top-md-tablet {
        margin-block-start: 2rem !important
    }

    .margin-top-lg-tablet {
        margin-block-start: 3rem !important
    }

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

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

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

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

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

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

    .margin-bottom-sm-tablet {
        margin-block-end: 1.5rem !important
    }

    .margin-bottom-md-tablet {
        margin-block-end: 2rem !important
    }

    .margin-bottom-lg-tablet {
        margin-block-end: 3rem !important
    }

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

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

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

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

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

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

    .margin-left-sm-tablet {
        margin-inline-start: 1.5rem !important
    }

    .margin-left-md-tablet {
        margin-inline-start: 2rem !important
    }

    .margin-left-lg-tablet {
        margin-inline-start: 3rem !important
    }

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

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

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

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

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

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

    .margin-right-sm-tablet {
        margin-inline-end: 1.5rem !important
    }

    .margin-right-md-tablet {
        margin-inline-end: 2rem !important
    }

    .margin-right-lg-tablet {
        margin-inline-end: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .padding-top-sm-tablet {
        padding-block-start: 1.5rem !important
    }

    .padding-top-md-tablet {
        padding-block-start: 2rem !important
    }

    .padding-top-lg-tablet {
        padding-block-start: 3rem !important
    }

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

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

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

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

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

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

    .padding-bottom-sm-tablet {
        padding-block-end: 1.5rem !important
    }

    .padding-bottom-md-tablet {
        padding-block-end: 2rem !important
    }

    .padding-bottom-lg-tablet {
        padding-block-end: 3rem !important
    }

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

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

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

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

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

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

    .padding-left-sm-tablet {
        padding-inline-start: 1.5rem !important
    }

    .padding-left-md-tablet {
        padding-inline-start: 2rem !important
    }

    .padding-left-lg-tablet {
        padding-inline-start: 3rem !important
    }

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

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

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

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

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

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

    .padding-right-sm-tablet {
        padding-inline-end: 1.5rem !important
    }

    .padding-right-md-tablet {
        padding-inline-end: 2rem !important
    }

    .padding-right-lg-tablet {
        padding-inline-end: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .margin-top-sm-desktop {
        margin-block-start: 1.5rem !important
    }

    .margin-top-md-desktop {
        margin-block-start: 2rem !important
    }

    .margin-top-lg-desktop {
        margin-block-start: 3rem !important
    }

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

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

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

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

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

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

    .margin-bottom-sm-desktop {
        margin-block-end: 1.5rem !important
    }

    .margin-bottom-md-desktop {
        margin-block-end: 2rem !important
    }

    .margin-bottom-lg-desktop {
        margin-block-end: 3rem !important
    }

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

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

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

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

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

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

    .margin-left-sm-desktop {
        margin-inline-start: 1.5rem !important
    }

    .margin-left-md-desktop {
        margin-inline-start: 2rem !important
    }

    .margin-left-lg-desktop {
        margin-inline-start: 3rem !important
    }

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

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

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

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

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

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

    .margin-right-sm-desktop {
        margin-inline-end: 1.5rem !important
    }

    .margin-right-md-desktop {
        margin-inline-end: 2rem !important
    }

    .margin-right-lg-desktop {
        margin-inline-end: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .padding-top-sm-desktop {
        padding-block-start: 1.5rem !important
    }

    .padding-top-md-desktop {
        padding-block-start: 2rem !important
    }

    .padding-top-lg-desktop {
        padding-block-start: 3rem !important
    }

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

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

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

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

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

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

    .padding-bottom-sm-desktop {
        padding-block-end: 1.5rem !important
    }

    .padding-bottom-md-desktop {
        padding-block-end: 2rem !important
    }

    .padding-bottom-lg-desktop {
        padding-block-end: 3rem !important
    }

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

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

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

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

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

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

    .padding-left-sm-desktop {
        padding-inline-start: 1.5rem !important
    }

    .padding-left-md-desktop {
        padding-inline-start: 2rem !important
    }

    .padding-left-lg-desktop {
        padding-inline-start: 3rem !important
    }

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

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

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

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

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

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

    .padding-right-sm-desktop {
        padding-inline-end: 1.5rem !important
    }

    .padding-right-md-desktop {
        padding-inline-end: 2rem !important
    }

    .padding-right-lg-desktop {
        padding-inline-end: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .margin-top-sm-widescreen {
        margin-block-start: 1.5rem !important
    }

    .margin-top-md-widescreen {
        margin-block-start: 2rem !important
    }

    .margin-top-lg-widescreen {
        margin-block-start: 3rem !important
    }

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

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

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

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

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

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

    .margin-bottom-sm-widescreen {
        margin-block-end: 1.5rem !important
    }

    .margin-bottom-md-widescreen {
        margin-block-end: 2rem !important
    }

    .margin-bottom-lg-widescreen {
        margin-block-end: 3rem !important
    }

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

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

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

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

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

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

    .margin-left-sm-widescreen {
        margin-inline-start: 1.5rem !important
    }

    .margin-left-md-widescreen {
        margin-inline-start: 2rem !important
    }

    .margin-left-lg-widescreen {
        margin-inline-start: 3rem !important
    }

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

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

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

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

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

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

    .margin-right-sm-widescreen {
        margin-inline-end: 1.5rem !important
    }

    .margin-right-md-widescreen {
        margin-inline-end: 2rem !important
    }

    .margin-right-lg-widescreen {
        margin-inline-end: 3rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .padding-top-sm-widescreen {
        padding-block-start: 1.5rem !important
    }

    .padding-top-md-widescreen {
        padding-block-start: 2rem !important
    }

    .padding-top-lg-widescreen {
        padding-block-start: 3rem !important
    }

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

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

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

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

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

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

    .padding-bottom-sm-widescreen {
        padding-block-end: 1.5rem !important
    }

    .padding-bottom-md-widescreen {
        padding-block-end: 2rem !important
    }

    .padding-bottom-lg-widescreen {
        padding-block-end: 3rem !important
    }

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

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

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

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

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

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

    .padding-left-sm-widescreen {
        padding-inline-start: 1.5rem !important
    }

    .padding-left-md-widescreen {
        padding-inline-start: 2rem !important
    }

    .padding-left-lg-widescreen {
        padding-inline-start: 3rem !important
    }

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

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

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

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

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

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

    .padding-right-sm-widescreen {
        padding-inline-end: 1.5rem !important
    }

    .padding-right-md-widescreen {
        padding-inline-end: 2rem !important
    }

    .padding-right-lg-widescreen {
        padding-inline-end: 3rem !important
    }

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

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

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

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

.font-family-monospace {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important
}

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px), print {
    .font-size-h0-tablet {
        font-size: 3.375rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px), print {
    .font-size-xl-tablet {
        font-size: 1.25rem !important
    }

    .font-size-lg-tablet {
        font-size: 1.125rem !important
    }

    .font-size-md-tablet {
        font-size: 1rem !important
    }

    .font-size-sm-tablet {
        font-size: .875rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

.text-align-left {
    text-align: start !important
}

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

.text-align-right {
    text-align: end !important
}

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

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

    .text-align-right-tablet {
        text-align: end !important
    }
}

.line-height-normal {
    line-height: 1.6
}

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

.width-auto {
    width: auto !important
}

.width-100 {
    width: 100px !important
}

.width-150 {
    width: 150px !important
}

.width-200 {
    width: 200px !important
}

.width-250 {
    width: 250px !important
}

.width-300 {
    width: 300px !important
}

.width-350 {
    width: 350px !important
}

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

    .width-auto-tablet {
        width: auto !important
    }

    .width-100-tablet {
        width: 100px !important
    }

    .width-150-tablet {
        width: 150px !important
    }

    .width-200-tablet {
        width: 200px !important
    }

    .width-250-tablet {
        width: 250px !important
    }

    .width-300-tablet {
        width: 300px !important
    }

    .width-350-tablet {
        width: 350px !important
    }

    .width-400-tablet {
        width: 400px !important
    }

    .width-450-tablet {
        width: 450px !important
    }

    .width-500-tablet {
        width: 500px !important
    }

    .width-unset-tablet {
        width: unset !important
    }
}

@media screen and (min-width: 1088px) {
    .width-full-desktop {
        width: 100% !important
    }

    .width-auto-desktop {
        width: auto !important
    }

    .width-100-desktop {
        width: 100px !important
    }

    .width-150-desktop {
        width: 150px !important
    }

    .width-200-desktop {
        width: 200px !important
    }

    .width-250-desktop {
        width: 250px !important
    }

    .width-300-desktop {
        width: 300px !important
    }

    .width-350-desktop {
        width: 350px !important
    }

    .width-400-desktop {
        width: 400px !important
    }

    .width-450-desktop {
        width: 450px !important
    }

    .width-500-desktop {
        width: 500px !important
    }

    .width-unset-desktop {
        width: unset !important
    }
}

.visually-hidden, ::part(visually-hidden) {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    word-wrap: normal;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.button {
    border-width: 1px;
    border-color: var(--theme-text-subtle);
    background-color: var(--theme-body-background);
    color: var(--theme-text);
    text-align: center;
    cursor: pointer;
    border-radius: .125rem;
    justify-content: center;
    padding-block: calc(.375em - 1px);
    padding-inline: .75em;
    font-weight: 600;
    text-decoration: none
}

.button strong {
    color: inherit
}

.button .icon {
    font-size: .875em
}

.button .icon:only-child {
    margin: 0
}

.button .icon:first-child:not(:only-child) {
    margin-inline-end: .375em
}

.button .icon:last-child:not(:only-child) {
    margin-inline-start: .375em
}

.button:hover, .button.is-hovered {
    border-color: var(--theme-hover-base);
    background-color: var(--theme-hover-invert);
    color: var(--theme-text)
}

.button:visited {
    color: var(--theme-text)
}

.button.button-sm {
    font-size: .875rem
}

.button.button-lg {
    font-size: 1.125rem
}

.button.is-disabled, .button[disabled] {
    background-color: var(--theme-body-background-medium);
    opacity: .5;
    box-shadow: none;
    border-color: currentColor
}

.button.button-block {
    width: 100%;
    display: flex
}

.button.is-loading {
    pointer-events: none;
    color: #0000 !important
}

.button.is-loading:after {
    border-block-end-color: var(--theme-text);
    border-inline-start-color: var(--theme-text);
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
    position: absolute !important
}

.button.button-primary {
    border-color: var(--theme-primary-base);
    color: var(--theme-primary-base)
}

.button.button-primary:hover, .button.button-primary.is-hovered {
    background-color: var(--theme-primary-background);
    color: var(--theme-primary-dark)
}

.button.button-primary.is-loading:after {
    border-color: transparent transparent var(--theme-primary-base) var(--theme-primary-base) !important
}

.button.button-secondary {
    border-color: var(--theme-secondary-base);
    color: var(--theme-secondary-base)
}

.button.button-secondary:hover, .button.button-secondary.is-hovered {
    background-color: var(--theme-secondary-background);
    color: var(--theme-secondary-dark)
}

.button.button-secondary.is-loading:after {
    border-color: transparent transparent var(--theme-secondary-base) var(--theme-secondary-base) !important
}

.button.button-tertiary {
    border-color: var(--theme-tertiary-base);
    color: var(--theme-tertiary-base)
}

.button.button-tertiary:hover, .button.button-tertiary.is-hovered {
    background-color: var(--theme-tertiary-background);
    color: var(--theme-tertiary-dark)
}

.button.button-tertiary.is-loading:after {
    border-color: transparent transparent var(--theme-tertiary-base) var(--theme-tertiary-base) !important
}

.button.button-success {
    border-color: var(--theme-success-base);
    color: var(--theme-success-base)
}

.button.button-success:hover, .button.button-success.is-hovered {
    background-color: var(--theme-success-background);
    color: var(--theme-success-dark)
}

.button.button-success.is-loading:after {
    border-color: transparent transparent var(--theme-success-base) var(--theme-success-base) !important
}

.button.button-info {
    border-color: var(--theme-info-base);
    color: var(--theme-info-base)
}

.button.button-info:hover, .button.button-info.is-hovered {
    background-color: var(--theme-info-background);
    color: var(--theme-info-dark)
}

.button.button-info.is-loading:after {
    border-color: transparent transparent var(--theme-info-base) var(--theme-info-base) !important
}

.button.button-warning {
    border-color: var(--theme-warning-dark);
    color: var(--theme-warning-dark)
}

.button.button-warning:hover, .button.button-warning.is-hovered {
    background-color: var(--theme-warning-background);
    color: var(--theme-warning-dark)
}

.button.button-warning.is-loading:after {
    border-color: transparent transparent var(--theme-warning-base) var(--theme-warning-base) !important
}

.button.button-danger {
    border-color: var(--theme-danger-base);
    color: var(--theme-danger-base)
}

.button.button-danger:hover, .button.button-danger.is-hovered {
    background-color: var(--theme-danger-background);
    color: var(--theme-danger-dark)
}

.button.button-danger.is-loading:after {
    border-color: transparent transparent var(--theme-danger-base) var(--theme-danger-base) !important
}

.button.button-clear {
    background-color: #0000;
    border-color: #0000
}

.button.button-clear.border {
    border-color: currentColor !important
}

.button.button-clear, .button.button-clear:visited {
    color: currentColor
}

.button.button-clear.is-hovered, .button.button-clear:hover, .button.button-clear:active {
    background-color: #8e8e8e0d
}

.button.button-clear.button-primary {
    color: var(--theme-primary-base)
}

.button.button-clear.button-primary:hover, .button.button-clear.button-primary.is-hovered {
    background-color: var(--theme-primary-background);
    color: var(--theme-primary-dark)
}

.button.button-clear.button-primary.is-disabled, .button.button-clear.button-primary[disabled] {
    color: var(--theme-primary-base);
    box-shadow: none;
    background-color: #0000
}

.button.button-clear.button-secondary {
    color: var(--theme-secondary-base)
}

.button.button-clear.button-secondary:hover, .button.button-clear.button-secondary.is-hovered {
    background-color: var(--theme-secondary-background);
    color: var(--theme-secondary-dark)
}

.button.button-clear.button-secondary.is-disabled, .button.button-clear.button-secondary[disabled] {
    color: var(--theme-secondary-base);
    box-shadow: none;
    background-color: #0000
}

.button.button-clear.button-tertiary {
    color: var(--theme-tertiary-base)
}

.button.button-clear.button-tertiary:hover, .button.button-clear.button-tertiary.is-hovered {
    background-color: var(--theme-tertiary-background);
    color: var(--theme-tertiary-dark)
}

.button.button-clear.button-tertiary.is-disabled, .button.button-clear.button-tertiary[disabled] {
    color: var(--theme-tertiary-base);
    box-shadow: none;
    background-color: #0000
}

.button.button-clear.button-success {
    color: var(--theme-success-base)
}

.button.button-clear.button-success:hover, .button.button-clear.button-success.is-hovered {
    background-color: var(--theme-success-background);
    color: var(--theme-success-dark)
}

.button.button-clear.button-success.is-disabled, .button.button-clear.button-success[disabled] {
    color: var(--theme-success-base);
    box-shadow: none;
    background-color: #0000
}

.button.button-clear.button-info {
    color: var(--theme-info-base)
}

.button.button-clear.button-info:hover, .button.button-clear.button-info.is-hovered {
    background-color: var(--theme-info-background);
    color: var(--theme-info-dark)
}

.button.button-clear.button-info.is-disabled, .button.button-clear.button-info[disabled] {
    color: var(--theme-info-base);
    box-shadow: none;
    background-color: #0000
}

.button.button-clear.button-warning {
    color: var(--theme-warning-base);
    color: var(--theme-warning-dark)
}

.button.button-clear.button-warning:hover, .button.button-clear.button-warning.is-hovered {
    background-color: var(--theme-warning-background);
    color: var(--theme-warning-dark)
}

.button.button-clear.button-warning.is-disabled, .button.button-clear.button-warning[disabled] {
    color: var(--theme-warning-base);
    box-shadow: none;
    background-color: #0000
}

.button.button-clear.button-danger {
    color: var(--theme-danger-base)
}

.button.button-clear.button-danger:hover, .button.button-clear.button-danger.is-hovered {
    background-color: var(--theme-danger-background);
    color: var(--theme-danger-dark)
}

.button.button-clear.button-danger.is-disabled, .button.button-clear.button-danger[disabled] {
    color: var(--theme-danger-base);
    box-shadow: none;
    background-color: #0000
}

.button.button-filled {
    border-color: var(--theme-alternate-background-medium);
    background-color: var(--theme-alternate-background-medium);
    color: var(--theme-text-invert)
}

.button.button-filled:hover, .button.button-filled.is-hovered {
    background-color: var(--theme-alternate-background)
}

.button.button-filled.is-loading:after {
    border-color: transparent transparent var(--theme-text-invert) var(--theme-text-invert) !important
}

.button.button-filled.button-primary {
    border-color: var(--theme-primary-base);
    background-color: var(--theme-primary-base);
    color: var(--theme-primary-invert)
}

.button.button-filled.button-primary:hover, .button.button-filled.button-primary.is-hovered {
    border-color: var(--theme-primary-hover);
    background-color: var(--theme-primary-hover);
    color: var(--theme-primary-invert)
}

.button.button-filled.button-primary.is-loading:after {
    border-color: transparent transparent var(--theme-primary-invert) var(--theme-primary-invert) !important
}

.button.button-filled.button-secondary {
    border-color: var(--theme-secondary-base);
    background-color: var(--theme-secondary-base);
    color: var(--theme-secondary-invert)
}

.button.button-filled.button-secondary:hover, .button.button-filled.button-secondary.is-hovered {
    border-color: var(--theme-secondary-hover);
    background-color: var(--theme-secondary-hover);
    color: var(--theme-secondary-invert)
}

.button.button-filled.button-secondary.is-loading:after {
    border-color: transparent transparent var(--theme-secondary-invert) var(--theme-secondary-invert) !important
}

.button.button-filled.button-tertiary {
    border-color: var(--theme-tertiary-base);
    background-color: var(--theme-tertiary-base);
    color: var(--theme-tertiary-invert)
}

.button.button-filled.button-tertiary:hover, .button.button-filled.button-tertiary.is-hovered {
    border-color: var(--theme-tertiary-hover);
    background-color: var(--theme-tertiary-hover);
    color: var(--theme-tertiary-invert)
}

.button.button-filled.button-tertiary.is-loading:after {
    border-color: transparent transparent var(--theme-tertiary-invert) var(--theme-tertiary-invert) !important
}

.button.button-filled.button-success {
    border-color: var(--theme-success-base);
    background-color: var(--theme-success-base);
    color: var(--theme-success-invert)
}

.button.button-filled.button-success:hover, .button.button-filled.button-success.is-hovered {
    border-color: var(--theme-success-hover);
    background-color: var(--theme-success-hover);
    color: var(--theme-success-invert)
}

.button.button-filled.button-success.is-loading:after {
    border-color: transparent transparent var(--theme-success-invert) var(--theme-success-invert) !important
}

.button.button-filled.button-info {
    border-color: var(--theme-info-base);
    background-color: var(--theme-info-base);
    color: var(--theme-info-invert)
}

.button.button-filled.button-info:hover, .button.button-filled.button-info.is-hovered {
    border-color: var(--theme-info-hover);
    background-color: var(--theme-info-hover);
    color: var(--theme-info-invert)
}

.button.button-filled.button-info.is-loading:after {
    border-color: transparent transparent var(--theme-info-invert) var(--theme-info-invert) !important
}

.button.button-filled.button-warning {
    border-color: var(--theme-warning-base);
    background-color: var(--theme-warning-base);
    color: var(--theme-warning-invert)
}

.button.button-filled.button-warning:hover, .button.button-filled.button-warning.is-hovered {
    border-color: var(--theme-warning-hover);
    background-color: var(--theme-warning-hover);
    color: var(--theme-warning-invert)
}

.button.button-filled.button-warning.is-loading:after {
    border-color: transparent transparent var(--theme-warning-invert) var(--theme-warning-invert) !important
}

.button.button-filled.button-danger {
    border-color: var(--theme-danger-base);
    background-color: var(--theme-danger-base);
    color: var(--theme-danger-invert)
}

.button.button-filled.button-danger:hover, .button.button-filled.button-danger.is-hovered {
    border-color: var(--theme-danger-hover);
    background-color: var(--theme-danger-hover);
    color: var(--theme-danger-invert)
}

.button.button-filled.button-danger.is-loading:after {
    border-color: transparent transparent var(--theme-danger-invert) var(--theme-danger-invert) !important
}

.breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item:first-child:before, .breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item[hidden] + .breadcrumbs-item:before, .breadcrumbs .breadcrumbs-item:not(.breadcrumbs-item-slashless):after {
    color: var(--theme-text-subtle);
    content: "鈥/";
    display: inline-block
}

.breadcrumbs {
    font-size: .875rem
}

.breadcrumbs .breadcrumbs-item {
    padding-block: .375em;
    display: inline-block
}

.breadcrumbs .breadcrumbs-item:not(.breadcrumbs-item-slashless):after {
    margin-inline: .25em
}

.breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item:first-child:before, .breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item[hidden] + .breadcrumbs-item:before {
    margin-inline: .0625em .25em
}

.button-reset {
    cursor: pointer;
    border: 0;
    padding: 0;
    display: inline-block
}

.buttons {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.buttons.buttons-centered {
    justify-content: center
}

.buttons.buttons-right {
    justify-content: flex-end
}

.buttons .button {
    margin-block-end: .5rem;
    margin-inline-end: .5rem
}

.buttons .button:only-child, .buttons .button.is-fullwidth, .buttons .button.is-full-width, .buttons .button.is-full-width-mobile, .buttons .button.is-fullwidth-mobile {
    margin-inline-end: 0
}

@media screen and (min-width: 768px), print {
    .buttons .button.is-full-width-mobile, .buttons .button.is-fullwidth-mobile {
        margin-inline-end: .5rem
    }
}

.buttons:last-child {
    margin-block-end: -.5rem
}

.buttons:not(:last-child) {
    margin-block-end: 1rem
}

.buttons.buttons-addons .button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.buttons.buttons-addons .button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-inline-end: -1px
}

.buttons.buttons-addons .button:last-child {
    margin-inline-end: 0
}

.buttons.buttons-addons .button:hover, .buttons.buttons-addons .button.is-hovered {
    z-index: 2
}

.buttons.buttons-addons .button.is-focused, .buttons.buttons-addons .button:active, .buttons.buttons-addons .button.is-active, .buttons.buttons-addons .button.is-selected {
    z-index: 3
}

.buttons.buttons-addons .button.is-focused:hover, .buttons.buttons-addons .button:active:hover, .buttons.buttons-addons .button.is-active:hover, .buttons.buttons-addons .button.is-selected:hover {
    z-index: 4
}

.buttons.buttons-addons .button:focus-visible {
    z-index: 3
}

.buttons.buttons-addons .button:focus-visible:hover {
    z-index: 4
}

.buttons.buttons-addons .button.is-expanded {
    flex-grow: 1
}

.card {
    max-width: 100%;
    border: 1px solid var(--theme-border-white-high-contrast);
    outline-color: var(--theme-text);
    background-color: var(--theme-card-background);
    color: var(--theme-text);
    box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
    border-radius: .125rem;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1rem 0 0;
    display: flex;
    position: relative
}

.card > :first-child {
    border-start-start-radius: .125rem;
    border-start-end-radius: .125rem
}

.card > :last-child {
    border-end-end-radius: .125rem;
    border-end-start-radius: .125rem
}

.card .card-template {
    flex-grow: 1;
    grid-template:"supertitle supertitle""title title""detail icon"/1fr 3rem;
    gap: .5rem 1rem;
    padding: 1rem;
    display: grid
}

.card .card-template .card-title {
    margin-block-end: 1rem
}

.card .card-template-icon {
    width: 3rem;
    height: 3rem;
    grid-area: icon;
    margin-block-start: auto
}

.card .card-template-detail {
    flex-direction: column;
    grid-area: detail;
    justify-content: flex-end;
    align-self: stretch;
    font-size: .75rem;
    line-height: 1.25;
    display: flex
}

.card .card-header {
    margin-block-end: 1.125rem;
    position: relative
}

.card .card-header .card-header-image {
    width: 64px;
    height: 64px;
    position: relative
}

.card .card-header .card-header-image img, .card .card-header .card-header-image svg {
    width: 100%;
    height: 100%;
    display: block
}

.card .card-header, .card .card-content, .card .card-template {
    padding-inline: 1rem
}

.card .card-header:first-child, .card .card-content:first-child, .card .card-template:first-child {
    margin-block-start: -1rem;
    padding-block-start: 1rem
}

.card .card-supertitle {
    letter-spacing: .225rem;
    text-transform: uppercase;
    grid-area: supertitle;
    font-size: .75rem;
    line-height: 1;
    -webkit-line-clamp: 1 !important
}

.card .card-title {
    background-color: var(--theme-card-background);
    color: var(--theme-primary-base);
    text-align: start;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    flex-grow: 1;
    grid-area: title;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    -webkit-line-clamp: 3 !important
}

.card .card-title:first-child {
    margin-block-start: none
}

.card .card-title:only-child {
    margin: 0
}

.card .card-title:visited {
    color: var(--theme-visited)
}

.card a.card-title:hover, .card button.card-title:hover {
    cursor: pointer;
    text-decoration: underline
}

.card .card-content {
    flex-grow: 1;
    margin-block-end: 1.125rem
}

.card .card-content > :not(:first-child) {
    margin-block-start: .5rem
}

.card .card-content-description {
    max-height: inherit;
    padding-block-end: 0;
    font-size: .875rem;
    line-height: 1.25;
    -webkit-line-clamp: 4 !important
}

.card .card-footer {
    border-block-start: 1px solid var(--theme-border);
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-inline: 1rem;
    display: flex
}

.card .card-footer.card-footer-left .card-footer-item, .card .card-footer.card-footer-right .card-footer-item {
    flex-grow: 0
}

.card .card-footer.card-footer-left {
    justify-content: flex-start
}

.card .card-footer.card-footer-right {
    justify-content: flex-end
}

.card .card-footer .card-footer-item {
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
    padding-block: .375rem;
    display: flex
}

.card .card-footer .card-footer-item:first-child, .card .card-footer .card-footer-item:only-child {
    justify-content: flex-start
}

.card .card-footer .card-footer-item:last-child {
    justify-content: flex-end
}

.card .card-footer .card-footer-item:not(:last-child):not(:first-child):not(:only-child) {
    justify-content: center
}

.card .card-footer .card-footer-item .buttons {
    margin-block: 0
}

.card .card-footer .card-footer-item .button {
    margin-block-end: 0
}

.card .card-footer .card-footer-item .button:last-child {
    margin-inline-end: 0
}

@media screen and (min-width: 768px), print {
    .card.card-horizontal {
        flex-flow: wrap
    }

    .card.card-horizontal .card-content {
        max-width: calc(100% - 7rem);
        padding-inline: 0 4rem
    }

    .card.card-horizontal .card-footer {
        width: 100%;
        flex-grow: 1;
        flex-shrink: 1
    }
}

.checkbox {
    cursor: pointer;
    align-items: center;
    line-height: 1.25;
    display: flex;
    position: relative
}

.checkbox:not(:last-child) {
    margin-block-end: .5rem
}

.checkbox .checkbox-check {
    width: 1.25em;
    height: 1.25em;
    border: .0625em solid var(--theme-control-border);
    border-radius: .125rem;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition-property: background, border, border-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .23, 1);
    display: flex;
    position: relative
}

.checkbox .checkbox-check:not(:last-child) {
    margin-inline-end: .5rem
}

.checkbox .checkbox-check:before {
    content: " "
}

.checkbox.checkbox-sm {
    font-size: .875rem
}

.checkbox.checkbox-lg {
    font-size: 1.125rem
}

.checkbox input[type=checkbox] {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    word-wrap: normal;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.checkbox input[type=checkbox]:checked + .checkbox-check {
    border-color: var(--theme-primary-base);
    background-color: var(--theme-primary-base)
}

.checkbox input[type=checkbox]:checked + .checkbox-check:before {
    width: .3125em;
    height: .75em;
    border: solid var(--theme-text-subtle);
    content: "";
    border-width: 0 .0625em .0625em 0;
    border-color: var(--theme-primary-invert);
    display: block;
    position: absolute;
    inset-block-start: .125em;
    transform: rotate(45deg)
}

.checkbox input[type=checkbox][disabled] + .checkbox-check {
    border-color: var(--theme-control-border);
    opacity: .6
}

.checkbox input[type=checkbox][disabled] + .checkbox-check, .checkbox input[type=checkbox][disabled] ~ .checkbox-text {
    cursor: not-allowed
}

.checkbox.checkbox-muted input[type=checkbox]:checked + .checkbox-check {
    border-color: var(--theme-text-subtle);
    background-color: var(--theme-text-subtle)
}

.checkbox.checkbox-muted input[type=checkbox]:checked + .checkbox-check:before {
    border-color: var(--theme-text-invert)
}

.checkbox .checkbox-check.is-checked {
    border-color: var(--theme-primary-base);
    background-color: var(--theme-primary-base)
}

.checkbox .checkbox-check.is-checked:before {
    width: .3125em;
    height: .75em;
    border: solid var(--theme-text-subtle);
    content: "";
    border-width: 0 .0625em .0625em 0;
    border-color: var(--theme-primary-invert);
    display: block;
    position: absolute;
    inset-block-start: .125em;
    transform: rotate(45deg)
}

.checkbox.is-invalid input[type=checkbox]:not(:checked) + .checkbox-check {
    border-color: var(--theme-danger-base)
}

.checkbox:hover input[type=checkbox]:not(:checked):not([disabled]) + .checkbox-check:before {
    width: .3125em;
    height: .75em;
    border: solid var(--theme-text-subtle);
    content: "";
    border-width: 0 .0625em .0625em 0;
    display: block;
    position: absolute;
    inset-block-start: .125em;
    transform: rotate(45deg)
}

.input {
    width: 100%;
    max-width: 100%;
    border-color: var(--theme-control-border);
    background-color: var(--theme-body-background);
    color: var(--theme-text) !important
}

.input::placeholder {
    color: var(--theme-text-subtle)
}

.input:hover {
    border-color: var(--theme-primary-base)
}

.input[disabled] {
    border-color: var(--theme-table-border-dark);
    background-color: var(--theme-body-background-medium);
    color: var(--theme-text-subtle)
}

.input:focus-visible {
    border-color: var(--theme-primary-base);
    outline-offset: 0;
    box-shadow: 0 0 0 .125rem var(--theme-primary-base);
    outline-style: solid;
    outline-color: #0000
}

.input.input-sm {
    font-size: .875rem
}

.input.input-lg {
    font-size: 1.125rem
}

.input.input-danger {
    border-color: var(--theme-danger-base)
}

.input.input-danger:focus-visible {
    box-shadow: 0 0 0 .125rem var(--theme-danger-base)
}

.input.input-success {
    border-color: var(--theme-success-base)
}

.input.input-success:focus-visible {
    box-shadow: 0 0 0 .125rem var(--theme-success-base)
}

.input.input-icon-right {
    padding-inline-end: 2.25em
}

.input.input-icon-right ~ .icon {
    inset-inline-end: 0;
    inset-inline-start: unset !important
}

.input.input-icon-right .input[type=date] {
    position: relative
}

.input.input-icon-right .input[type=date]::-webkit-calendar-picker-indicator {
    width: 1.5em;
    color: #0000;
    z-index: 1000;
    background: 0 0;
    position: absolute;
    inset-inline-end: 0
}

.input.input-icon, .input.input-icon-right {
    padding-inline-start: 2.25em
}

.input.input-icon.input-icon-right, .input.input-icon-right.input-icon-right {
    padding-inline-start: calc(.625em - 1px)
}

.input.input-icon + .icon, .input.input-icon-right + .icon {
    forced-color-adjust: auto;
    width: 2.25em;
    height: 100%;
    color: var(--theme-text-subtle);
    pointer-events: none;
    z-index: 4;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    fill: currentColor !important
}

.input.input-icon:focus-visible + .icon, .input.input-icon-right:focus-visible + .icon {
    color: var(--theme-secondary-base)
}

.input.input-icon.input-sm ~ .icon svg, .input.input-icon-right.input-sm ~ .icon svg {
    width: .875em;
    height: .875em
}

.input.input-icon.input-lg ~ .icon svg, .input.input-icon-right.input-lg ~ .icon svg {
    width: 1.125em;
    height: 1.125em
}

.select {
    font-size: 1rem;
    position: relative
}

.select select {
    width: 100%;
    max-width: 100%;
    border-color: var(--theme-control-border);
    background-color: var(--theme-body-background);
    color: var(--theme-text);
    cursor: pointer;
    font-size: 1em
}

.select select[multiple] {
    padding: 0;
    overflow-y: auto
}

.select select[multiple] option {
    padding: calc(.375em - 1px) calc(.625em - 1px)
}

.select select[disabled] {
    border-color: var(--theme-table-border-dark);
    background-color: var(--theme-body-background-medium);
    color: var(--theme-text-subtle)
}

.select select:focus-visible {
    border-color: var(--theme-primary-base);
    outline-offset: 0;
    box-shadow: 0 0 0 .125rem var(--theme-primary-base);
    outline-style: solid;
    outline-color: #0000
}

.select:not(.select-multiple) select {
    padding-inline-end: calc(1.375em - 1px)
}

.select:not(.select-multiple):after {
    width: .525em;
    height: .525em;
    transform-origin: 50%;
    border: 1px solid var(--theme-text);
    pointer-events: none;
    content: " ";
    z-index: 1;
    border-block-start: 0;
    border-inline-end: 0;
    display: block;
    position: absolute;
    inset-block-start: calc(50% - .375em);
    inset-inline-end: calc(.625em - 1px);
    transform: rotate(-45deg)
}

.select:not(.select-multiple).select-disabled:after {
    border-color: var(--theme-table-border-dark)
}

.select.select-sm {
    font-size: .875rem
}

.select.select-lg {
    font-size: 1.125rem
}

.select.select-danger select {
    border-color: var(--theme-danger-base)
}

.select.select-danger select:focus-visible {
    box-shadow: 0 0 0 .125rem var(--theme-danger-base)
}

.select.select-success select {
    border-color: var(--theme-success-base)
}

.select.select-success select:focus-visible {
    box-shadow: 0 0 0 .125rem var(--theme-success-base)
}

.textarea {
    width: 100%;
    max-width: 100%;
    resize: vertical;
    border-color: var(--theme-control-border);
    background-color: var(--theme-body-background);
    display: block;
    color: var(--theme-text) !important
}

.textarea[rows] {
    height: initial
}

.textarea:not([rows]) {
    min-height: 100px;
    max-height: 600px
}

.textarea::placeholder {
    color: var(--theme-text-subtle)
}

.textarea:hover {
    border-color: var(--theme-primary-base)
}

.textarea[disabled] {
    border-color: var(--theme-table-border-dark);
    background-color: var(--theme-body-background-medium);
    color: var(--theme-text-subtle)
}

.textarea:focus-visible {
    border-color: var(--theme-primary-base);
    outline-offset: 0;
    box-shadow: 0 0 0 .125rem var(--theme-primary-base);
    outline-style: solid;
    outline-color: #0000
}

.textarea.textarea-fixed-height {
    resize: none
}

.textarea.textarea-danger {
    border-color: var(--theme-danger-base)
}

.textarea.textarea-danger:focus-visible {
    box-shadow: 0 0 0 .125rem var(--theme-danger-base)
}

.textarea.textarea-success {
    border-color: var(--theme-success-base)
}

.textarea.textarea-success:focus-visible {
    box-shadow: 0 0 0 .125rem var(--theme-success-base)
}

.label {
    color: var(--theme-text);
    font-size: 1rem;
    font-weight: 600;
    display: block
}

.field:not(:last-child) {
    margin-block-end: .75rem
}

.field .field-description {
    margin-block-end: .5rem;
    font-size: .875rem
}

.field .field-label {
    color: var(--theme-text);
    margin-block-end: .5rem;
    font-size: 1rem;
    font-weight: 600;
    display: block
}

.field .field-label.field-label-inline {
    align-self: flex-end;
    margin-block-end: unset;
    display: inline-flex
}

@media screen and (min-width: 768px), print {
    .field .field-label {
        flex: 1 0 0
    }
}

.field .field-label.field-label-sm {
    font-size: .875rem
}

.field .field-label.field-label-lg {
    font-size: 1.125rem
}

.field .field-body > * {
    scroll-margin-top: 3rem
}

.field .field-body:not(:first-child) {
    margin-block-start: .5rem
}

.field .field-body:not(:first-child).field-body-inline {
    vertical-align: text-bottom;
    display: inline-flex
}

.field .field-error {
    color: var(--theme-danger-base);
    font-size: .875rem;
    line-height: 1.5
}

.required-indicator:after, ::part(required-indicator):after {
    color: var(--theme-danger-base);
    content: "*";
    vertical-align: top
}

.help {
    color: var(--theme-text);
    font-size: .875rem;
    display: block
}

.help.help-danger {
    color: var(--theme-danger-base)
}

.help.help-success {
    color: var(--theme-success-base)
}

.radio {
    cursor: pointer;
    line-height: 1.25;
    display: inline-flex
}

.radio .radio-dot {
    width: 1.25em;
    height: 1.25em;
    border: 1px solid var(--theme-control-border);
    background-color: var(--theme-body-background);
    color: var(--theme-text-subtle);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 290486px;
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    inset-block-start: .0625em
}

@media (forced-colors: active) {
    .radio .radio-dot {
        border-color: CanvasText !important;
        background-color: unset !important
    }

    .radio .radio-dot:before {
        width: .625em;
        height: .625em;
        content: "";
        border-radius: 290486px;
        margin: auto;
        position: absolute;
        inset: 0;
        overflow: hidden
    }
}

.radio .radio-label-text {
    margin: 0 .5em
}

.radio input.is-checked, .radio input:checked, .radio .radio-dot.is-checked {
    background: var(--theme-primary-base);
    box-shadow: inset 0 0 0 .25em var(--theme-body-background);
    border-color: var(--theme-primary-base);
    animation: .2s cubic-bezier(.4, 0, .23, 1) boop
}

@media (forced-colors: active) {
    .radio input.is-checked, .radio input:checked, .radio .radio-dot.is-checked {
        border-color: CanvasText !important;
        background-color: unset !important;
        box-shadow: none !important
    }

    .radio input.is-checked:before, .radio input:checked:before, .radio .radio-dot.is-checked:before {
        background-color: CanvasText !important
    }
}

.radio.is-hovered .radio-dot:not(:checked):not([disabled]), .radio:hover .radio-dot:not(:checked):not([disabled]) {
    background: var(--theme-control-border);
    box-shadow: inset 0 0 0 .25em var(--theme-body-background)
}

@media (forced-colors: active) {
    .radio.is-hovered .radio-dot:not(:checked):not([disabled]), .radio:hover .radio-dot:not(:checked):not([disabled]) {
        background-color: unset !important;
        box-shadow: none !important
    }

    .radio.is-hovered .radio-dot:not(:checked):not([disabled]):before, .radio:hover .radio-dot:not(:checked):not([disabled]):before {
        background-color: CanvasText !important
    }
}

.radio.is-hovered .radio-dot.is-checked, .radio:hover .radio-dot.is-checked {
    background: var(--theme-primary-base);
    box-shadow: inset 0 0 0 .25em var(--theme-body-background)
}

.radio input[disabled], .radio input[disabled] ~ .radio-label-text {
    opacity: .5;
    cursor: not-allowed
}

.gradient-border-body {
    --border-gradient-end-color: var(--theme-body-background)
}

.gradient-border-body-accent {
    --border-gradient-end-color: var(--theme-body-background-accent)
}

.gradient-border-right {
    position: relative
}

.gradient-border-right:before {
    content: "";
    border-image: linear-gradient(to right, transparent 0%, transparent 92%, var(--border-gradient-end-color, transparent) 100%);
    border-inline-end-style: solid;
    border-inline-end-width: 320px;
    border-image-slice: 0 128 0 0;
    border-image-outset: 0;
    display: block;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0
}

@media (forced-colors: active) {
    .gradient-border-right:before {
        display: none !important
    }
}

@media screen and (min-width: 768px), print {
    .gradient-border-to-right-tablet:before {
        border-image: linear-gradient(to right, transparent 0%, transparent 92%, var(--border-gradient-end-color) 100%);
        border-inline-end-style: solid;
        border-inline-end-width: 320px;
        border-image-slice: 0 128 0 0;
        border-image-outset: 0
    }
}

.gradient-border-bottom {
    position: relative
}

.gradient-border-bottom:before {
    content: "";
    border-image: linear-gradient(to bottom, transparent 0%, transparent 92%, var(--border-gradient-end-color, transparent) 100%);
    border-block-end-style: solid;
    border-block-end-width: 320px;
    border-image-slice: 0 0 128;
    border-image-outset: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0
}

@media (forced-colors: active) {
    .gradient-border-bottom:before {
        display: none !important
    }
}

@media screen and (min-width: 768px), print {
    .gradient-border-to-bottom-tablet:before {
        border-image: linear-gradient(to bottom, transparent 0%, transparent 92%, var(--border-gradient-end-color) 100%);
        border-block-end-style: solid;
        border-block-end-width: 320px;
        border-image-slice: 0 0 128;
        border-image-outset: 0
    }
}

.gradient-text-vivid {
    -webkit-background-clip: text;
    -webkit-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    background-color: var(--theme-gradient-vivid-start);
    background-image: linear-gradient(90deg, var(--theme-gradient-vivid-start), var(--theme-gradient-vivid-end));
    color: #0000;
    -webkit-text-fill-color: transparent;
    line-height: 1.4
}

.gradient-text-purple-blue {
    -webkit-background-clip: text;
    -webkit-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    background-color: var(--theme-gradient-text-purple);
    background-image: linear-gradient(90deg, var(--theme-gradient-text-purple), var(--theme-gradient-text-blue));
    color: #0000;
    -webkit-text-fill-color: transparent;
    line-height: 1.4
}

.gradient-card {
    background: linear-gradient(90deg, var(--theme-gradient-vivid-start), var(--theme-gradient-vivid-end)) border-box;
    border: .125rem solid #0000;
    border-radius: .375rem
}

.gradient-card .gradient-card-content {
    border-radius: inherit;
    background-color: var(--theme-body-background);
    padding: 1rem
}

.hero {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    position: relative
}

.hero .hero-content {
    z-index: 1;
    padding-block: 3rem
}

@media screen and (min-width: 1088px) {
    .hero .hero-content {
        width: 45%;
        min-height: 400px;
        padding-block: 4rem;
        padding-inline-end: 3rem
    }

    .hero:not(.hero-image) .hero-content {
        width: 100%;
        max-width: 50rem
    }

    .hero.hero-xs .hero-content {
        min-height: 200px;
        padding-block: 2rem
    }

    .hero.hero-sm .hero-content {
        min-height: 300px;
        padding-block: 3rem
    }

    .hero.hero-lg .hero-content {
        min-height: 500px;
        padding-block: 6rem
    }
}

.hero .hero-card {
    z-index: 1;
    background-color: #0000;
    border: none;
    padding: 1rem;
    position: relative
}

@media screen and (min-width: 768px), print {
    .hero .hero-card {
        padding: 3rem
    }
}

@media screen and (min-width: 1088px) {
    .hero .hero-card {
        border-inline: 1px solid var(--theme-border);
        border-block-end: 1px solid var(--theme-border);
        border-end-end-radius: .375rem;
        border-end-start-radius: .375rem
    }
}

.hero .hero-background {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.hero .hero-background video, .hero .hero-background img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero.hero-image:before {
    width: calc(55% - 17.6px);
    height: 100%;
    background-image: var(--hero-background-image);
    content: " ";
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 16px
}

@media screen and (min-width: 1088px) {
    .hero.hero-image:before {
        display: block
    }
}

@media screen and (min-width: 1800px) {
    .hero.hero-image:before {
        width: 972.4px;
        inset-inline-end: calc(50% - 884px)
    }
}

@media (forced-colors: active) {
    .hero.hero-image:before {
        background-image: none !important
    }
}

.theme-light .hero.hero-image:before {
    --hero-background-image: var(--hero-background-image-light)
}

.theme-dark .hero.hero-image:before {
    --hero-background-image: var(--hero-background-image-dark)
}

.theme-high-contrast .hero.hero-image:before {
    --hero-background-image: none
}

.icon {
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.icon, .icon svg, .icon img {
    width: 1em;
    height: 1em
}

.icon.icon-rounded {
    border-radius: 50%;
    padding: .6rem
}

.image img, .image svg {
    width: 100%;
    height: auto;
    max-height: 100%;
    display: block
}

.image.image-fullwidth {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin: 0
}

.image.image-16x16 {
    width: 16px;
    height: 16px
}

@media screen and (min-width: 768px), print {
    .image.image-16x16-tablet {
        width: 16px;
        height: 16px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-16x16-desktop {
        width: 16px;
        height: 16px
    }
}

.image.image-24x24 {
    width: 24px;
    height: 24px
}

@media screen and (min-width: 768px), print {
    .image.image-24x24-tablet {
        width: 24px;
        height: 24px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-24x24-desktop {
        width: 24px;
        height: 24px
    }
}

.image.image-32x32 {
    width: 32px;
    height: 32px
}

@media screen and (min-width: 768px), print {
    .image.image-32x32-tablet {
        width: 32px;
        height: 32px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-32x32-desktop {
        width: 32px;
        height: 32px
    }
}

.image.image-36x36 {
    width: 36px;
    height: 36px
}

@media screen and (min-width: 768px), print {
    .image.image-36x36-tablet {
        width: 36px;
        height: 36px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-36x36-desktop {
        width: 36px;
        height: 36px
    }
}

.image.image-48x48 {
    width: 48px;
    height: 48px
}

@media screen and (min-width: 768px), print {
    .image.image-48x48-tablet {
        width: 48px;
        height: 48px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-48x48-desktop {
        width: 48px;
        height: 48px
    }
}

.image.image-64x64 {
    width: 64px;
    height: 64px
}

@media screen and (min-width: 768px), print {
    .image.image-64x64-tablet {
        width: 64px;
        height: 64px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-64x64-desktop {
        width: 64px;
        height: 64px
    }
}

.image.image-76x76 {
    width: 76px;
    height: 76px
}

@media screen and (min-width: 768px), print {
    .image.image-76x76-tablet {
        width: 76px;
        height: 76px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-76x76-desktop {
        width: 76px;
        height: 76px
    }
}

.image.image-88x88 {
    width: 88px;
    height: 88px
}

@media screen and (min-width: 768px), print {
    .image.image-88x88-tablet {
        width: 88px;
        height: 88px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-88x88-desktop {
        width: 88px;
        height: 88px
    }
}

.image.image-96x96 {
    width: 96px;
    height: 96px
}

@media screen and (min-width: 768px), print {
    .image.image-96x96-tablet {
        width: 96px;
        height: 96px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-96x96-desktop {
        width: 96px;
        height: 96px
    }
}

.image.image-112x112 {
    width: 112px;
    height: 112px
}

@media screen and (min-width: 768px), print {
    .image.image-112x112-tablet {
        width: 112px;
        height: 112px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-112x112-desktop {
        width: 112px;
        height: 112px
    }
}

.image.image-128x128 {
    width: 128px;
    height: 128px
}

@media screen and (min-width: 768px), print {
    .image.image-128x128-tablet {
        width: 128px;
        height: 128px
    }
}

@media screen and (min-width: 1088px) {
    .image.image-128x128-desktop {
        width: 128px;
        height: 128px
    }
}

.link-button {
    color: var(--theme-hyperlink);
    cursor: pointer;
    border: none;
    padding: 0;
    display: inline-block
}

.link-button:active, .link-button.is-active {
    text-decoration: underline !important
}

.link-button.is-focused, .link-button:hover, .link-button.is-hovered, .link-button:focus-visible {
    color: var(--theme-primary-hover);
    text-decoration: underline !important
}

.link-button:visited {
    color: var(--theme-visited)
}

.media + .media, .media .media {
    border-block-start: 1px solid var(--theme-border);
    margin-block-start: 1rem;
    padding-block-start: 1rem
}

.media-left {
    flex: none;
    margin-inline-end: 1rem
}

.scroll-horizontal {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden
}

.scroll-vertical {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

.scroll-snap-container {
    height: max-content;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    gap: 1rem;
    margin-block: 1rem
}

.scroll-snap-item {
    min-width: 80%;
    height: auto;
    scroll-snap-align: center;
    flex-basis: 90%
}

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

.popover summary {
    list-style: none
}

.popover summary::-webkit-details-marker {
    display: none
}

.popover .popover-content {
    width: 224px;
    border: 1px solid var(--theme-border);
    background-color: var(--theme-body-background);
    box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light);
    z-index: 1060;
    border-radius: .25rem;
    margin-block-start: .5rem;
    padding: 1rem;
    position: absolute
}

.popover.popover-right .popover-content {
    inset-inline-end: 0
}

.popover.popover-center .popover-content {
    inset-inline-start: -25%
}

.table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden
}

.table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    font-size: .875rem
}

.table:not(.table-simple) {
    border: 1px solid var(--theme-table-border-dark)
}

.table caption {
    letter-spacing: .125rem;
    text-align: right;
    text-transform: uppercase;
    padding: 1.25rem;
    font-size: .75rem;
    font-weight: 600
}

.table th, .table td {
    word-wrap: break-word;
    border-block-start: 1px solid var(--theme-table-border-dark);
    vertical-align: top;
    padding: 1rem 1.25rem;
    line-height: 1.5;
    display: table-cell
}

.table th:not([align]) {
    text-align: left
}

@media screen and (max-width: 767px) {
    .table.table-stacked-mobile th, .table.table-stacked-mobile td {
        width: 100%;
        display: block
    }

    .table.table-stacked-mobile th:not(:first-child), .table.table-stacked-mobile td:not(:first-child) {
        border-width: 0;
        padding-block-start: 0
    }

    .table.table-stacked-mobile thead tr:first-child th, .table.table-stacked-mobile tbody tr:first-child td {
        border-block-start: none
    }

    .table.table-stacked-mobile thead tr > th:last-child {
        border-block-end: 1px solid var(--theme-table-border-dark)
    }
}

.table.table-borderless, .table.table-borderless th, .table.table-borderless td {
    border: none
}

.table.table-complex thead tr, .table.table-complex tfoot tr {
    background-color: var(--theme-table-header)
}

.table.table-complex th, .table.table-complex td {
    border: 1px solid var(--theme-table-border-dark)
}

.table.table-striped tbody tr:nth-of-type(2n) {
    background-color: var(--theme-table-row)
}

.table.table-sm th, .table.table-sm td {
    padding: .5rem
}

.table.table-lg th, .table.table-lg td {
    padding: 2rem
}

.toggle label {
    width: 2.5em;
    height: 1.25em;
    border: .065em solid var(--theme-text-subtle);
    background-color: var(--theme-body-background);
    cursor: pointer;
    border-radius: 290486px;
    transition: background-color .2s linear, border-color .2s linear;
    display: block;
    position: relative
}

@media (forced-colors: active) {
    .toggle label {
        border-color: CanvasText !important;
        background-color: Canvas !important
    }
}

.toggle label:after {
    width: .75em;
    height: .75em;
    background-color: var(--theme-text-subtle);
    content: "";
    border-radius: 290486px;
    transition: inset-inline-start .2s cubic-bezier(.01, 1.23, .58, .96), border-color .2s cubic-bezier(.01, 1.23, .58, .96), background-color .2s cubic-bezier(.01, 1.23, .58, .96);
    display: block;
    position: absolute;
    inset-block-start: .1875em;
    inset-inline-start: .25em
}

@media (forced-colors: active) {
    .toggle label:after {
        background-color: CanvasText !important
    }
}

.toggle.is-selected label, .toggle input[type=checkbox]:checked + label {
    border-color: var(--theme-primary-base);
    background-color: var(--theme-primary-base)
}

@media (forced-colors: active) {
    .toggle.is-selected label, .toggle input[type=checkbox]:checked + label {
        border-color: LinkText !important;
        background-color: LinkText !important
    }
}

.toggle.is-selected label:after, .toggle input[type=checkbox]:checked + label:after {
    background-color: var(--theme-body-background);
    inset-inline-start: calc(100% - 1em)
}

@media (forced-colors: active) {
    .toggle.is-selected label:after, .toggle input[type=checkbox]:checked + label:after {
        background-color: Canvas !important
    }
}

.toggle input[type=checkbox] {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    word-wrap: normal;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.toggle input[type=checkbox]:disabled + label {
    opacity: .6;
    cursor: not-allowed
}

.banner {
    outline-color: var(--theme-text);
    background-color: var(--theme-info-background);
    color: var(--theme-info-dark);
    word-wrap: break-word;
    word-break: break-word;
    border-block: 1px solid var(--theme-border-white-high-contrast);
    grid-template:"banner-content dismiss"/1fr auto;
    padding-block: 1rem;
    font-size: 1rem;
    line-height: 1.3;
    display: grid;
    position: relative
}

.banner.is-loading {
    color: #0000
}

.banner.is-loading > :first-child {
    margin-inline-start: calc(1rem + .375em)
}

.banner.is-loading:before {
    border-color: transparent transparent var(--theme-info-dark) var(--theme-info-dark);
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 16px
}

@media screen and (min-width: 1800px) {
    .banner.is-loading:before {
        inset-inline-start: calc(50% - 884px)
    }
}

.banner .banner-content {
    grid-area: banner-content
}

.banner .banner-content a:not(.button) {
    color: currentColor;
    font-weight: 600
}

.theme-high-contrast .banner .banner-content a:not(.button) {
    color: var(--theme-hyperlink)
}

.banner .banner-dismiss {
    width: 1em;
    height: 1em;
    border: 0;
    border-radius: 290486px;
    grid-area: dismiss;
    margin-inline-start: .25rem;
    padding: 0
}

.notification {
    border: 1px solid var(--theme-control-border);
    outline-color: var(--theme-text);
    background-color: var(--theme-secondary-background);
    color: var(--theme-text);
    word-wrap: break-word;
    word-break: break-word;
    border-radius: .25rem;
    grid-template:"notification-content dismiss"/1fr auto;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.3;
    display: grid;
    position: relative
}

.notification.notification-primary {
    border-color: var(--theme-primary-dark);
    background-color: var(--theme-primary-background);
    color: var(--theme-primary-dark)
}

.notification.notification-primary.is-loading:before {
    border-color: transparent transparent var(--theme-primary-dark) var(--theme-primary-dark)
}

.notification.notification-secondary {
    border-color: var(--theme-secondary-dark);
    background-color: var(--theme-secondary-background);
    color: var(--theme-secondary-dark)
}

.notification.notification-secondary.is-loading:before {
    border-color: transparent transparent var(--theme-secondary-dark) var(--theme-secondary-dark)
}

.notification.notification-tertiary {
    border-color: var(--theme-tertiary-dark);
    background-color: var(--theme-tertiary-background);
    color: var(--theme-tertiary-dark)
}

.notification.notification-tertiary.is-loading:before {
    border-color: transparent transparent var(--theme-tertiary-dark) var(--theme-tertiary-dark)
}

.notification.notification-success {
    border-color: var(--theme-success-dark);
    background-color: var(--theme-success-background);
    color: var(--theme-success-dark)
}

.notification.notification-success.is-loading:before {
    border-color: transparent transparent var(--theme-success-dark) var(--theme-success-dark)
}

.notification.notification-info {
    border-color: var(--theme-info-dark);
    background-color: var(--theme-info-background);
    color: var(--theme-info-dark)
}

.notification.notification-info.is-loading:before {
    border-color: transparent transparent var(--theme-info-dark) var(--theme-info-dark)
}

.notification.notification-warning {
    border-color: var(--theme-warning-dark);
    background-color: var(--theme-warning-background);
    color: var(--theme-warning-dark)
}

.notification.notification-warning.is-loading:before {
    border-color: transparent transparent var(--theme-warning-dark) var(--theme-warning-dark)
}

.notification.notification-danger {
    border-color: var(--theme-danger-dark);
    background-color: var(--theme-danger-background);
    color: var(--theme-danger-dark)
}

.notification.notification-danger.is-loading:before {
    border-color: transparent transparent var(--theme-danger-dark) var(--theme-danger-dark)
}

.notification.is-loading {
    color: #0000
}

.notification.is-loading > :first-child {
    margin-inline-start: calc(1rem + .375em)
}

.notification.is-loading:before {
    border-color: transparent transparent var(--theme-text) var(--theme-text);
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 1rem
}

.notification .notification-content {
    grid-area: notification-content
}

.notification .notification-content .notification-title, .notification .notification-content a:not(.button) {
    color: currentColor;
    font-weight: 600
}

.theme-high-contrast .notification .notification-content a:not(.button) {
    color: var(--theme-hyperlink)
}

.notification .notification-content .notification-title {
    justify-content: flex-start;
    align-items: center;
    margin-block-end: .5rem;
    display: flex
}

.notification .notification-content .notification-title .icon {
    flex-shrink: 0;
    align-self: start;
    margin-block-start: .2em;
    margin-inline-end: .375em
}

.notification .notification-dismiss {
    width: 1em;
    height: 1em;
    border: 0;
    border-radius: 290486px;
    grid-area: dismiss;
    margin-inline-start: .25rem;
    padding: 0
}

.persona {
    gap: .5rem;
    font-size: .875rem;
    line-height: 1.3;
    display: flex;
    position: relative
}

.persona .persona-avatar {
    width: 2.6666em;
    height: 2.6666em;
    background-color: var(--theme-alternate-background-medium);
    color: var(--theme-text-invert);
    border-radius: 290486px;
    flex-shrink: 0
}

.persona .persona-avatar img, .persona .persona-avatar svg {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 290486px
}

.persona .persona-details {
    color: var(--theme-text-subtle);
    align-self: center
}

.persona .persona-details .persona-name {
    color: var(--theme-text);
    font-size: 1.3333em
}

.persona.persona-sm {
    font-size: .75rem
}

.persona.persona-lg {
    font-size: 1rem
}

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

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

.has-animation-none {
    animation: none
}

.border-left-l-primary {
    border-left: .25rem solid var(--theme-primary-base) !important
}

.border-left-l-secondary {
    border-left: .25rem solid var(--theme-secondary-base) !important
}

.border-left-l-tertiary {
    border-left: .25rem solid var(--theme-tertiary-base) !important
}

.border-left-l-success {
    border-left: .25rem solid var(--theme-success-base) !important
}

.border-left-l-info {
    border-left: .25rem solid var(--theme-info-base) !important
}

.border-left-l-warning {
    border-left: .25rem solid var(--theme-warning-base) !important
}

.border-left-l-danger {
    border-left: .25rem solid var(--theme-danger-base) !important
}

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

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

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

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

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

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

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

.has-linear-gradient-background-aspnet-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

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

.has-linear-gradient-background-azure-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

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

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

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

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

.has-background-bizapps {
    background-color: #000 !important;
    outline-color: #fff !important
}

.has-background-bizapps-invert {
    background-color: #fff !important;
    outline-color: #000 !important
}

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

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

.has-linear-gradient-background-bizapps-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

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

.has-linear-gradient-background-bot-framework-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-collection {
    color: #053986 !important
}

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

.has-background-collection {
    background-color: #053986 !important;
    outline-color: #fff !important
}

.has-background-collection-invert {
    background-color: #fff !important;
    outline-color: #053986 !important
}

.has-background-collection-card {
    background-color: #053986 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-collection {
    background-image: linear-gradient(174.2deg, #053986 0%, #042f6d 66.72%, #032455) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-collection-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-challenge {
    color: #271e6d !important
}

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

.has-background-challenge {
    background-color: #271e6d !important;
    outline-color: #fff !important
}

.has-background-challenge-invert {
    background-color: #fff !important;
    outline-color: #271e6d !important
}

.has-background-challenge-card {
    background-color: #271e6d !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-challenge {
    background-image: linear-gradient(174.2deg, #271e6d 0%, #201859 66.72%, #191345) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-challenge-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

.has-background-dotnet-invert {
    background-color: #fff !important;
    outline-color: #512bd4 !important
}

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

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

.has-linear-gradient-background-dotnet-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

.has-background-docs {
    background-color: #243a5e !important;
    outline-color: #fff !important
}

.has-background-docs-invert {
    background-color: #fff !important;
    outline-color: #243a5e !important
}

.has-background-docs-card {
    background-color: #243a5e !important;
    outline-color: #fff !important
}

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

.has-linear-gradient-background-docs-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-dynamics {
    color: #002050 !important
}

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

.has-background-dynamics {
    background-color: #002050 !important;
    outline-color: #fff !important
}

.has-background-dynamics-invert {
    background-color: #fff !important;
    outline-color: #002050 !important
}

.has-background-dynamics-card {
    background-color: #008272 !important;
    outline-color: #fff !important
}

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

.has-linear-gradient-background-dynamics-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-microsoft-edge {
    color: #50e6ff !important
}

.has-text-microsoft-edge-invert {
    color: #000 !important
}

.has-background-microsoft-edge {
    background-color: #50e6ff !important;
    outline-color: #000 !important
}

.has-background-microsoft-edge-invert {
    background-color: #000 !important;
    outline-color: #50e6ff !important
}

.has-background-microsoft-edge-card {
    background-color: #50e6ff !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-microsoft-edge {
    background-image: linear-gradient(174.2deg, #50e6ff 0%, #37e2ff 66.72%, #1ddfff) !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-microsoft-edge-invert {
    background-image: linear-gradient(174.2deg, #000 0% 66.72%, #000) !important;
    outline-color: #000 !important
}

.has-text-microsoft-education {
    color: #32145a !important
}

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

.has-background-microsoft-education {
    background-color: #32145a !important;
    outline-color: #fff !important
}

.has-background-microsoft-education-invert {
    background-color: #fff !important;
    outline-color: #32145a !important
}

.has-background-microsoft-education-card {
    background-color: #32145a !important;
    outline-color: #fff !important
}

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

.has-linear-gradient-background-microsoft-education-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

.has-text-enterprise-mobility-security-invert {
    color: #fff !important
}

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

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

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

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

.has-linear-gradient-background-enterprise-mobility-security-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-fabric {
    color: #117865 !important
}

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

.has-background-fabric {
    background-color: #117865 !important;
    outline-color: #fff !important
}

.has-background-fabric-invert {
    background-color: #fff !important;
    outline-color: #117865 !important
}

.has-background-fabric-card {
    background-color: #117865 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-fabric {
    background-image: linear-gradient(174.2deg, #117865 0%, #0e6252 66.72%, #0b4b3f) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-fabric-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-flipgrid {
    color: #00d809 !important
}

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

.has-background-flipgrid {
    background-color: #00d809 !important;
    outline-color: #000 !important
}

.has-background-flipgrid-invert {
    background-color: #000 !important;
    outline-color: #00d809 !important
}

.has-background-flipgrid-card {
    background-color: #00d809 !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-flipgrid {
    background-image: linear-gradient(174.2deg, #00d809 0%, #00bf08 66.72%, #00a507) !important;
    outline-color: #000 !important
}

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

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

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

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

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

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

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

.has-linear-gradient-background-gaming-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-github {
    color: #24292e !important
}

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

.has-background-github {
    background-color: #24292e !important;
    outline-color: #fff !important
}

.has-background-github-invert {
    background-color: #fff !important;
    outline-color: #24292e !important
}

.has-background-github-card {
    background-color: #24292e !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-github {
    background-image: linear-gradient(174.2deg, #24292e 0%, #191c20 66.72%, #0e1011) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-github-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

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

.has-linear-gradient-background-graph-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-javascript {
    color: #1e552e !important
}

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

.has-background-javascript {
    background-color: #1e552e !important;
    outline-color: #fff !important
}

.has-background-javascript-invert {
    background-color: #fff !important;
    outline-color: #1e552e !important
}

.has-background-javascript-card {
    background-color: #1e552e !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-javascript {
    background-image: linear-gradient(174.2deg, #1e552e 0%, #174224 66.72%, #112f1a) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-javascript-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-m365 {
    color: #0078d4 !important
}

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

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

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

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

.has-linear-gradient-background-m365 {
    background-image: linear-gradient(174.2deg, #0078d4 0%, #006abb 66.72%, #005ba1) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-m365-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-makecode {
    color: #aa278f !important
}

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

.has-background-makecode {
    background-color: #aa278f !important;
    outline-color: #fff !important
}

.has-background-makecode-invert {
    background-color: #fff !important;
    outline-color: #aa278f !important
}

.has-background-makecode-card {
    background-color: #aa278f !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-makecode {
    background-image: linear-gradient(174.2deg, #aa278f 0%, #95227e 66.72%, #811d6c) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-makecode-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-minecraft {
    color: #34aa2f !important
}

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

.has-background-minecraft {
    background-color: #34aa2f !important;
    outline-color: #000 !important
}

.has-background-minecraft-invert {
    background-color: #000 !important;
    outline-color: #34aa2f !important
}

.has-background-minecraft-card {
    background-color: #34aa2f !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-minecraft {
    background-image: linear-gradient(174.2deg, #34aa2f 0%, #2e9629 66.72%, #288224) !important;
    outline-color: #000 !important
}

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

.has-text-nuget {
    color: #004880 !important
}

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

.has-background-nuget {
    background-color: #004880 !important;
    outline-color: #fff !important
}

.has-background-nuget-invert {
    background-color: #fff !important;
    outline-color: #004880 !important
}

.has-background-nuget-card {
    background-color: #004880 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-nuget {
    background-image: linear-gradient(174.2deg, #004880 0%, #003a67 66.72%, #002b4d) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-nuget-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

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

.has-linear-gradient-background-office-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

.has-background-office-365-invert {
    background-color: #fff !important;
    outline-color: #d83b01 !important
}

.has-background-office-365-card {
    background-color: #d83b01 !important;
    outline-color: #fff !important
}

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

.has-linear-gradient-background-office-365-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-playfab {
    color: #ff6d21 !important
}

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

.has-background-playfab {
    background-color: #ff6d21 !important;
    outline-color: #000 !important
}

.has-background-playfab-invert {
    background-color: #000 !important;
    outline-color: #ff6d21 !important
}

.has-background-playfab-card {
    background-color: #ff6d21 !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-playfab {
    background-image: linear-gradient(174.2deg, #ff6d21 0%, #ff5c08 66.72%, #ed5100) !important;
    outline-color: #000 !important
}

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

.has-text-power-apps {
    color: #742774 !important
}

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

.has-background-power-apps {
    background-color: #742774 !important;
    outline-color: #fff !important
}

.has-background-power-apps-invert {
    background-color: #fff !important;
    outline-color: #742774 !important
}

.has-background-power-apps-card {
    background-color: #742774 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-power-apps {
    background-image: linear-gradient(174.2deg, #742774 0%, #612161 66.72%, #4e1a4e) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-power-apps-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-power-automate {
    color: #06f !important
}

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

.has-background-power-automate {
    background-color: #06f !important;
    outline-color: #fff !important
}

.has-background-power-automate-invert {
    background-color: #fff !important;
    outline-color: #06f !important
}

.has-background-power-automate-card {
    background-color: #06f !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-power-automate {
    background-image: linear-gradient(174.2deg, #06f 0%, #005ce6 66.72%, #0052cc) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-power-automate-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-power-bi {
    color: #f2c811 !important
}

.has-text-power-bi-invert {
    color: #000 !important
}

.has-background-power-bi {
    background-color: #f2c811 !important;
    outline-color: #000 !important
}

.has-background-power-bi-invert {
    background-color: #000 !important;
    outline-color: #f2c811 !important
}

.has-background-power-bi-card {
    background-color: #f2c811 !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-power-bi {
    background-image: linear-gradient(174.2deg, #f2c811 0%, #ddb60c 66.72%, #c5a20b) !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-power-bi-invert {
    background-image: linear-gradient(174.2deg, #000 0% 66.72%, #000) !important;
    outline-color: #000 !important
}

.has-text-power-pages {
    color: #4b44c1 !important
}

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

.has-background-power-pages {
    background-color: #4b44c1 !important;
    outline-color: #fff !important
}

.has-background-power-pages-invert {
    background-color: #fff !important;
    outline-color: #4b44c1 !important
}

.has-background-power-pages-card {
    background-color: #4b44c1 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-power-pages {
    background-image: linear-gradient(174.2deg, #4b44c1 0%, #413bb1 66.72%, #3a349e) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-power-pages-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

.has-background-power-platform {
    background-color: #000 !important;
    outline-color: #fff !important
}

.has-background-power-platform-invert {
    background-color: #fff !important;
    outline-color: #000 !important
}

.has-background-power-platform-card {
    background-color: #3c3c41 !important;
    outline-color: #fff !important
}

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

.has-linear-gradient-background-power-platform-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-power-virtual-agents {
    color: #0b556a !important
}

.has-text-power-virtual-agents-invert {
    color: #fff !important
}

.has-background-power-virtual-agents {
    background-color: #0b556a !important;
    outline-color: #fff !important
}

.has-background-power-virtual-agents-invert {
    background-color: #fff !important;
    outline-color: #0b556a !important
}

.has-background-power-virtual-agents-card {
    background-color: #0b556a !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-power-virtual-agents {
    background-image: linear-gradient(174.2deg, #0b556a 0%, #094253 66.72%, #06303c) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-power-virtual-agents-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

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

.has-linear-gradient-background-powershell-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-project {
    color: #31752f !important
}

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

.has-background-project {
    background-color: #31752f !important;
    outline-color: #fff !important
}

.has-background-project-invert {
    background-color: #fff !important;
    outline-color: #31752f !important
}

.has-background-project-card {
    background-color: #31752f !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-project {
    background-image: linear-gradient(174.2deg, #31752f 0%, #296328 66.72%, #225120) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-project-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-sales-copilot {
    color: #335ccc !important
}

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

.has-background-sales-copilot {
    background-color: #335ccc !important;
    outline-color: #fff !important
}

.has-background-sales-copilot-invert {
    background-color: #fff !important;
    outline-color: #335ccc !important
}

.has-background-sales-copilot-card {
    background-color: #335ccc !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-sales-copilot {
    background-image: linear-gradient(174.2deg, #335ccc 0%, #2e53b8 66.72%, #294aa3) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-sales-copilot-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-semantic-kernel {
    color: #a05 !important
}

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

.has-background-semantic-kernel {
    background-color: #a05 !important;
    outline-color: #fff !important
}

.has-background-semantic-kernel-invert {
    background-color: #fff !important;
    outline-color: #a05 !important
}

.has-background-semantic-kernel-card {
    background-color: #a05 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-semantic-kernel {
    background-image: linear-gradient(174.2deg, #a05 0%, #910048 66.72%, #77003c) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-semantic-kernel-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-sharepoint {
    color: #03787c !important
}

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

.has-background-sharepoint {
    background-color: #03787c !important;
    outline-color: #fff !important
}

.has-background-sharepoint-invert {
    background-color: #fff !important;
    outline-color: #03787c !important
}

.has-background-sharepoint-card {
    background-color: #03787c !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-sharepoint {
    background-image: linear-gradient(174.2deg, #03787c 0%, #026063 66.72%, #02484a) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-sharepoint-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

.has-background-sql {
    background-color: #243a5e !important;
    outline-color: #fff !important
}

.has-background-sql-invert {
    background-color: #fff !important;
    outline-color: #243a5e !important
}

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

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

.has-linear-gradient-background-sql-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-surface {
    color: #737373 !important
}

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

.has-background-surface {
    background-color: #737373 !important;
    outline-color: #fff !important
}

.has-background-surface-invert {
    background-color: #fff !important;
    outline-color: #737373 !important
}

.has-background-surface-card {
    background-color: #737373 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-surface {
    background-image: linear-gradient(174.2deg, #737373 0%, #666 66.72%, #5a5a5a) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-surface-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-sway {
    color: #038387 !important
}

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

.has-background-sway {
    background-color: #038387 !important;
    outline-color: #fff !important
}

.has-background-sway-invert {
    background-color: #fff !important;
    outline-color: #038387 !important
}

.has-background-sway-card {
    background-color: #038387 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-sway {
    background-image: linear-gradient(174.2deg, #038387 0%, #026b6e 66.72%, #025355) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-sway-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

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

.has-linear-gradient-background-system-center-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-teams {
    color: #4b53bc !important
}

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

.has-background-teams {
    background-color: #4b53bc !important;
    outline-color: #fff !important
}

.has-background-teams-invert {
    background-color: #fff !important;
    outline-color: #4b53bc !important
}

.has-background-teams-card {
    background-color: #4b53bc !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-teams {
    background-image: linear-gradient(174.2deg, #4b53bc 0%, #4048ad 66.72%, #3a409a) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-teams-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

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

.has-linear-gradient-background-visual-studio-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

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

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

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

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

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

.has-linear-gradient-background-windows {
    background-image: linear-gradient(174.2deg, #0078d4 0%, #006abb 66.72%, #005ba1) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-windows-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-workplace-analytics {
    color: #5b95a5 !important
}

.has-text-workplace-analytics-invert {
    color: #000 !important
}

.has-background-workplace-analytics {
    background-color: #5b95a5 !important;
    outline-color: #000 !important
}

.has-background-workplace-analytics-invert {
    background-color: #000 !important;
    outline-color: #5b95a5 !important
}

.has-background-workplace-analytics-card {
    background-color: #5b95a5 !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-workplace-analytics {
    background-image: linear-gradient(174.2deg, #5b95a5 0%, #528695 66.72%, #497784) !important;
    outline-color: #000 !important
}

.has-linear-gradient-background-workplace-analytics-invert {
    background-image: linear-gradient(174.2deg, #000 0% 66.72%, #000) !important;
    outline-color: #000 !important
}

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

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

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

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

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

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

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

.has-text-xbox {
    color: #008575 !important
}

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

.has-background-xbox {
    background-color: #008575 !important;
    outline-color: #fff !important
}

.has-background-xbox-invert {
    background-color: #fff !important;
    outline-color: #008575 !important
}

.has-background-xbox-card {
    background-color: #008575 !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-xbox {
    background-image: linear-gradient(174.2deg, #008575 0%, #006c5f 66.72%, #005248) !important;
    outline-color: #fff !important
}

.has-linear-gradient-background-xbox-invert {
    background-image: linear-gradient(174.2deg, #fff 0%, #e6e6e6 66.72%, #ccc) !important;
    outline-color: #fff !important
}

.has-text-color {
    color: var(--theme-text) !important
}

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

.has-text-primary {
    color: var(--theme-hyperlink) !important
}

a.has-text-primary:hover, a.has-text-primary:focus-visible {
    color: var(--theme-primary-hover) !important
}

a.has-text-primary:active {
    color: var(--theme-primary-active) !important
}

.has-text-primary-invert {
    color: var(--theme-primary-invert) !important
}

.has-background-primary {
    outline-color: var(--theme-primary-invert);
    background-color: var(--theme-primary-base) !important
}

.has-background-primary-invert {
    outline-color: var(--theme-primary-base);
    background-color: var(--theme-primary-invert) !important
}

.has-background-primary-light {
    outline-color: var(--theme-primary-dark);
    background-color: var(--theme-primary-background) !important
}

.has-background-primary-dark {
    outline-color: var(--theme-primary-background);
    background-color: var(--theme-primary-dark) !important
}

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

.has-text-secondary {
    color: var(--theme-secondary-base) !important
}

a.has-text-secondary:hover, a.has-text-secondary:focus-visible {
    color: var(--theme-secondary-hover) !important
}

a.has-text-secondary:active {
    color: var(--theme-secondary-active) !important
}

.has-text-secondary-invert {
    color: var(--theme-secondary-invert) !important
}

.has-background-secondary {
    outline-color: var(--theme-secondary-invert);
    background-color: var(--theme-secondary-base) !important
}

.has-background-secondary-invert {
    outline-color: var(--theme-secondary-base);
    background-color: var(--theme-secondary-invert) !important
}

.has-background-secondary-light {
    outline-color: var(--theme-secondary-dark);
    background-color: var(--theme-secondary-background) !important
}

.has-background-secondary-dark {
    outline-color: var(--theme-secondary-background);
    background-color: var(--theme-secondary-dark) !important
}

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

.has-text-tertiary {
    color: var(--theme-tertiary-base) !important
}

a.has-text-tertiary:hover, a.has-text-tertiary:focus-visible {
    color: var(--theme-tertiary-hover) !important
}

a.has-text-tertiary:active {
    color: var(--theme-tertiary-active) !important
}

.has-text-tertiary-invert {
    color: var(--theme-tertiary-invert) !important
}

.has-background-tertiary {
    outline-color: var(--theme-tertiary-invert);
    background-color: var(--theme-tertiary-base) !important
}

.has-background-tertiary-invert {
    outline-color: var(--theme-tertiary-base);
    background-color: var(--theme-tertiary-invert) !important
}

.has-background-tertiary-light {
    outline-color: var(--theme-tertiary-dark);
    background-color: var(--theme-tertiary-background) !important
}

.has-background-tertiary-dark {
    outline-color: var(--theme-tertiary-background);
    background-color: var(--theme-tertiary-dark) !important
}

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

.has-text-success {
    color: var(--theme-success-base) !important
}

a.has-text-success:hover, a.has-text-success:focus-visible {
    color: var(--theme-success-hover) !important
}

a.has-text-success:active {
    color: var(--theme-success-active) !important
}

.has-text-success-invert {
    color: var(--theme-success-invert) !important
}

.has-background-success {
    outline-color: var(--theme-success-invert);
    background-color: var(--theme-success-base) !important
}

.has-background-success-invert {
    outline-color: var(--theme-success-base);
    background-color: var(--theme-success-invert) !important
}

.has-background-success-light {
    outline-color: var(--theme-success-dark);
    background-color: var(--theme-success-background) !important
}

.has-background-success-dark {
    outline-color: var(--theme-success-background);
    background-color: var(--theme-success-dark) !important
}

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

.has-text-info {
    color: var(--theme-info-base) !important
}

a.has-text-info:hover, a.has-text-info:focus-visible {
    color: var(--theme-info-hover) !important
}

a.has-text-info:active {
    color: var(--theme-info-active) !important
}

.has-text-info-invert {
    color: var(--theme-info-invert) !important
}

.has-background-info {
    outline-color: var(--theme-info-invert);
    background-color: var(--theme-info-base) !important
}

.has-background-info-invert {
    outline-color: var(--theme-info-base);
    background-color: var(--theme-info-invert) !important
}

.has-background-info-light {
    outline-color: var(--theme-info-dark);
    background-color: var(--theme-info-background) !important
}

.has-background-info-dark {
    outline-color: var(--theme-info-background);
    background-color: var(--theme-info-dark) !important
}

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

.has-text-warning {
    color: var(--theme-warning-base) !important
}

a.has-text-warning:hover, a.has-text-warning:focus-visible {
    color: var(--theme-warning-hover) !important
}

a.has-text-warning:active {
    color: var(--theme-warning-active) !important
}

.has-text-warning-invert {
    color: var(--theme-warning-invert) !important
}

.has-background-warning {
    outline-color: var(--theme-warning-invert);
    background-color: var(--theme-warning-base) !important
}

.has-background-warning-invert {
    outline-color: var(--theme-warning-base);
    background-color: var(--theme-warning-invert) !important
}

.has-background-warning-light {
    outline-color: var(--theme-warning-dark);
    background-color: var(--theme-warning-background) !important
}

.has-background-warning-dark {
    outline-color: var(--theme-warning-background);
    background-color: var(--theme-warning-dark) !important
}

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

.has-text-danger {
    color: var(--theme-danger-base) !important
}

a.has-text-danger:hover, a.has-text-danger:focus-visible {
    color: var(--theme-danger-hover) !important
}

a.has-text-danger:active {
    color: var(--theme-danger-active) !important
}

.has-text-danger-invert {
    color: var(--theme-danger-invert) !important
}

.has-background-danger {
    outline-color: var(--theme-danger-invert);
    background-color: var(--theme-danger-base) !important
}

.has-background-danger-invert {
    outline-color: var(--theme-danger-base);
    background-color: var(--theme-danger-invert) !important
}

.has-background-danger-light {
    outline-color: var(--theme-danger-dark);
    background-color: var(--theme-danger-background) !important
}

.has-background-danger-dark {
    outline-color: var(--theme-danger-background);
    background-color: var(--theme-danger-dark) !important
}

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

.has-body-background {
    outline-color: var(--theme-text);
    background-color: var(--theme-body-background) !important
}

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

.has-body-background-dark, .has-body-background-medium {
    outline-color: var(--theme-text);
    background-color: var(--theme-body-background-medium) !important
}

@media screen and (min-width: 768px), print {
    .has-body-background-dark-tablet, .has-body-background-medium-tablet {
        outline-color: var(--theme-text);
        background-color: var(--theme-body-background-medium) !important
    }
}

.has-background-dark-opacity {
    outline-color: var(--theme-overlay-invert);
    background-color: var(--theme-overlay) !important
}

.has-background-alternating-grey {
    border-top: 1px solid var(--theme-border-white-high-contrast)
}

.has-background-alternating-grey:nth-of-type(2n) {
    background-color: var(--theme-body-background);
    outline-color: var(--theme-text)
}

.has-background-alternating-grey:nth-of-type(odd) {
    background-color: var(--theme-body-background-medium);
    outline-color: var(--theme-text)
}

.has-background-alternating-grey-reversed {
    border-top: 1px solid var(--theme-border-white-high-contrast)
}

.has-background-alternating-grey-reversed:nth-of-type(2n) {
    background-color: var(--theme-body-background-medium);
    outline-color: var(--theme-text)
}

.has-background-alternating-grey-reversed:nth-of-type(odd) {
    background-color: var(--theme-body-background);
    outline-color: var(--theme-text)
}

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

.background-position-right-bottom {
    background-position: 100% 100%
}

.background-repeat-no-repeat {
    background-repeat: no-repeat
}

.has-background-image-right-bottom {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .has-background-images-top-left-right-hide-left-mobile {
        background-position: 0 -9999px, 100% 0 !important
    }

    .has-background-images-top-left-right-hide-right-mobile {
        background-position: 0 0, 0 -9999px !important
    }
}

@media screen and (min-width: 768px), print {
    .has-background-images-top-left-right-hide-right-tablet {
        background-position: 0 0, 0 -9999px !important
    }

    .has-background-images-top-left-right-hide-left-tablet {
        background-position: 0 -9999px, 100% 0 !important
    }
}

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

.has-background-purple-hero {
    outline-color: var(--theme-text);
    background-color: #3b2e58 !important
}

.has-outline-color-text {
    outline-color: var(--theme-text) !important
}

.has-outline-color-current-color {
    outline-color: currentColor !important
}

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

:root, .theme-light {
    --theme-body-background-learn: #e8e6df;
    --theme-text-gradient-purple: #702573;
    --theme-text-gradient-blue: #00579a;
    --theme-body-background-learn-dark: #e3e1db;
    --theme-border-block-start-learn-dark: 1px solid #bcbcbc
}

.theme-dark {
    --theme-body-background-learn: #091f2c;
    --theme-text-gradient-purple: #d4caf4;
    --theme-text-gradient-blue: #8dc8e8;
    --theme-body-background-learn-dark: #091f2c;
    --theme-border-block-start-learn-dark: 1px solid #bcbcbc
}

.theme-high-contrast {
    --theme-body-background-learn: #000;
    --theme-text-gradient-purple: #fff;
    --theme-text-gradient-blue: #fff;
    --theme-body-background-learn-dark: #000;
    --theme-border-block-start-learn-dark: 1px solid #bcbcbc
}

.background-color-body-learn {
    background-color: var(--theme-body-background-learn);
    outline-color: var(--theme-text)
}

.background-color-body-learn-dark {
    background-color: var(--theme-body-background-learn-dark);
    outline-color: var(--theme-text)
}

.border-block-start-learn-dark {
    border-block-start: var(--theme-border-block-start-learn-dark)
}

.card-background {
    background-color: var(--theme-card-background)
}

.text-gradient-purple-blue {
    background-color: var(--theme-text-gradient-purple);
    background-image: linear-gradient(90deg, var(--theme-text-gradient-purple), var(--theme-text-gradient-blue));
    color: #0000;
    -webkit-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

@media (forced-colors: active) {
    .fill-link-text-forced-colors {
        fill: LinkText !important
    }
}

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

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

.is-hidden {
    display: none !important
}

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

@media screen and (max-width: 767px) and (max-aspect-ratio: 1), screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25) and (max-aspect-ratio: 1), screen and (max-width: 767px) and (min-resolution: 120dpi) and (max-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (max-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (max-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (-webkit-min-device-pixel-ratio: 1.25) and (max-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (min-resolution: 120dpi) and (max-aspect-ratio: 1) {
    .is-hidden-portrait {
        display: none !important
    }
}

@media screen and (max-width: 767px) and (min-aspect-ratio: 1), screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25) and (min-aspect-ratio: 1), screen and (max-width: 767px) and (min-resolution: 120dpi) and (min-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (min-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (min-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (-webkit-min-device-pixel-ratio: 1.25) and (min-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (min-resolution: 120dpi) and (min-aspect-ratio: 1) {
    .is-hidden-landscape {
        display: none !important
    }
}

@media screen and (max-width: 767px) and (max-aspect-ratio: 1), screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25) and (max-aspect-ratio: 1), screen and (max-width: 767px) and (min-resolution: 120dpi) and (max-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (max-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (max-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (-webkit-min-device-pixel-ratio: 1.25) and (max-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (min-resolution: 120dpi) and (max-aspect-ratio: 1) {
    .is-hidden-landscape {
        display: inherit !important
    }
}

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

@media screen and (min-width: 768px) and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (min-width: 768px) and (max-width: 1087.9px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
    .is-hidden-touch {
        display: none !important
    }
}

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

@media screen and (min-width: 1088px) and (max-width: 1799px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1088px) and (max-width: 1799.9px), screen and (min-resolution: 120dpi) and (min-width: 1088px) and (max-width: 1799.9px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

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

@media (forced-colors: active) {
    .is-hidden-forced-colors {
        display: none !important
    }
}

.is-invisible {
    visibility: hidden !important
}

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

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

@media screen and (min-width: 768px) and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (min-width: 768px) and (max-width: 1087.9px) {
    .is-invisible-tablet-only {
        visibility: hidden !important
    }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
    .is-invisible-touch {
        visibility: hidden !important
    }
}

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

@media screen and (min-width: 1088px) and (max-width: 1799px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1088px) and (max-width: 1799.9px), screen and (min-resolution: 120dpi) and (min-width: 1088px) and (max-width: 1799.9px) {
    .is-invisible-desktop-only {
        visibility: hidden !important
    }
}

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

.visually-hidden, .is-visually-hidden, .visually-hidden-until-focused:not(:focus), .is-visually-hidden-until-focused:not(:focus) {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    word-wrap: normal;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .is-visually-hidden-mobile {
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        word-wrap: normal;
        border: 0;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
    .is-visually-hidden-touch {
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        word-wrap: normal;
        border: 0;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
}

@media screen and (min-width: 768px), print {
    .is-visually-hidden-tablet {
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        word-wrap: normal;
        border: 0;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
}

@media screen and (min-width: 768px) and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (min-width: 768px) and (max-width: 1087.9px) {
    .is-visually-hidden-tablet-only {
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        word-wrap: normal;
        border: 0;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
}

@media screen and (min-width: 1088px) {
    .is-visually-hidden-desktop {
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        word-wrap: normal;
        border: 0;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
}

html.theme-high-contrast .theme-display:not(.is-high-contrast), html.theme-dark .theme-display:not(.is-dark), html.theme-light .theme-display:not(.is-light) {
    background-image: none;
    display: none
}

.is-hidden-non-en-us {
    display: none
}

html[lang=en-us] .is-hidden-non-en-us {
    display: block
}

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

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

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .is-full-height-mobile {
        height: 100%
    }
}

.has-height-zero {
    height: 0 !important
}

.has-height-auto {
    height: auto !important
}

.fly-modal-text-ellipsis {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.fly-modal-content {
    overflow-y: hidden !important
}

.new-article-published-url {
    line-break: anywhere
}

.updated-toc-container {
    height: 25rem;
    overflow-y: auto
}

.toc-node-title {
    flex: 6
}

.toc-popover {
    align-self: center
}

.article-position-container {
    margin-right: .2rem
}

.article-position-container, .article-position-container .article-move-up, .article-position-container .article-move-down {
    flex: 1
}

.article-position-container .icon-move-up, .article-position-container .icon-move-down {
    position: relative;
    bottom: .1rem
}

.tree-item.is-leaf.has-icon .article-position-container .icon-move-up:hover, .tree-item.is-leaf.has-icon .article-position-container .icon-move-down:hover {
    text-decoration: none !important
}

.learn-editor-help {
    position: relative;
    bottom: 2rem
}

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

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

.is-inline-truncated wbr {
    display: none
}

.is-inline-truncated.has-max-width-200 {
    max-width: 200px
}

.max-width-150 {
    max-width: 150px !important
}

.is-vertically-scrollable {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

.has-line-height-reset {
    line-height: 1.3 !important
}

.has-outline-hover:hover {
    outline: 1px solid var(--theme-primary-base)
}

.has-heavy-shadow-hover:hover {
    transition: all .3s cubic-bezier(.8, 0, .2, 1);
    box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light) !important
}

.is-text-left {
    text-align: left !important
}

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

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

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

@media screen and (min-width: 768px), print {
    .is-text-right-tablet {
        text-align: right
    }
}

.is-full-width {
    width: 100% !important
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .is-full-width-mobile {
        width: 100% !important
    }
}

.is-one-third-width {
    width: 33% !important
}

@media screen and (min-width: 768px), print {
    .is-one-third-width-tablet {
        width: 33% !important
    }
}

@media screen and (min-width: 1088px) {
    .is-one-quarter-width-desktop {
        width: 25% !important
    }
}

.has-two-lines-height {
    min-height: 2.5em
}

.has-four-lines-height {
    min-height: 5em
}

.has-min-height-256 {
    min-height: 256px
}

.has-max-height-eight-lines {
    max-height: 10em
}

@media screen and (min-width: 768px), print {
    .has-max-height-twelve-lines-tablet {
        max-height: 15em
    }
}

.has-max-height-260 {
    max-height: 260px
}

.has-max-height-300 {
    max-height: 300px
}

.expanded-indicator {
    transition: transform .15s
}

[aria-expanded=true] .expanded-indicator {
    transform: rotateX(180deg)
}

.is-radiusless {
    border-radius: 0 !important
}

.has-overflow-hidden {
    overflow: hidden !important
}

.has-overflow-scroll {
    overflow: scroll !important
}

.is-comma-delimited > :not(:last-child):after {
    content: ", "
}

.is-dot-separated:not(:last-of-type):not(:only-of-type):after {
    content: "鈥";
    padding-left: 5px;
    padding-right: 5px
}

.has-z-index-one {
    z-index: 1
}

@media screen and (min-width: 768px), print {
    .has-min-height-567-tablet {
        min-height: 567px
    }

    .has-two-text-columns {
        columns: 2
    }

    .has-three-text-columns {
        columns: 3
    }
}

.has-three-text-columns-list-items {
    break-inside: avoid
}

@media screen and (min-width: 768px), print {
    .has-fluid-text-columns {
        columns: 3
    }
}

@media screen and (min-width: 1800px) {
    .has-fluid-text-columns {
        columns: 5
    }
}

.has-appearance-none {
    -webkit-appearance: none;
    appearance: none
}

.has-cursor-default {
    cursor: default !important
}

.has-background-linethrough {
    z-index: 1;
    position: relative
}

.has-background-linethrough:before {
    border-top: 1px solid var(--theme-border);
    content: "";
    width: 100%;
    z-index: -1;
    margin: 0 auto;
    position: absolute;
    inset: 50% 0 0
}

.is-scaled-marketing-image {
    transform: scale(1.6) translateY(23%)
}

@media screen and (min-width: 1088px) {
    .is-scaled-marketing-image {
        transform: scale(2.2) translate(20%, 17%)
    }
}

.is-downward-translated-marketing-image {
    box-shadow: 0 25.6px 57.6px 0 var(--theme-box-shadow-extra-heavy), 0 4.8px 14.4px 0 var(--theme-box-shadow-heavy);
    transform-origin: 0;
    transform: translateY(35%)
}

@media screen and (min-width: 1088px) {
    .is-downward-translated-marketing-image {
        transform: translateY(50%) scale(1.2)
    }
}

.has-backdrop-filter-blur {
    -webkit-backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.has-text-hyphens {
    -webkit-hyphens: auto;
    hyphens: auto
}

@media screen and (min-width: 1088px) {
    .previous-sibling-overlay-l-desktop {
        margin-top: -7rem
    }
}

@media screen and (min-width: 768px), print {
    .previous-sibling-overlay-m-tablet {
        margin-top: -5rem
    }
}

.opacity-none {
    opacity: 0
}

[dir=rtl] .flip-rtl {
    transform: scaleX(-1)
}

.table-of-contents {
    min-height: 4.5em
}

.admin-toc-tree {
    max-height: 60rem;
    padding-right: .5rem;
    overflow-y: auto
}

.metadata-container {
    border-style: solid;
    border-width: 1px;
    border-color: var(--theme-control-border)
}

.contribution-files-dropdown {
    -webkit-appearance: auto;
    appearance: auto
}

.contribution-files-dropdown:hover {
    cursor: pointer
}

.timer {
    box-shadow: inset 0 0 4px var(--theme-box-shadow-extra-heavy);
    grid-template-columns:minmax(min-content, auto) repeat(2, min-content auto);
    gap: 2px
}

html.assessments .sorting-dropdown .option {
    height: 10px;
    width: 10px;
    min-height: 10px
}

html.assessments .sorting-dropdown .option.is-danger {
    background-color: var(--theme-danger-base);
    color: var(--theme-danger-invert)
}

html.assessments .sorting-dropdown .option.is-warning {
    background-color: var(--theme-warning-base);
    color: var(--theme-warning-invert)
}

html.assessments .sorting-dropdown .option.is-success {
    background-color: var(--theme-success-base);
    color: var(--theme-success-invert)
}

html.visual-diff .visibility-hidden-visual-diff {
    visibility: hidden !important
}

.background-image-pattern-plus {
    --background-image-pattern: url(/tempFile/sdk/background-image-pattern-plus.1ce6f23b.svg)
}

.background-image-pattern-pixie-sticks {
    --background-image-pattern: url(/tempFile/sdk/background-image-pattern-pixie-sticks.7e566b22.svg)
}

.is-size-jumbo-responsive {
    font-size: clamp(2.53125rem, 29.8421px + 2.22039vw, 3.375rem) !important
}

.is-size-h1-responsive {
    font-size: clamp(1.875rem, 22.1053px + 1.64474vw, 2.5rem) !important
}

.is-size-h2-responsive {
    font-size: clamp(1.59375rem, 18.7895px + 1.39803vw, 2.125rem) !important
}

.is-size-h3-responsive {
    font-size: clamp(1.3125rem, 15.4737px + 1.15132vw, 1.75rem) !important
}

.is-size-h4-responsive {
    font-size: clamp(1.125rem, 13.2632px + .986842vw, 1.5rem) !important
}

.has-text-wrap {
    word-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
    height: auto !important
}

dl.parameterList dd, .propertyInfo, .memberNameHolder, .cdlHolder .cdl, .pdlHolder .pdl {
    word-wrap: break-word;
    white-space: normal;
    word-break: break-word;
    overflow: hidden
}

.has-no-wrap {
    white-space: nowrap
}

.has-text-overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden
}

.is-capitalized {
    text-transform: capitalize !important
}

.is-lowercase {
    text-transform: lowercase !important
}

.is-uppercase {
    text-transform: uppercase !important
}

.is-underlined-dotted {
    border-bottom: 1px dotted
}

.is-normal {
    font-style: normal
}

.has-text-subtle {
    color: var(--theme-text-subtle) !important
}

.has-text-overlay-invert {
    color: var(--theme-overlay-invert)
}

.has-overflow-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.has-overflow-ellipsis wbr {
    display: none
}

@media screen and (min-width: 768px), print {
    .has-overflow-ellipsis-tablet {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .has-overflow-ellipsis-tablet wbr {
        display: none
    }
}

.has-text-centered {
    text-align: center !important
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

@media screen and (min-width: 768px), print {
    .has-text-centered-tablet {
        text-align: center !important
    }
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

@media screen and (min-width: 1088px) {
    .text-align-right-desktop {
        text-align: right !important
    }
}

.has-tabular-nums {
    font-variant-numeric: tabular-nums
}

@media screen and (min-width: 768px), print {
    .has-padding-left-none-uhf-tablet {
        padding-inline-start: 0 !important
    }
}

.margin-top-negative-sm {
    margin-block-start: -1.5rem !important
}

.margin-top-negative-md {
    margin-block-start: -4rem !important
}

.margin-left-negative-xxs {
    margin-inline-start: -.5rem !important
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .padding-top-none-mobile {
        padding-top: 0 !important
    }
}

.has-content-margin-left-none {
    margin-inline-start: 0 !important
}

.has-content-margin-right-none {
    margin-inline-end: 0 !important
}

.has-content-margin-right-xxs {
    margin-inline-end: .5rem !important
}

.has-content-margin-right-xs {
    margin-inline-end: 1rem !important
}

.has-content-margin-left-sm {
    margin-inline-start: 1.5rem !important
}

@media screen and (min-width: 768px), print {
    .has-content-margin-left-none-tablet {
        margin-inline-start: 0 !important
    }

    .has-content-margin-right-none-tablet {
        margin-inline-end: 0 !important
    }

    .has-content-padding-right-none-tablet {
        padding-inline-end: 0 !important
    }

    .has-content-margin-right-xxl-tablet {
        margin-inline-end: 6rem !important
    }
}

.has-content-right-zero {
    right: 0
}

.is-vertically-aligned-middle {
    vertical-align: middle !important
}

html.has-interactive .margin-top-xs-interactive {
    margin-top: 1rem !important
}

html.has-interactive .margin-right-sm-interactive {
    margin-right: 1.5rem !important
}

.is-reading-width {
    max-width: 50rem !important
}

.is-overlayed-large {
    padding-bottom: 6rem !important
}

.is-overlayed-large + * {
    margin-top: -3rem !important
}

@media print {
    .display-block-print {
        display: block !important
    }

    .display-flex-print {
        display: flex !important
    }

    .display-none-print {
        display: none !important
    }

    .position-fixed-print {
        position: fixed !important
    }

    .position-absolute-print {
        position: absolute !important
    }

    .size-a4-print-landscape {
        height: 210mm;
        width: 297mm
    }

    body {
        min-height: initial !important
    }

    .is-fullscreen-print-landscape {
        height: 100vmin;
        width: 100vmax !important;
        max-width: 100vmax !important
    }

    .is-fullwidth-print {
        width: 100% !important
    }

    .color-adjust-exact {
        color-adjust: exact
    }

    .padding-xxl-print {
        padding: 6rem !important
    }
}

@media print and (min-height: 99vmax) {
    .rotate-270-print-portrait {
        transform-origin: 0 0;
        transform: rotate(270deg) translate(-100%)
    }
}

@media print {
    .break-inside-avoid {
        break-inside: avoid
    }

    .table-wrapper {
        overflow: visible !important
    }

    a[role=tab][aria-selected=false] {
        display: none !important
    }

    a[role=tab][aria-selected=true] {
        display: block !important
    }

    div.embeddedvideo:before {
        display: none !important
    }

    .heading-anchor {
        margin-left: 0 !important;
        padding-left: 0 !important
    }

    .primary-holder {
        padding-bottom: 0 !important
    }

    #main-column {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    #achievement-certificate .metadata.page-metadata > li:not(:last-of-type):not(:only-of-type):after {
        padding-left: 5px;
        padding-right: 5px;
        content: "鈥" !important
    }

    .metadata.page-metadata > li:nth-last-of-type(2):after {
        content: none !important
    }

    .autocomplete-qna-hero, #hub-facet-list, #user-feedback, .doc-outline, .contributors-holder {
        display: none !important
    }
}

h1, h2.likeAnH1, h2, h3, h4, h5, h6 {
    font-weight: 600
}

.docon {
    font-family: docons;
    font-size: inherit;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: inline-block
}

@font-face {
    font-family: docons;
    font-display: block;
    src: url(/tempFile/sdk/docons.419ede5e.eot);
    src: url(/tempFile/sdk/docons.419ede5e.eot) format("embedded-opentype"), url(/tempFile/sdk/docons.28d69bd4.woff2) format("woff2"), url(/tempFile/sdk/docons.5b63ee50.woff) format("woff"), url(/tempFile/sdk/docons.48ba0215.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SegoeUI;
    font-display: block;
    src: url(/static/third-party/SegoeUIWeb/1.01.206/SegoeUI-Roman-VF_web.woff2) format("woff2"), url(/static/third-party/SegoeUIWeb/1.01.206/SegoeUI-Roman-VF_web.woff) format("woff"), url(/static/third-party/SegoeUIWeb/1.01.206/SegoeUI-Roman-VF_web.ttf) format("ttf");
    font-weight: 100 700
}

@font-face {
    font-family: SegoeUI;
    font-display: block;
    src: url(/static/third-party/SegoeUI/5.32/west-european/italic/latest.eot);
    src: url(/static/third-party/SegoeUI/5.32/west-european/italic/latest.woff2) format("woff2"), url(/static/third-party/SegoeUI/5.32/west-european/italic/latest.woff) format("woff"), url(/static/third-party/SegoeUI/5.32/west-european/italic/latest.ttf) format("ttf");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: SegoeUI;
    font-display: block;
    src: local(Apple Color Emoji), local(Android Emoji), local(Segoe UI Emoji), local(EmojiSymbols), local(Symbola);
    unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+26??
}

@keyframes dots {
    0%, 20% {
        opacity: 0;
        animation-timing-function: ease-out;
        left: 0
    }
    25%, 75% {
        opacity: 1
    }
    35% {
        animation-timing-function: linear;
        left: 45%
    }
    65% {
        animation-timing-function: ease-in;
        left: 55%
    }
    to, 80% {
        opacity: 0;
        left: 100%
    }
}

@keyframes orbit {
    0% {
        opacity: 1;
        animation-timing-function: ease-out;
        transform: rotate(225deg)
    }
    7% {
        animation-timing-function: linear;
        transform: rotate(345deg)
    }
    30% {
        animation-timing-function: ease-in-out;
        transform: rotate(455deg)
    }
    39% {
        animation-timing-function: linear;
        transform: rotate(690deg)
    }
    70% {
        opacity: 1;
        animation-timing-function: ease-out;
        transform: rotate(815deg)
    }
    75% {
        animation-timing-function: ease-out;
        transform: rotate(945deg)
    }
    to, 76% {
        opacity: 0;
        transform: rotate(945deg)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }
    70% {
        transform: translateY(-10%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes slideUpOutFadeOut {
    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes fadeOut {
    to {
        opacity: 0
    }
}

@keyframes slideLeft {
    to {
        transform: translate(-100%)
    }
}

@keyframes slideRight {
    to {
        transform: translate(100%)
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(0)
    }
    30% {
        transform: scale(0)
    }
    75% {
        transform: scale(1.2)
    }
    to {
        transform: scale(1)
    }
}

@keyframes fadeInSpin {
    0%, 50% {
        opacity: 0;
        right: 0;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        right: 105%;
        transform: rotate(0)
    }
}

@keyframes shake {
    0% {
        transform: translate(-10px)
    }
    20% {
        transform: translate(10px)
    }
    50% {
        transform: translate(-10px)
    }
    70% {
        transform: translate(10px)
    }
    to {
        transform: translate(0)
    }
}

@keyframes pulse {
    0% {
        background-color: #a5a5a51a
    }
    50% {
        background-color: #a5a5a54d
    }
    to {
        background-color: #a5a5a51a
    }
}

.task-completed-modal.is-incorrect, .shake-in {
    animation: .5s ease-out shake
}

html *, html a, html li {
    outline-color: inherit;
	line-height:2
}

td:not([align]), th:not([align]) {
    text-align: left
}

.vector-icon {
    height: 14px;
    width: 14px;
    fill: currentColor;
    forced-color-adjust: auto;
    position: relative;
    top: 2px
}

.textAccent1 {
    color: var(--theme-warning-dark)
}

.textAccent2 {
    color: var(--theme-info-dark)
}

.bgdAccent1 {
    background-color: var(--theme-body-background-medium)
}

span.likeALabel {
    color: var(--theme-text-subtle)
}

time.loading {
    visibility: hidden
}

[hidden] {
    display: none !important
}

div.embeddedvideo {
    max-width: 640px;
    width: 100%;
    position: relative;
    overflow: hidden
}

div.embeddedvideo:before {
    content: "";
    height: 0;
    width: 100%;
    z-index: -1;
    padding-bottom: 56.25%;
    display: block
}

div.embeddedvideo iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.codeHeaderTitle {
    margin-top: 24px;
    font-weight: 600
}

.codeHeader {
    box-sizing: content-box;
    background-color: var(--theme-code-header);
    color: var(--theme-text);
    border: 1px solid var(--theme-border);
    min-height: 30px;
    border-bottom: 0;
    flex-direction: row;
    margin-top: 16px;
    font-size: .8rem;
    display: flex
}

.codeHeader button.run, .codeHeader button.tryIt {
    background-color: var(--theme-success-base);
    color: var(--theme-success-invert)
}

.codeHeader button.run:hover, .codeHeader button.tryIt:hover {
    background-color: var(--theme-success-hover);
    color: var(--theme-success-invert)
}

.codeHeaderTitle + .codeHeader {
    margin-top: 4px
}

.codeHeader > .language {
    flex-grow: 1;
    padding: 2px 16px
}

.codeHeader > .action {
    border: .125rem solid var(--theme-border);
    color: var(--theme-text);
    cursor: pointer;
    background-color: #0000;
    border-left-width: 1px;
    align-items: center;
    padding: 2px 10px;
    line-height: normal;
    display: flex
}

.codeHeader > .action > .docon {
    margin-right: .25em
}

.codeHeader > .action:hover {
    background-color: var(--theme-code-block)
}

.codeHeader > .action:focus-visible {
    z-index: 3
}

.codeHeader > .action.action-interactive {
    color: var(--theme-success-invert);
    background-color: var(--theme-success-base)
}

.codeHeader > .action.action-interactive:hover {
    background-color: var(--theme-success-hover) !important
}

.codeHeader > .action.action-interactive.is-loading:after {
    border-color: transparent transparent var(--theme-success-hover) var(--theme-success-hover) !important
}

.codeHeader > .action .successful-copy-alert.is-transparent {
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.codeHeader + pre {
    margin-top: 0
}

.fixed {
    z-index: 1030;
    position: fixed;
    top: 0;
    overflow-y: auto
}

.centered {
    text-align: center
}

.pageFooter {
    border-top: 1px solid var(--theme-border);
    margin-top: 48px;
    padding: 24px 0
}

.pageFooter ul.links {
    list-style-type: none
}

.pageFooter ul.links > li {
    padding: 0 25px;
    display: inline-block
}

.pageFooter ul.links > li a {
    color: var(--theme-text);
    font-weight: 600
}

.pageFooter ul.links > li a:hover {
    color: var(--theme-primary-base);
    text-decoration: underline
}

.pageFooter ul.links > li a:visited {
    color: var(--theme-text)
}

.subtle {
    color: var(--theme-text-subtle)
}

.summaryHolder {
    margin-top: 24px
}

.summary p:first-of-type {
    margin-top: 0
}

.inlineEditButton {
    flex-shrink: 0;
    align-self: center;
    margin-left: 24px;
    font-size: .875rem
}

@media screen and (min-width: 768px), print {
    .inlineEditButton {
        align-self: flex-end
    }
}

.inlineEditButton a, .inlineEditButton a:link {
    color: var(--theme-text-subtle)
}

.inlineEditButton a:hover {
    color: var(--theme-primary-base)
}

.inlineEditButton a:after {
    display: none !important
}

.inlineEditButton a span.docon {
    color: var(--theme-primary-base);
    margin-right: 6px;
    display: inline
}

.summaryHolder .inlineEditButton {
    float: right
}

.content :not(.codeHeader) + pre > code {
    margin-top: -16px
}

.content :not(.codeHeader) + pre > code:before {
    height: 31px;
    box-sizing: border-box;
    content: " ";
    color: var(--theme-text);
    background-color: var(--theme-code-header);
    border-bottom: 1px solid var(--theme-border);
    margin: -16px -16px 16px;
    padding: 5px 16px;
    font-size: .8rem;
    font-weight: 400;
    line-height: 160%;
    display: block
}

pre.wrap {
    white-space: pre-wrap
}

dl.attributeList {
    margin: 0;
    display: flex
}

dl.attributeList dd {
    margin-left: 8px
}

dl.attributeList dd p:first-child {
    margin-top: 0
}

dl.stack, .stack {
    margin-top: 24px
}

dl.halfStack, .halfStack {
    margin-top: 12px
}

.pdlHolder {
    flex-flow: wrap;
    display: flex
}

.cdlHolder .cdl, .pdlHolder .pdl {
    display: inline-block
}

.cdlHolder .cdl a, .pdlHolder .pdl a {
    outline-offset: -.125rem
}

.cdlHolder .cdl:after {
    content: ", "
}

.pdlHolder .pdl:after {
    color: var(--theme-text-subtle);
    content: "鈫";
    vertical-align: baseline;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 16px
}

.cdlHolder .cdl:last-child:after, .cdlHolder .cdl.cdlLastVisible:after, .pdlHolder .pdl:last-child:after {
    content: ""
}

.memberNameHolder {
    justify-content: space-between;
    margin-top: 24px;
    display: flex
}

.memberInfo {
    margin-left: 24px
}

.memberInfo + p {
    word-break: break-all
}

.propertyInfoTitle {
    margin-bottom: 2px
}

.propertyInfoTitle + p {
    margin-top: 0
}

.propertyInfo p:first-child, .propertyInfo p:nth-child(2), .propertyInfo + p {
    margin-top: 2px
}

dl.parameterList {
    max-width: 100%;
    margin: 0;
    display: flex
}

dl.parameterList dd {
    margin-left: 12px
}

dl.parameterList + p {
    margin-top: 4px
}

.detailTile {
    width: 50%;
    float: left;
    margin-bottom: 28px
}

.detailTile h4 {
    margin: 0 0 6px;
    font-size: 1rem
}

.detailTile div {
    color: var(--theme-text-subtle)
}

.detailTile + h2 {
    clear: left
}

.parameterName, dl.parameterList dt {
    background-color: var(--theme-body-background-medium);
    padding: 0 6px 2px;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
    font-weight: 600;
    display: inline-block
}

.parameterInfo {
    margin-left: 24px
}

.parameterInfo table.stack {
    margin-top: 12px
}

.parameterName + .parameterDetails {
    margin-top: 4px
}

.parameterDetails {
    font-size: .875rem
}

main .memberDetails table.nameValue td:first-child {
    padding: 8px 0 0
}

main .memberDetails table.nameValue td:nth-child(2) {
    padding: 0 0 8px
}

main .memberDetails table.nameValue td:only-child {
    padding: 8px 0
}

@media screen and (min-width: 768px), print {
    main .memberDetails table.nameValue td:first-child {
        padding: 8px 16px 8px 0
    }

    main .memberDetails table.nameValue td:nth-child(2), main .memberDetails table.nameValue td:only-child {
        padding: 8px 0
    }
}

body[dir=rtl] .locale-selector-link:before {
    margin-left: 5px;
    margin-right: 0
}

html.is-chromeless body {
    width: auto;
    padding: 0 24px 24px;
    display: block;
    overflow: hidden
}

a {
    color: var(--theme-hyperlink);
    cursor: pointer;
    word-wrap: break-word;
    text-decoration: none
}

a:hover {
    color: var(--theme-primary-hover);
    text-decoration: underline
}

a:visited {
    color: var(--theme-visited)
}

a, li {
    outline: 0
}

button {
    color: var(--theme-text);
    background-color: var(--theme-body-background);
    cursor: pointer
}

:not(a):not(pre) > code {
    background-color: var(--theme-inline-code);
    font-smooth: auto;
    word-wrap: break-word;
    border-radius: 3px;
    padding: .1em .2em;
    font-size: 85%
}

pre {
    border: .125rem solid var(--theme-border);
    background-color: var(--theme-code-block);
    font-smooth: auto;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    -webkit-overflow-scrolling: touch;
    margin: 1rem 0 0;
    padding: 1rem;
    font-size: .875rem;
    line-height: 1.3571;
    overflow: auto
}

pre > code {
    border: 0;
    padding: 0;
    line-height: 1.3571;
    display: block;
    position: relative
}

pre > code mark {
    min-width: calc(100% + 2rem);
    min-height: 18.9px;
    color: var(--theme-text);
    margin: 0 -1rem;
    padding: 0 1rem;
    display: inline-block
}

kbd {
    color: var(--theme-text);
    vertical-align: middle;
    background-color: var(--theme-body-background);
    border: solid 1px var(--theme-secondary-base);
    border-bottom-color: var(--theme-secondary-base);
    box-shadow: inset 0 -1px 0 var(--theme-secondary-box-shadow);
    border-radius: .25rem;
    padding: .25rem;
    font-size: .75rem;
    line-height: 10px;
    display: inline-block
}

fieldset {
    min-width: 0;
    border: none
}

ul.default, ol.default {
    margin: 16px 0 16px 38px
}

ul.default > li, ol.default > li {
    list-style: disc
}

ol.default > li {
    list-style-type: decimal
}

ul.default > li > ul.default > li {
    list-style-type: circle
}

.op_single_selector, .op_multi_selector {
    display: none
}

body select:-moz-focusring {
    color: #0000;
    text-shadow: 0 0 0 var(--theme-box-shadow-heavy)
}

select::-ms-expand {
    display: none
}

html.os-high-contrast-enabled select {
    -webkit-appearance: menulist;
    appearance: menulist;
    background-image: none;
    padding-right: 0
}

html.os-high-contrast-enabled select::-ms-expand {
    display: block
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input::-ms-clear {
    display: none
}

option {
    margin: 0;
    padding: 0
}

hr {
    height: 0;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: var(--theme-border)
}

.clearFix:after {
    content: ".";
    visibility: hidden;
    height: 0;
    clear: both;
    display: block
}

iframe {
    width: 100%
}

html[data-target=docs] [data-zone]:not([data-zone=docs]), html[data-target=chromeless] [data-zone]:not([data-zone=chromeless]), html[data-target=docs] [data-target]:not([data-target=docs]), html[data-target=chromeless] [data-target]:not([data-target=chromeless]) {
    display: none
}

html:not(.os-high-contrast-enabled) .high-contrast-only {
    display: none !important
}

strong, b {
    font-weight: 600
}

abbr[title] {
    border-bottom: 2px dotted;
    text-decoration: none
}

summary {
    cursor: pointer
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    min-height: 100vh;
    outline-color: var(--theme-text);
    font-size: 16px;
    overflow-x: hidden;
    overflow-y: scroll
}

html *, html :before, html :after {
    box-sizing: inherit
}

body {
    background-color: var(--theme-body-background);
    color: var(--theme-text);
    min-height: 100vh;
    flex-direction: column;
    flex: 100%;
    line-height: 160%;
    display: flex
}

.mainContainer .primary-holder, .mainContainer .left-container, .mainContainer .right-container {
    padding-top: 1.5rem
}

@media print {
    body, body > .mainContainer > .columns, body > .mainContainer > .columns > .primary-holder > .columns {
        margin: 0 auto !important;
        display: block !important
    }

    body > :not(.mainContainer), body > .mainContainer > .columns > .primary-holder > .columns > :not(.column), .left-container, .right-container, .feedback-section {
        display: none !important
    }

    .mainContainer, .primary-holder, .uhf-container {
        max-width: 100% !important;
        width: 100% !important
    }

    pre {
        white-space: pre-wrap !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        -webkit-hyphens: auto !important;
        hyphens: auto !important
    }
}

.content img {
    border: 0
}

.content img, .content video {
    max-width: 100%;
    height: auto
}

.content img, .content audio, .content canvas, .content progress, .content video {
    vertical-align: baseline;
    display: inline-block
}

.content audio:not([controls]) {
    height: 0;
    display: none
}

.content svg:not(:root) {
    overflow: hidden
}

.content ul ul {
    margin: 0 0 0 20px
}

.content ul ul > li {
    list-style-type: circle
}

.content ul ul ul > li {
    list-style-type: square
}

.content ol ol {
    margin: 0 0 0 20px
}

.content ol ol > li {
    list-style-type: lower-alpha
}

.content ol ol ol > li {
    list-style-type: lower-roman
}

.content h1:first-of-type {
    margin-top: -10px;
    margin-bottom: 0
}

.content h2, .content h3, .content h4, .content h5, .content h6 {
    margin-top: 10px;
    margin-bottom: 12px;
    line-height: 1.3
}

.content h1, .content h2.likeAnH1 {
    word-wrap: break-word;
    word-break: break-word;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: clamp(1.875rem, 22.1053px + 1.64474vw, 2.5rem);
    line-height: 1.3
}

.content h2 {
    margin-top: 32px;
    font-size: clamp(1.59375rem, 18.7895px + 1.39803vw, 2.125rem)
}

.content h3 {
    margin-top: 30px;
    margin-bottom: 18px;
    font-size: clamp(1.3125rem, 15.4737px + 1.15132vw, 1.75rem)
}

.content h4 {
    margin-top: 36px;
    margin-bottom: 6px;
    font-size: clamp(1.125rem, 13.2632px + .986842vw, 1.5rem)
}

.content h5 {
    letter-spacing: 1px;
    margin-top: 36px;
    margin-bottom: 6px;
    font-size: clamp(1.1rem, 15.7053px + .394737vw, 1.25rem)
}

.content h6 {
    letter-spacing: 1px;
    margin-top: 36px;
    margin-bottom: 6px;
    font-size: clamp(1.05rem, 15.8526px + .197368vw, 1.125rem)
}

.content p {
    word-wrap: break-word;
    margin-top: 1rem;
    margin-bottom: 0
}

.content blockquote {
    border-style: solid;
    border-width: 0 0 0 3px;
    border-color: var(--theme-border);
    margin: 1.2em 0 2em;
    padding: 0 .8em;
    display: block
}

.content blockquote footer {
    color: var(--theme-text-subtle);
    font-size: .9em
}

.content ul.clean, .content ol.clean {
    margin: 0 0 16px;
    padding: 0
}

.content ul, .content ol {
    margin: 16px 0 16px 38px
}

.content ul > li, .content ol > li {
    list-style: disc
}

.content ul > li > ul > li {
    list-style-type: circle
}

.content ol > li {
    list-style-type: decimal
}

.content .checklist > ul {
    margin-left: 1rem
}

.content .checklist > ul > li {
    margin-left: 1em;
    list-style-type: none;
    position: relative
}

.content .checklist > ul > li:before {
    content: "锛";
    height: 1em;
    width: 1em;
    color: var(--theme-success-base);
    font-family: docons;
    display: inline-block;
    position: absolute;
    left: -1.5em
}

.content table {
    margin-top: 1rem
}

.content td > ul:first-child {
    margin-top: 0
}

.content[lang^=zh] th, .content[lang^=ja] th, .content[lang^=ko] th {
    white-space: nowrap
}

.content nobr {
    white-space: normal
}

.docon-code-notebook:before {
    content: "顚"
}

.docon-more:before {
    content: "顪"
}

.docon-settings:before {
    content: "顪"
}

.docon-people:before {
    content: "顪"
}

.docon-link:before {
    content: "顪"
}

.docon-filter:before {
    content: "顪"
}

.docon-search:before {
    content: "顪"
}

.docon-share:before {
    content: "顪"
}

.docon-lock:before {
    content: "顪"
}

.docon-check-mark:before {
    content: "顪"
}

.docon-print:before {
    content: "顫"
}

.docon-delete:before {
    content: "顫"
}

.docon-save:before {
    content: "顫"
}

.docon-play:before {
    content: "顫"
}

.docon-ease-of-access:before {
    content: "顫"
}

.docon-contact:before {
    content: "顫"
}

.docon-calendar:before {
    content: "顬"
}

.docon-enhance-pop:before {
    content: "顬"
}

.docon-flag:before {
    content: "顭"
}

.docon-location-circle:before {
    content: "顮"
}

.docon-home:before {
    content: "顮"
}

.docon-location:before {
    content: "顮"
}

.docon-view:before {
    content: "睥"
}

.docon-download:before {
    content: "睥"
}

.docon-upload:before {
    content: "睥"
}

.docon-dislike:before {
    content: "睿"
}

.docon-like:before {
    content: "睿"
}

.docon-repeat-all:before {
    content: "睿"
}

.docon-world:before {
    content: "瞍"
}

.docon-radio-bullet:before {
    content: "瞍"
}

.docon-clock:before {
    content: "瞍"
}

.docon-reply:before {
    content: "睽"
}

.docon-clear-night:before {
    content: "瞌"
}

.docon-asterisk:before {
    content: "瞑"
}

.docon-lightbulb:before {
    content: "瞠"
}

.docon-calendar-solid:before {
    content: "瞠"
}

.docon-website:before {
    content: "瞽"
}

.docon-bug:before {
    content: "畀"
}

.docon-section:before {
    content: "畎"
}

.docon-developer-tools:before {
    content: "畋"
}

.docon-web-components:before {
    content: "畈"
}

.docon-product:before {
    content: "畛"
}

.docon-feedback:before {
    content: "畲"
}

.docon-clipboard:before {
    content: "畲"
}

.docon-single-bookmark:before {
    content: "罘"
}

.docon-single-bookmark-solid:before {
    content: "罡"
}

.docon-cloud-import-export:before {
    content: "罟"
}

.docon-book-art64:before {
    content: "罴"
}

.docon-document-management:before {
    content: "羁"
}

.docon-text-document:before {
    content: "飥"
}

.docon-arrow-up-right:before {
    content: "飦"
}

.docon-arrow-up8:before {
    content: "飩"
}

.docon-arrow-down8:before {
    content: "飩"
}

.docon-status-circle-checkmark:before {
    content: "飫"
}

.docon-dial-shape1:before {
    content: "飬"
}

.docon-medium-monogram-logo:before {
    content: "飭"
}

.docon-cube-cone-ball-shapes:before {
    content: "飭"
}

.docon-blog:before {
    content: "飯"
}

.docon-deploy:before {
    content: "飱"
}

.docon-more-vertical:before {
    content: "飱"
}

.docon-circle-addition:before {
    content: "飲"
}

.docon-circle-addition-solid:before {
    content: "飲"
}

.docon-file-code:before {
    content: "飳"
}

.docon-asterisk-solid:before {
    content: "飴"
}

.docon-like-solid:before {
    content: "飵"
}

.docon-dislike-solid:before {
    content: "飶"
}

.docon-pod-cast:before {
    content: "飸"
}

.docon-special-event:before {
    content: "飻"
}

.docon-dictionary-download:before {
    content: "餃"
}

.docon-set-history-status:before {
    content: "餃"
}

.docon-reading-settings:before {
    content: "餃"
}

.docon-filter-settings:before {
    content: "餄"
}

.docon-inspect:before {
    content: "餇"
}

.docon-enter-mode:before {
    content: "餇"
}

.docon-wechat:before {
    content: "餇"
}

.docon-weibo:before {
    content: "餇"
}

.docon-brand-linkedin:before {
    content: "锛"
}

.docon-feed:before {
    content: "锛"
}

.docon-check:before {
    content: "锛"
}

.docon-feedback-positive-outline:before {
    content: "锛"
}

.docon-octicon-smiley:before {
    content: "锛"
}

.docon-power:before {
    content: "锛"
}

.docon-terminal:before {
    content: "锛"
}

.docon-status-info-outline:before {
    content: "锛"
}

.docon-navigate-refresh:before {
    content: "锛"
}

.docon-sharing:before {
    content: "锛"
}

.docon-exit-mode:before {
    content: "锛"
}

.docon-octicon-issue-closed:before {
    content: "锛"
}

.docon-octicon-issue-opened:before {
    content: "锛"
}

.docon-edit-outline:before {
    content: "锛"
}

.docon-sun:before {
    content: "锛"
}

.docon-locale-globe:before {
    content: "锛"
}

.docon-status-warning-outline:before {
    content: "锛"
}

.docon-status-success-outline:before {
    content: "锛"
}

.docon-brand-facebook:before {
    content: "锛"
}

.docon-brand-github:before {
    content: "锛"
}

.docon-status-error-outline:before {
    content: "锛"
}

.docon-arrow-up-left:before {
    content: "锛"
}

.docon-arrow-right:before {
    content: "锛"
}

.docon-code-lang:before {
    content: "锛"
}

.docon-brand-twitter:before {
    content: "锛"
}

.docon-edit-copy:before {
    content: "锛"
}

.docon-editor-list-bullet:before {
    content: "锛"
}

.docon-octicon-plus-small:before {
    content: "锛"
}

.docon-arrow-down:before {
    content: "锛"
}

.docon-arrow-left:before {
    content: "锛"
}

.docon-status-waiting:before {
    content: "锛"
}

.docon-comment-lines:before {
    content: "锛"
}

.docon-comment-outline:before {
    content: "锛"
}

.docon-mail-message-fill:before {
    content: "锛"
}

.docon-math-minus:before {
    content: "锛"
}

.docon-math-plus:before {
    content: "锛"
}

.docon-math-plus-light:before {
    content: "锛"
}

.docon-user:before {
    content: "锛"
}

.docon-navigate-external:before {
    content: "锛"
}

.docon-play-fill:before {
    content: "锛"
}

.docon-menu:before {
    content: "锛"
}

.docon-navigate-close:before {
    content: "锛"
}

.docon-chevron-up-light:before {
    content: "锛"
}

.docon-chevron-left-light:before {
    content: "锛"
}

.docon-chevron-down-light:before {
    content: "锛"
}

.docon-chevron-right-light:before {
    content: "锛"
}

.docon-status-failure-outline:before {
    content: "锛"
}

.docon-star:before {
    content: "锛"
}

.docon-star-half:before {
    content: "锛"
}

.docon-star-outline:before {
    content: "锛"
}

.docon-topic-architecture:before {
    content: "锛"
}

.docon-topic-deploy:before {
    content: "锝"
}

.docon-topic-download:before {
    content: "锝"
}

.docon-topic-get-started:before {
    content: "锝"
}

.docon-topic-how-to-guide:before {
    content: "锝"
}

.docon-topic-training:before {
    content: "锝"
}

.docon-topic-overview:before {
    content: "锝"
}

.docon-topic-quickstart:before {
    content: "锝"
}

.docon-topic-tutorial:before {
    content: "锝"
}

.docon-topic-whats-new:before {
    content: "锝"
}

.docon-topic-reference:before {
    content: "锝"
}

.docon-topic-concept:before {
    content: "锝"
}

.docon-topic-video:before {
    content: "锝"
}

.docon-telescope:before {
    content: "锝"
}

.docon-topic-sample:before {
    content: "锝"
}

.docon-question-circle-solid:before {
    content: "锝"
}

.docon-book-solid:before {
    content: "锝"
}

.docon-tag-circle-solid:before {
    content: "锝"
}

.docon-lightbulb-regular:before {
    content: "锝"
}

.docon-brand-dev-to:before {
    content: "锝"
}

.docon-brand-instagram:before {
    content: "锝"
}

.docon-brand-stack-overflow:before {
    content: "锝"
}

.docon-brand-twitch:before {
    content: "锝"
}

.docon-brand-youtube:before {
    content: "锝"
}

.docon-brand-stack-overflow-solid:before {
    content: "锝"
}

.docon-book-open:before {
    content: "锝"
}

.docon-bulleted-list-three-items:before {
    content: "锝"
}

.docon-recommended-content:before {
    content: "锝"
}

.docon-chat-bubbles-question:before {
    content: "锝"
}

.docon-arrow-swap:before {
    content: "锝"
}

.docon-status-warning-outline-rounded:before {
    content: "锝"
}

.docon-copy-new:before {
    content: "锝"
}

.docon-localize-language:before {
    content: "锝"
}

.docon-pdf:before {
    content: "锝"
}

.docon-topic-learn:before {
    content: "锝"
}

.docon-play-button:before {
    content: "锝"
}

.docon-gear:before {
    content: "锝"
}

.docon-globe-person:before {
    content: "锝"
}

.docon-key:before {
    content: "锝"
}

.docon-key-fill:before {
    content: "锞"
}

.docon-exclamation-circle-solid:before {
    content: "锞"
}

.docon-sparkle:before {
    content: "锞"
}

.docon-sparkle-fill:before {
    content: "锞"
}

.docon-question-circle-outline:before {
    content: "锞"
}

.docon-backpack:before {
    content: "锞"
}

.docon-status:before {
    content: "锞"
}

.docon-timeline-outline:before {
    content: "锞"
}

.docon-comment-checkmark:before {
    content: "锞"
}

pre > code mark {
    background-color: var(--theme-code-highlight-background)
}

.line-highlight {
    background-color: #ffc
}

.hljs-comment {
    color: green
}

.hljs-pscommand, .hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-name, .hljs-string .hljs-subst, .hljs-tag {
    color: #0101fd
}

.hljs-literal {
    color: #07704a
}

.hljs-string .hljs-subst, .hljs-attr {
    color: #0451a5
}

.hljs-string, .hljs-string .hljs-subst .hljs-string, .hljs-section, .hljs-template-tag, .hljs-template-variable, .hljs-deletion, .hljs-code {
    color: #a31515
}

.hljs-parameter, .hljs-type, .hljs-attribute, .hljs-title, .hljs-addition, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-meta {
    color: #006881
}

.hljs-doctag {
    color: #666
}

.hljs-control {
    color: #af00db
}

.hljs-helper {
    color: #795e26
}

.hljs-symbol, .hljs-bullet, .hljs-link {
    color: #0064c8
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 600
}

.hljs-reserved, .hljs-constant {
    color: #cd3131
}

.theme-dark .line-highlight, .theme-high-contrast .line-highlight {
    background-color: #006400
}

.theme-dark .hljs-comment, .theme-high-contrast .hljs-comment {
    color: #63b456
}

.theme-dark .hljs-number, .theme-high-contrast .hljs-number {
    color: #b5cea8
}

.theme-dark .hljs-pscommand, .theme-dark .hljs-keyword, .theme-dark .hljs-selector-tag, .theme-dark .hljs-built_in, .theme-dark .hljs-name, .theme-dark .hljs-tag, .theme-high-contrast .hljs-pscommand, .theme-high-contrast .hljs-keyword, .theme-high-contrast .hljs-selector-tag, .theme-high-contrast .hljs-built_in, .theme-high-contrast .hljs-name, .theme-high-contrast .hljs-tag, .theme-dark .hljs-literal, .theme-high-contrast .hljs-literal {
    color: #569cd6
}

.theme-dark .hljs-title, .theme-high-contrast .hljs-title {
    color: #4ec9b0
}

.theme-dark .hljs-string .hljs-subst, .theme-dark .hljs-attr, .theme-high-contrast .hljs-string .hljs-subst, .theme-high-contrast .hljs-attr {
    color: #9cdcfe
}

.theme-dark .hljs-string, .theme-dark .hljs-string .hljs-subst .hljs-string, .theme-dark .hljs-section, .theme-dark .hljs-attribute, .theme-dark .hljs-template-tag, .theme-dark .hljs-template-variable, .theme-dark .hljs-deletion, .theme-dark .hljs-type, .theme-dark .hljs-code, .theme-high-contrast .hljs-string, .theme-high-contrast .hljs-string .hljs-subst .hljs-string, .theme-high-contrast .hljs-section, .theme-high-contrast .hljs-attribute, .theme-high-contrast .hljs-template-tag, .theme-high-contrast .hljs-template-variable, .theme-high-contrast .hljs-deletion, .theme-high-contrast .hljs-type, .theme-high-contrast .hljs-code {
    color: #ce9178
}

.theme-dark .hljs-addition, .theme-dark .hljs-selector-attr, .theme-dark .hljs-selector-pseudo, .theme-dark .hljs-meta, .theme-high-contrast .hljs-addition, .theme-high-contrast .hljs-selector-attr, .theme-high-contrast .hljs-selector-pseudo, .theme-high-contrast .hljs-meta {
    color: #2b91af
}

.theme-dark .hljs-parameter, .theme-dark .hljs-type, .theme-dark .hljs-attribute, .theme-dark .hljs-title, .theme-dark .hljs-addition, .theme-dark .hljs-selector-attr, .theme-dark .hljs-selector-pseudo, .theme-dark .hljs-meta, .theme-high-contrast .hljs-parameter, .theme-high-contrast .hljs-type, .theme-high-contrast .hljs-attribute, .theme-high-contrast .hljs-title, .theme-high-contrast .hljs-addition, .theme-high-contrast .hljs-selector-attr, .theme-high-contrast .hljs-selector-pseudo, .theme-high-contrast .hljs-meta {
    color: #01cfff
}

.theme-dark .hljs-control, .theme-high-contrast .hljs-control {
    color: #c586c0
}

.theme-dark .hljs-helper, .theme-high-contrast .hljs-helper {
    color: #dcdcaa
}

.theme-dark .hljs-doctag, .theme-dark .hljs-symbol, .theme-dark .hljs-bullet, .theme-dark .hljs-link, .theme-high-contrast .hljs-doctag, .theme-high-contrast .hljs-symbol, .theme-high-contrast .hljs-bullet, .theme-high-contrast .hljs-link {
    color: #a6a6a6
}

.theme-dark .hljs-reserved, .theme-dark .hljs-constant, .theme-high-contrast .hljs-reserved, .theme-high-contrast .hljs-constant {
    color: #f77777
}

.alert {
    background-color: var(--theme-body-background-medium);
    outline-color: var(--theme-text);
    color: var(--theme-text);
    word-wrap: break-word;
    word-break: break-word;
    border: 1px solid var(--theme-border-white-high-contrast);
    border-radius: .375rem;
    margin-top: 1rem;
    padding: 1rem;
    font-size: 1rem;
    transition: height .5s ease-in, opacity .5s ease-in;
    display: block;
    position: relative
}

.alert > :first-child {
    margin-top: 0
}

.alert > * {
    max-width: 100%
}

.alert.is-primary {
    background-color: var(--theme-primary-background);
    border: 1px solid var(--theme-primary-background-glow-high-contrast)
}

.alert.is-primary .alert-title, .alert.is-primary a:not(.button) {
    color: var(--theme-primary-dark)
}

.alert.is-primary.is-loading:after {
    border-top-color: var(--theme-primary-dark);
    border-bottom-color: var(--theme-primary-dark);
    border-right-color: var(--theme-primary-dark);
    border-left-color: var(--theme-primary-background)
}

.alert.is-secondary {
    background-color: var(--theme-secondary-background);
    border: 1px solid var(--theme-secondary-background-glow-high-contrast)
}

.alert.is-secondary .alert-title, .alert.is-secondary a:not(.button) {
    color: var(--theme-secondary-dark)
}

.alert.is-secondary.is-loading:after {
    border-top-color: var(--theme-secondary-dark);
    border-bottom-color: var(--theme-secondary-dark);
    border-right-color: var(--theme-secondary-dark);
    border-left-color: var(--theme-secondary-background)
}

.alert.is-tertiary {
    background-color: var(--theme-tertiary-background);
    border: 1px solid var(--theme-tertiary-background-glow-high-contrast)
}

.alert.is-tertiary .alert-title, .alert.is-tertiary a:not(.button) {
    color: var(--theme-tertiary-dark)
}

.alert.is-tertiary.is-loading:after {
    border-top-color: var(--theme-tertiary-dark);
    border-bottom-color: var(--theme-tertiary-dark);
    border-right-color: var(--theme-tertiary-dark);
    border-left-color: var(--theme-tertiary-background)
}

.alert.is-success {
    background-color: var(--theme-success-background);
    border: 1px solid var(--theme-success-background-glow-high-contrast)
}

.alert.is-success .alert-title, .alert.is-success a:not(.button) {
    color: var(--theme-success-dark)
}

.alert.is-success.is-loading:after {
    border-top-color: var(--theme-success-dark);
    border-bottom-color: var(--theme-success-dark);
    border-right-color: var(--theme-success-dark);
    border-left-color: var(--theme-success-background)
}

.alert.is-info {
    background-color: var(--theme-info-background);
    border: 1px solid var(--theme-info-background-glow-high-contrast)
}

.alert.is-info .alert-title, .alert.is-info a:not(.button) {
    color: var(--theme-info-dark)
}

.alert.is-info.is-loading:after {
    border-top-color: var(--theme-info-dark);
    border-bottom-color: var(--theme-info-dark);
    border-right-color: var(--theme-info-dark);
    border-left-color: var(--theme-info-background)
}

.alert.is-warning {
    background-color: var(--theme-warning-background);
    border: 1px solid var(--theme-warning-background-glow-high-contrast)
}

.alert.is-warning .alert-title, .alert.is-warning a:not(.button) {
    color: var(--theme-warning-dark)
}

.alert.is-warning.is-loading:after {
    border-top-color: var(--theme-warning-dark);
    border-bottom-color: var(--theme-warning-dark);
    border-right-color: var(--theme-warning-dark);
    border-left-color: var(--theme-warning-background)
}

.alert.is-danger {
    background-color: var(--theme-danger-background);
    border: 1px solid var(--theme-danger-background-glow-high-contrast)
}

.alert.is-danger .alert-title, .alert.is-danger a:not(.button) {
    color: var(--theme-danger-dark)
}

.alert.is-danger.is-loading:after {
    border-top-color: var(--theme-danger-dark);
    border-bottom-color: var(--theme-danger-dark);
    border-right-color: var(--theme-danger-dark);
    border-left-color: var(--theme-danger-background)
}

.alert .alert-title, .alert a:not(.button) {
    color: currentColor;
    font-weight: 600
}

.alert .codeHeader {
    line-height: 24px
}

.alert ul.default, .alert ol.default, .alert ul, .alert ol {
    margin-bottom: 0;
    line-height: 1.8
}

.alert.is-banner {
    border-radius: 0;
    margin: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.alert.is-banner p {
    margin-top: calc(.375em - 1px);
    margin-bottom: calc(.375em - 1px);
    padding-top: calc(.375em - 1px);
    padding-bottom: calc(.375em - 1px)
}

.alert.is-header {
    border-radius: 0
}

.alert.is-header + .alert {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0
}

.alert.disappearing {
    animation: .4s ease-in forwards slideUpOutFadeOut
}

.alert.disappearing.is-inline-alert {
    animation: 1s ease-in forwards fadeOut
}

.alert.is-loading > :first-child {
    margin-bottom: 0;
    margin-left: 1.8em
}

.alert.is-loading:after {
    border-top-color: var(--theme-text);
    border-bottom-color: var(--theme-text);
    border-right-color: var(--theme-text);
    border-left-color: #0000;
    margin-top: .25em;
    position: absolute;
    top: 1em;
    left: 1em;
    transform: none
}

.alert.is-loading.is-small:after {
    font-size: .875rem
}

.alert.is-loading.is-medium:after {
    font-size: 1rem
}

.alert.is-loading.is-large:after {
    font-size: 1.125rem
}

.arrow {
    height: var(--arrow-height, 90%);
    width: 100%;
    z-index: 100;
    position: relative
}

.arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-inline: 30px solid #0000;
    border-block-end: 30px solid var(--arrow-color, #243a5e);
    position: absolute
}

.arrow.arrow-up {
    border-inline-start: 20px solid var(--arrow-color, #243a5e);
    inset-block-end: -8px;
    inset-inline-start: calc(50% - 10px)
}

.arrow.arrow-up:after {
    inset-block-start: -25px;
    inset-inline-start: -39px
}

.arrow.arrow-right {
    width: var(--arrow-width, 90%);
    border-block-start: 20px solid var(--arrow-color, #243a5e);
    inset-block-end: calc(10px - 50%)
}

.arrow.arrow-right:after {
    inset-block-start: -24px;
    inset-inline-end: -38px;
    transform: rotate(90deg)
}

.arrow.arrow-down {
    border-inline-end: 20px solid var(--arrow-color, #243a5e);
    inset-block-end: 8px;
    inset-inline-start: calc(10px - 50%)
}

.arrow.arrow-down:after {
    inset-block-end: -25px;
    inset-inline-end: -39px;
    transform: rotate(180deg)
}

.arrow.arrow-left {
    width: var(--arrow-width, 90%);
    border-block-end: 20px solid var(--arrow-color, #243a5e);
    inset-block-start: calc(10px - 50%);
    inset-inline-end: -10%
}

.arrow.arrow-left:after {
    inset-block-end: -24px;
    inset-inline-start: -38px;
    transform: rotate(270deg)
}

.autocomplete {
    display: inline-block;
    position: relative
}

.autocomplete-input {
    padding-inline-end: 26px
}

.autocomplete-loader {
    position: absolute;
    inset-block-start: 8px;
    inset-inline-end: 10px
}

.autocomplete-loader.input-lg {
    font-size: 1.25rem;
    top: 10px
}

.autocomplete-suggestions {
    z-index: 1000;
    max-height: 18rem;
    min-width: 100%;
    max-width: 100%;
    cursor: default;
    border: 1px solid var(--theme-border);
    background-color: var(--theme-body-background);
    box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
    padding: 0;
    list-style-type: none;
    position: absolute;
    margin: 2px 0 0 !important
}

@media screen and (min-width: 768px), print {
    .autocomplete-suggestions {
        max-width: 500px
    }
}

.autocomplete-suggestion {
    padding: 2px 0;
    display: block
}

.autocomplete-suggestion:hover, .autocomplete-suggestion.is-active-descendant {
    background-color: var(--theme-body-background-medium);
    outline-offset: -.125rem;
    outline-color: currentColor !important
}

.content .notebooks-main-toolbar-container {
    border: 1px solid var(--theme-text-subtle) !important
}

.content #jupyter-notebook {
    margin-top: 32px !important
}

.content #jupyter-notebook .notebook-container {
    overflow-y: hidden !important
}

.content #jupyter-notebook .nteract-cell-outputs.cell-code-outputs code {
    background-color: #0000 !important
}

.breadcrumbs-deprecated {
    width: 100%;
    background: var(--theme-body-background-medium);
    margin-bottom: 0;
    padding: 0 1rem;
    font-size: .875rem
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .breadcrumbs-deprecated {
        border-bottom: 1px solid var(--theme-border)
    }
}

.breadcrumbs-deprecated > li {
    display: inline
}

.breadcrumbs-deprecated > li:not(:last-of-type):after {
    content: "鈥/"
}

.breadcrumbs-deprecated > li:after {
    color: var(--theme-secondary-base);
    margin: 0 6px;
    display: inline
}

@media screen and (min-width: 768px), print {
    .breadcrumbs-deprecated {
        width: auto;
        background: 0 0;
        padding: 0
    }

    .breadcrumbs-deprecated > li {
        display: inline-block
    }
}

ul.card-content-metadata {
    color: var(--theme-text-subtle);
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 0;
    font-size: .75rem;
    line-height: .875rem;
    list-style: none;
    display: flex;
    margin-inline: 0 !important
}

ul.card-content-metadata .star-rating-display .star, ul.card-content-metadata .star-rating-display .before-text, ul.card-content-metadata .star-rating-display .explanation-text {
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem
}

ul.card-content-metadata .star-rating-display .star {
    color: var(--theme-text-subtle)
}

ul.card-content-metadata > li {
    flex-basis: auto;
    margin-bottom: .25rem;
    list-style: none;
    display: flex
}

ul.card-content-metadata > li:not(:only-child):not(:last-child) {
    margin-inline-end: .75rem
}

ul.card-content-metadata > li:not(:only-child):not(:first-child) {
    padding-inline-end: .75rem
}

ul.card-content-metadata > li:first-of-type, ul.card-content-metadata > li:only-of-type {
    margin-inline-start: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    ul.card-content-metadata > li:last-of-type {
        margin-inline-start: 0
    }
}

ul.card-content-metadata.has-bullets .docon {
    font-size: 13px;
    line-height: inherit;
    width: 14px;
    margin-inline-end: 5px
}

ul.card-content-metadata.has-bullets > li:not(:last-of-type):not(:only-of-type):after {
    content: "鈥"/"";
    padding-inline: 5px
}

ul.card-content-metadata.has-bullets > li:not(:last-of-type):not(:only-of-type).has-text-danger:after {
    color: var(--theme-text-subtle)
}

.card-footer.is-left .card-footer-item, .card-footer.is-right .card-footer-item {
    flex-grow: 0
}

.card-footer.is-left {
    justify-content: flex-start
}

.card-footer.is-right {
    justify-content: flex-end
}

.card-footer .card-footer-item > .buttons {
    margin-block: -.375rem
}

.card-footer .card-footer-item > .buttons > .button {
    margin-block-end: 0
}

.card-footer .card-footer-item > .progress {
    max-width: 5rem;
    margin-block: .375rem
}

.card-footer .card-footer-item > .progress + .progress-label {
    color: var(--theme-text-subtle);
    padding-inline-start: .5rem;
    font-size: .75rem
}

.card-footer .card-footer-item > .progress-label {
    color: var(--theme-success-base);
    text-transform: uppercase;
    font-size: .75rem
}

.card-footer .card-footer-item > .progress-label .docon {
    padding-inline-start: .25rem
}

.card-footer .card-footer-item:first-child, .card-footer .card-footer-item:only-child {
    justify-content: flex-start
}

.card-footer .card-footer-item:last-child {
    justify-content: flex-end
}

.card-footer .card-footer-item:not(:last-child):not(:first-child):not(:only-child) {
    justify-content: center
}

.card-tag {
    position: absolute;
    top: 1rem;
    right: 1.5rem
}

.card-tag .xp-tag {
    min-width: inherit;
    font-size: .75rem;
    top: 0 !important;
    right: 0 !important
}

.card .card-content-title {
    text-align: start;
    -webkit-line-clamp: 3;
    flex-grow: 1;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25
}

.card .card-content-title:first-child {
    margin-top: none
}

.card .card-content-title:only-child {
    margin: 0
}

.card .card-content-supertitle {
    -webkit-line-clamp: 1;
    letter-spacing: .225rem;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1
}

.card .card-content-super-title {
    letter-spacing: .225rem;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1
}

@media screen and (min-width: 768px), print {
    .card.is-horizontal {
        flex-flow: wrap
    }

    .card.is-horizontal .card-content {
        max-width: calc(100% - 7rem);
        padding-inline: 0 8rem
    }

    .card.is-horizontal .card-footer {
        width: 100%;
        flex-grow: 1;
        flex-shrink: 0
    }
}

.card.is-branded {
    border-color: #0000;
    border: 1px solid var(--theme-border-white-high-contrast);
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.card.is-branded > :first-child {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.card.is-branded .card-header {
    border-bottom: 1px solid var(--theme-border-white-high-contrast);
    margin-top: -26px;
    margin-left: -1px;
    margin-right: -1px
}

.card.is-branded .card-header:first-child {
    padding-top: 0
}

.card.is-branded .card-header-image {
    top: 1.75rem
}

.card.is-branded .card-content {
    margin-top: 1rem
}

.card.is-branded .card-content .card-content-title {
    margin-bottom: 1rem
}

.card.is-branded .card-tag {
    position: absolute;
    top: 1rem;
    right: 0
}

.card.is-branded .card-tag .xp-tag-hexagon {
    margin-right: -1px
}

.card.is-branded .card-tag .xp-tag-hexagon:after {
    content: "";
    background-color: #0000;
    border: 0;
    right: 0
}

.assessment-cards {
    grid-template-columns:1fr
}

@media screen and (min-width: 768px), print {
    .assessment-cards {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media screen and (min-width: 1088px) {
    .assessment-cards {
        grid-template-columns:repeat(3, 1fr)
    }
}

.assessment-cards.grid-columns-4 {
    grid-template-columns:repeat(4, 1fr)
}

.assessment-cards .card {
    height: 100%
}

.session-cards {
    display: flex
}

@media screen and (min-width: 768px), print {
    .session-cards .scroll-snap-item {
        min-width: 450px;
        max-width: 450px
    }
}

.cloud-shell {
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex
}

.cloud-shell-header {
    border-bottom: 1px solid;
    flex-shrink: 0
}

.cloud-shell-header .button {
    color: inherit;
    background-color: #0000
}

.cloud-shell-header .button:hover, .cloud-shell-header .button:focus-visible {
    color: var(--theme-secondary-base);
    background-color: #0000
}

.cloud-shell-header-title {
    color: inherit;
    border-left: 1px solid;
    line-height: 1
}

.cloud-shell-frame {
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1
}

.date-countdown-timer {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.date-countdown-timer:not(:last-child) {
    margin-bottom: 1.5rem
}

.date-countdown-timer .timer-item {
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.date-countdown-timer .timer-item .title, .date-countdown-timer .timer-item .subtitle {
    margin-bottom: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .date-countdown-timer .timer-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.date-countdown-timer .countdown-title {
    font-weight: 100
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .date-countdown-timer .countdown-title {
        font-size: 3rem
    }
}

@media screen and (min-width: 768px), print {
    .date-countdown-timer .countdown-title {
        font-size: 4.5rem
    }
}

@media screen and (min-width: 1088px) {
    .date-countdown-timer .countdown-title {
        font-size: 4.5rem;
        transform: scale(1.3)
    }
}

@media screen and (min-width: 1800px) {
    .date-countdown-timer .countdown-title {
        font-size: 5.375rem
    }
}

.expired-date-title {
    text-align: center;
    font-weight: 100;
    line-height: 1.3 !important
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .expired-date-title {
        font-size: 2.875rem
    }
}

@media screen and (min-width: 768px), print {
    .expired-date-title {
        font-size: 3.5rem
    }
}

@media screen and (min-width: 1088px) {
    .expired-date-title {
        font-size: 3.5rem;
        transform: scale(1.3)
    }
}

@media screen and (min-width: 1800px) {
    .expired-date-title {
        font-size: 4.375rem
    }
}

.metadata {
    color: var(--theme-text-subtle);
    font-size: .875rem;
    display: block
}

.metadata.page-metadata {
    flex-wrap: wrap;
    list-style: none;
    display: flex;
    margin: 0 !important;
    padding: .125rem 0 0 !important
}

.metadata.page-metadata > li {
    flex-basis: auto;
    align-items: center;
    list-style: none;
    display: flex
}

.metadata.page-metadata > li .docon {
    font-size: 13px;
    line-height: inherit;
    width: 14px;
    margin-right: 5px
}

.metadata.page-metadata > li:not(:last-of-type):not(:only-of-type):after {
    content: "鈥";
    padding-left: 5px;
    padding-right: 5px
}

.metadata.page-metadata > li.collectionAttribution:not(:last-of-type):not(:only-of-type):after {
    content: ""
}

.metadata.page-metadata > li:first-of-type, .metadata.page-metadata > li:only-of-type {
    margin-left: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .metadata.page-metadata > li:last-of-type {
        margin-left: 0
    }
}

.metadata > .displayDate.loading {
    visibility: hidden
}

.metadata.page-metadata .contributors-text {
    margin-right: 5px
}

.metadata.page-metadata .contributors {
    list-style: none;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important
}

.metadata.page-metadata .contributors li {
    vertical-align: top;
    margin: 0;
    padding: 0;
    display: inline-block
}

.metadata.page-metadata .contributors li img {
    height: 16px;
    width: 16px;
    border-radius: 100%;
    margin-top: 5px;
    overflow: hidden
}

@media not print {
    .expandable:not(.is-expanded) {
        display: none !important
    }
}

.footer-layout {
    background-color: var(--theme-body-background-learn);
    flex-direction: column;
    padding: 3rem 1rem;
    display: flex
}

@media screen and (min-width: 1088px) {
    .footer-layout {
        flex-flow: wrap;
        justify-content: space-between
    }
}

.footer-layout .links {
    flex-wrap: wrap;
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    display: flex
}

@media screen and (min-width: 1088px) {
    .footer-layout .links {
        margin-top: 0
    }
}

.footer-layout .links > li {
    margin: .25rem 1.5rem 0 0;
    display: inline-block
}

.footer-layout .links > li:last-child {
    margin-right: 0
}

.footer-layout .links > li a {
    color: var(--theme-text)
}

.footer-layout .links > li a:hover, .footer-layout .links > li a:active {
    color: var(--theme-text-subtle)
}

.footer-layout .links > li button {
    background-color: #0000;
    border: none;
    padding: 0
}

.footer-layout .links > li button:hover, .footer-layout .links > li button:active {
    text-decoration: underline
}

.locale-selector-link:hover {
    text-decoration: none
}

.locale-selector-link:hover .local-selector-link-text {
    text-decoration: underline
}

.modal {
    z-index: 1050;
    justify-content: flex-start;
    align-items: center;
    display: none;
    position: fixed;
    overflow: hidden
}

.modal.is-active {
    display: flex
}

.modal p {
    margin: 0
}

.modal .buttons:last-child {
    margin-bottom: 0
}

.modal-background {
    outline-color: var(--theme-text);
    background-color: #00000080
}

.modal-background + div:not(.modal-content) {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

.modal-content {
    overflow-y: auto
}

@media screen and (min-width: 768px), print {
    .modal-content {
        max-width: calc(100vw - 40px);
        width: auto
    }
}

.modal-card {
    box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
    background-color: var(--theme-body-background);
    outline-color: var(--theme-text);
    border: 1px solid var(--theme-border)
}

@media screen and (min-width: 768px), print {
    .modal-card {
        width: 600px;
        border-radius: .375rem;
        overflow: hidden
    }

    .modal-card-full {
        width: 98%;
        height: 80%;
        top: 3%;
        left: 1%;
        right: 1%;
        overflow: auto;
        position: fixed !important
    }
}

.modal-content, .modal-card {
    max-height: 100%;
    margin: 0 20px;
    position: relative;
    overflow-y: auto
}

@media screen and (min-width: 768px), print {
    .modal-content, .modal-card {
        margin: 0 auto
    }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .modal-content.fill-mobile, .modal-card.fill-mobile {
        -webkit-overflow-scrolling: touch;
        height: 100vh;
        max-height: 100%;
        width: 100%;
        max-width: 100vw;
        border-radius: 0;
        margin: 0
    }

    .modal-content.restrict-height, .modal-card.restrict-height {
        max-height: 82vh
    }
}

.modal-allow-overflow {
    overflow: visible
}

.modal-content.is-docked-left, .modal-content.is-docked-right {
    background-color: var(--theme-body-background);
    outline-color: var(--theme-text);
    position: fixed;
    max-width: 100% !important;
    max-height: 100vh !important;
    width: 320px !important;
    margin: 0 !important;
    top: 0 !important;
    bottom: 0 !important
}

.modal-content.is-docked-left.modal-sidebar, .modal-content.is-docked-right.modal-sidebar {
    z-index: 10001;
    width: 550px !important
}

.modal-content.is-docked-left.modal-sidebar .modal-card-body, .modal-content.is-docked-right.modal-sidebar .modal-card-body {
    height: calc(100% - 58px)
}

.modal-content.is-docked-left.modal-sidebar .modal-card-body form, .modal-content.is-docked-right.modal-sidebar .modal-card-body form {
    height: 100%
}

.modal-content.is-docked-left {
    left: 0 !important
}

.modal-content.is-docked-right {
    right: 0 !important
}

.modal-close-button {
    height: 40px;
    width: 40px;
    position: fixed;
    top: 20px;
    right: 20px
}

.modal-card {
    max-height: calc(100vh - 40px);
    flex-direction: column;
    display: flex
}

.modal-card-close-button {
    margin-left: auto
}

.modal-card-close-button.is-sticky {
    z-index: 1050;
    position: absolute;
    top: 1rem;
    right: .5rem
}

.modal-card-close-button.has-color-transition {
    transition: color .25s
}

.modal-card-head, .modal-card-foot {
    background-color: var(--theme-body-background);
    outline-color: var(--theme-text);
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative
}

.modal-card-title {
    color: var(--theme-text);
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.125rem;
    line-height: 1
}

.modal-card-foot .button:not(:last-child) {
    margin-right: 10px
}

.modal-card-foot.is-sticky {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .modal-card-foot.is-sticky {
        position: relative
    }
}

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: var(--theme-body-background);
    outline-color: var(--theme-text);
    flex-grow: 1;
    flex-shrink: 1;
    padding: 20px
}

.modal-tab-sentinel {
    position: fixed;
    top: 0;
    left: 0
}

.module-completed-hero .animation-holder {
    animation: .5s slideUp
}

.module-completed-hero .animation-holder img.achievement-image {
    width: 112px
}

.module-completed-hero .module-badge {
    opacity: 0;
    height: 50px;
    animation: 1.5s forwards fadeInSpin;
    position: absolute;
    bottom: 10px
}

.module-completed-hero .xp-tag {
    right: 20px;
    bottom: 0 !important
}

.module-completed-hero .xp-tag-small {
    right: 2px;
    bottom: -4px !important
}

.module-completed-hero .xp-tag-medium {
    right: 8px;
    bottom: 1px !important
}

.module-completed-hero .xp-tag-large {
    right: 10px;
    bottom: -1px !important
}

.module-completed-hero .xp-tag-extra-large {
    right: 12px;
    bottom: 3px !important
}

.module-completed-hero .xp-tag, .module-completed-hero .xp-tag-small, .module-completed-hero .xp-tag-medium, .module-completed-hero .xp-tag-large, .module-completed-hero .xp-tag-extra-large {
    animation: 1s scaleIn;
    top: auto !important
}

.task-completed-modal .task-modal-background-correct {
    min-height: 118px;
    background-image: url(/tempFile/sdk/modal-complete-plain.c6c870a4.svg);
    background-size: contain
}

.task-completed-modal .task-body p {
    display: inline
}

.modal-slide-container {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    overflow-x: hidden
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .modal-slide-container {
        min-height: 100%
    }
}

.modal-slide {
    width: 100%;
    flex: none
}

.modal-slide:first-of-type {
    justify-content: flex-start;
    align-items: center
}

.modal-slide:last-of-type {
    justify-content: flex-end;
    align-items: center
}

.modal-slide.slide-left {
    animation: .25s forwards slideLeft
}

.modal-slide.slide-right {
    animation: .25s backwards slideRight
}

.pagination {
    margin: -.25rem;
    font-size: 1rem
}

.pagination.is-small {
    font-size: .875rem
}

.pagination.is-medium {
    font-size: 1rem
}

.pagination.is-large {
    font-size: 1.125rem
}

.pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next {
    border-radius: 290486px;
    padding-inline: 1em
}

.pagination.is-rounded .pagination-link {
    border-radius: 290486px
}

.pagination.is-wide {
    justify-content: space-between
}

.pagination, ul.pagination-list {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex
}

.pagination > li, ul.pagination-list > li {
    margin: .25rem;
    list-style: none !important
}

.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {
    text-align: center;
    justify-content: center;
    padding-inline: .5em;
    font-size: 1em
}

.pagination-previous, .pagination-next, .pagination-link {
    border-color: var(--theme-border);
    color: var(--theme-text);
    min-width: 2.25em;
    text-decoration: none
}

.pagination-previous:hover, .pagination-next:hover, .pagination-link:hover {
    border-color: var(--theme-primary-hover);
    color: var(--theme-primary-hover);
    text-decoration: none
}

.pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled] {
    background-color: var(--theme-secondary-background);
    border-color: var(--theme-secondary-background);
    color: var(--theme-secondary-base);
    opacity: .5
}

.pagination-previous, .pagination-next {
    white-space: nowrap;
    padding-inline: .75em
}

.pagination-link.is-current {
    background-color: var(--theme-primary-base);
    border-color: var(--theme-primary-base);
    color: var(--theme-primary-invert)
}

.pagination-link.is-current:hover {
    background-color: var(--theme-primary-hover)
}

@media (forced-colors: active) {
    .pagination-link.is-current:after {
        content: "";
        height: .375em;
        width: .375em;
        border: 1px solid LinkText;
        background-color: LinkText;
        forced-color-adjust: none;
        border-radius: 290486px;
        display: block;
        position: absolute;
        inset-block-start: .25em;
        inset-inline-end: .25em
    }
}

.pagination-ellipsis {
    color: var(--theme-secondary-background);
    pointer-events: none
}

.pagination-list {
    flex-wrap: wrap
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .pagination {
        flex-wrap: wrap
    }

    .pagination-list {
        flex-grow: 1
    }

    .pagination-previous, .pagination-next {
        flex-grow: 0;
        flex-shrink: 1
    }
}

@media screen and (max-width: 767px) and (min-aspect-ratio: 1), screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25) and (min-aspect-ratio: 1), screen and (max-width: 767px) and (min-resolution: 120dpi) and (min-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (min-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (min-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (-webkit-min-device-pixel-ratio: 1.25) and (min-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (min-resolution: 120dpi) and (min-aspect-ratio: 1) {
    .pagination.is-centered .pagination-previous {
        order: 1
    }

    .pagination.is-centered .pagination-list {
        order: 2;
        justify-content: center
    }

    .pagination.is-centered .pagination-next {
        order: 3
    }
}

@media screen and (min-width: 768px), print {
    .pagination-list {
        flex-grow: 0;
        flex-shrink: 1;
        order: 1;
        justify-content: flex-start
    }

    .pagination-previous {
        order: 2
    }

    .pagination-next {
        order: 3
    }

    .pagination {
        justify-content: center
    }

    .pagination.is-centered .pagination-previous {
        order: 1
    }

    .pagination.is-centered .pagination-list {
        order: 2;
        justify-content: center
    }

    .pagination.is-centered .pagination-next {
        order: 3
    }

    .pagination.is-right .pagination-previous {
        order: 1
    }

    .pagination.is-right .pagination-next {
        order: 2
    }

    .pagination.is-right .pagination-list {
        order: 3;
        justify-content: flex-end
    }
}

.nav-box {
    background-color: var(--theme-body-background);
    flex-direction: column;
    margin: 0;
    padding: 0;
    display: flex
}

.nav-box .nav-box-title {
    margin: 0;
    padding: 1rem 1.25rem .5rem
}

.nav-box .nav-box-line {
    width: 100%;
    border-left: 3px solid var(--theme-border);
    padding: 0;
    display: inline-block
}

.nav-box .nav-box-line .line-item {
    width: 100%;
    text-align: left;
    padding: .5rem 1.25rem
}

.nav-box .nav-box-line .line-item :last-child {
    padding-left: 1.25rem
}

.nav-box .nav-box-line .is-spaced {
    justify-content: space-between;
    display: flex
}

.nav-box .nav-box-line.is-current {
    background-color: var(--theme-body-background-medium);
    border: 1px solid var(--theme-border-white-high-contrast);
    border-left: 3px solid var(--theme-border);
    font-weight: 600;
    border-left-color: var(--theme-primary-base) !important
}

.nav-box .nav-box-line.is-current:visited {
    color: var(--theme-visited)
}

.nav-box .nav-box-line:hover {
    background-color: var(--theme-body-background-medium);
    border-left-color: var(--theme-primary-base)
}

.nav-box .nav-box-line:active {
    background-color: var(--theme-body-background-medium)
}

.media {
    align-items: flex-start;
    display: flex
}

.media .content:not(:last-child) {
    margin-bottom: .75rem
}

.media.is-user-dir .media-left {
    margin-right: 1rem
}

.media.is-user-dir .media-right {
    margin-left: 1rem
}

.media .media {
    border-top: 1px solid var(--theme-box-shadow-medium);
    padding-top: .75rem;
    display: flex
}

.media .media .content:not(:last-child), .media .media .control:not(:last-child) {
    margin-bottom: .5rem
}

.media .media .media {
    padding-top: .5rem
}

.media .media .media + .media {
    margin-top: .5rem
}

.media + .media {
    border-top: 1px solid var(--theme-box-shadow-medium);
    margin-top: 1rem;
    padding-top: 1rem
}

.media.is-large + .media {
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.media-left, .media-right {
    flex: none
}

.media-left {
    margin-right: 1rem
}

.media-right {
    margin-left: 1rem
}

.media-content {
    width: 100%;
    word-break: break-word;
    flex: auto
}

.tabs {
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    justify-content: space-between;
    align-items: stretch;
    margin: -.375rem;
    padding: .375rem;
    font-size: 1rem;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden
}

.tabs .tab-control {
    -webkit-appearance: none;
    appearance: none;
    color: var(--theme-text);
    vertical-align: top;
    cursor: pointer;
    background-color: #0000;
    border: none;
    border-bottom: 3px solid #0000;
    justify-content: center;
    align-items: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    display: flex;
    position: relative
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent {
    display: block
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent.is-active .tab-control {
    color: var(--theme-text);
    border-bottom: 3px solid var(--theme-primary-base)
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent.is-active .tab-control#tab-learning-paths, .tabs:not(.is-toggle):not(.is-boxed) .tab-parent.is-active .tab-control#tab-modules-courses-more {
    font-weight: 600
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent:not(.is-active) .tab-control:hover:after {
    content: "";
    border-bottom: 3px solid var(--theme-border);
    position: absolute;
    inset: 0 .375rem -3px
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent:not(.is-active):first-child .tab-control:hover:after {
    left: 0
}

.tabs:not(.is-toggle):not(.is-boxed) .tab-parent:not(.is-active):last-child .tab-control:hover:after {
    right: 0
}

.tabs .tab-list {
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.tabs .tab-list.is-left {
    padding-right: .75em
}

.tabs .tab-list.is-center {
    flex: none;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em
}

.tabs .tab-list.is-right {
    justify-content: flex-end;
    padding-left: .75em
}

.tabs .icon:first-child {
    margin-right: .5em
}

.tabs .icon:last-child {
    margin-left: .5em
}

.tabs.is-centered .tab-list {
    justify-content: center
}

.tabs.is-right .tab-list {
    justify-content: flex-end
}

.tabs.is-boxed .tab-control {
    border: 1px solid var(--theme-border);
    border-radius: .25rem .25rem 0 0
}

.tabs.is-boxed .tab-control:hover {
    background-color: var(--theme-body-background);
    border-bottom-color: var(--theme-border)
}

.tabs.is-boxed .tab-parent.is-active .tab-control {
    background-color: var(--theme-body-background);
    border-color: var(--theme-border);
    border-bottom-color: var(--theme-border) !important
}

.tabs.is-fullwidth .tab-parent {
    flex-grow: 1;
    flex-shrink: 0
}

.tabs.is-fullwidth .tab-control {
    width: 100%;
    border-radius: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .tabs.is-fullwidth-mobile .tab-parent {
        flex-grow: 1;
        flex-shrink: 0
    }

    .tabs.is-fullwidth-mobile .tab-control {
        width: 100%;
        border-radius: 0
    }
}

.tabs.is-toggle .tab-control {
    color: var(--theme-text);
    border-color: var(--theme-secondary-base);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    padding: .25em;
    position: relative
}

.tabs.is-toggle .tab-control:hover {
    background-color: var(--theme-hover-invert);
    border-color: var(--theme-hover-base);
    z-index: 2
}

@media screen and (min-width: 768px), print {
    .tabs.is-toggle .tab-control {
        padding: .5em 1em
    }
}

.tabs.is-toggle .tab-parent + .tab-parent {
    margin-left: -1px
}

.tabs.is-toggle .tab-parent:first-child .tab-control {
    border-radius: .25rem 0 0 .25rem
}

.tabs.is-toggle .tab-parent:last-child .tab-control {
    border-radius: 0 .25rem .25rem 0
}

.tabs.is-toggle .tab-parent.is-active .tab-control {
    background-color: var(--theme-secondary-base);
    border-color: var(--theme-secondary-base);
    color: var(--theme-secondary-invert);
    z-index: 1;
    border-style: solid;
    border-width: 1px
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .tabs.is-toggle .tab-parent.is-active .tab-control {
        border-width: 1px
    }
}

.tabs.is-toggle .tab-list {
    border-bottom: none
}

.tabs.is-toggle.is-toggle-rounded .tab-parent:first-child .tab-control {
    border-top-left-radius: 290486px;
    border-bottom-left-radius: 290486px;
    padding-left: 1.25em
}

.tabs.is-toggle.is-toggle-rounded .tab-parent:last-child .tab-control {
    border-top-right-radius: 290486px;
    border-bottom-right-radius: 290486px;
    padding-right: 1.25em
}

.tabs.is-small {
    font-size: .875rem
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .tabs.is-extra-small-mobile {
        font-size: 6px
    }
}

.tabs.is-medium {
    font-size: 1rem
}

.tabs.is-large {
    font-size: 1.125rem
}

.tree {
    font-size: .875rem;
    position: relative
}

ul.tree, .tree ul {
    margin-bottom: 0;
    list-style-type: none
}

.tree-item.is-leaf {
    color: var(--theme-text) !important
}

.tree-item > .tree-group {
    display: none
}

.tree-item.is-expanded > .tree-group {
    display: block
}

.tree-group {
    margin-left: 1rem
}

.tree-item.is-leaf, .tree-expander {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1rem;
    display: block
}

.tree-item:not(.is-leaf) {
    outline: none !important
}

.tree-expander, .tree-item.is-leaf {
    outline-offset: -.125rem !important
}

.tree-expander {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    position: relative
}

.tree-expander-indicator {
    color: var(--theme-text-subtle);
    font-size: .55rem;
    font-weight: 600;
    transition: transform .15s ease-in-out;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 3px;
    transform: rotate(0)
}

.tree-item.is-expanded > .tree-expander > .tree-expander-indicator {
    transform: rotate(90deg)
}

.tree-item.is-selected {
    background-color: var(--theme-body-background-medium);
    font-weight: 600;
    color: var(--theme-text-glow-high-contrast) !important
}

.tree-item.is-leaf.has-icon {
    display: flex
}

.tree-item.is-leaf.has-icon:hover {
    text-decoration: none
}

.tree-item.is-leaf.has-icon span.icon {
    width: 1rem;
    flex-shrink: 0;
    align-items: baseline;
    font-size: .75rem;
    line-height: 2
}

.tree-item.is-leaf.has-icon span:not(.icon) {
    padding-left: .5rem
}

.tree-item.is-leaf.has-icon span:not(.icon):hover {
    text-decoration: underline !important
}

.tree[data-is-collapsible=false] .tree-item.is-leaf {
    padding-left: 0 !important
}

.thumb-rating:hover .docon-dislike:before, .thumb-rating.is-selected .docon-dislike:before, .thumb-rating.button-selected .docon-dislike:before, .thumb-rating-button:hover .docon-dislike:before, .thumb-rating-button.is-selected .docon-dislike:before, .thumb-rating-button.button-selected .docon-dislike:before {
    content: "飶"
}

.thumb-rating:hover .docon-like:before, .thumb-rating.is-selected .docon-like:before, .thumb-rating.button-selected .docon-like:before, .thumb-rating-button:hover .docon-like:before, .thumb-rating-button.is-selected .docon-like:before, .thumb-rating-button.button-selected .docon-like:before {
    content: "飵"
}

.thumb-rating .icon, .thumb-rating-button .icon {
    color: var(--theme-primary-base)
}

.thumb-rating:hover.button-filled .icon, .thumb-rating.is-selected.button-filled .icon, .thumb-rating.button-selected.button-filled .icon, .thumb-rating-button:hover.button-filled .icon, .thumb-rating-button.is-selected.button-filled .icon, .thumb-rating-button.button-selected.button-filled .icon {
    color: var(--theme-body-background)
}

.star-rating-control label, .star-rating-control output {
    cursor: pointer
}

.star-rating-control label {
    padding: 0 .25rem;
    display: inline-block
}

.star-rating-control output {
    margin-left: .25rem;
    display: block
}

.star-rating-control .rating-star:before {
    content: "锛";
    font-family: docons
}

.star-rating-control .star-collection {
    display: flex
}

.star-rating-control .star-collection > input.is-selected ~ label .rating-star:before {
    content: "锛"
}

.star-rating-control .star-collection > input:not(.is-selected) ~ label .rating-star:before, .star-rating-control .star-collection > input + label:hover ~ label .rating-star:before, .star-rating-control .star-collection > input + label:focus-visible ~ label .rating-star:before {
    content: "锛"
}

.star-rating-control .star-collection:hover > input + label .rating-star:before, .star-rating-control .star-collection:focus-visible > input + label .rating-star:before {
    content: "锛"
}

.star-rating-control .star-layout {
    display: flex
}

.star-rating-control .star-layout.is-centered {
    flex-direction: column;
    align-items: center
}

.star-rating-control .star-layout.is-centered .star-collection {
    margin: 0 .5rem
}

.star-rating-control .star-layout.is-centered output {
    height: 1rem;
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.125
}

.star-rating-control .star-layout.is-stacked {
    flex-direction: column
}

.star-rating-control .star-layout.is-stacked output {
    width: auto
}

.star-rating-display {
    display: flex
}

.star-rating-display .star, .star-rating-display .before-text {
    padding-right: .25rem
}

.star-rating-display .explanation-text {
    color: var(--theme-text-subtle);
    font-size: .875rem;
    font-weight: 400
}

.star-rating-display.is-small .star, .star-rating-display.is-small .before-text, .star-rating-display.is-small .explanation-text {
    font-size: .875rem;
    line-height: .875rem
}

.star-rating-display.has-subtle-stars .star {
    color: var(--theme-text-subtle)
}

.theme-selector .theme-selector-icon {
    width: 24px !important
}

.theme-selector .theme-control.is-selected:not(:focus-visible) {
    border: 1px solid var(--theme-primary-base)
}

.bracket {
    overflow-x: hidden
}

.bracket .bracket-line, .bracket .bracket-group-line {
    border-bottom: 2px solid var(--theme-secondary-base)
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .bracket .bracket-line, .bracket .bracket-group-line {
        border-bottom: 0;
        border-left: 2px solid var(--theme-secondary-base);
        height: 15px;
        transform: translate(50%)
    }

    .bracket .bracket-line {
        margin-top: 10px
    }
}

body[dir=ltr] .bracket .bracket-group-line {
    margin-right: 5px
}

body[dir=rtl] .bracket .bracket-group-line {
    margin-left: 5px
}

.bracket .bracket-group-right {
    height: calc(100% - 100px);
    border-top: 2px solid var(--theme-secondary-base);
    border-bottom: 2px solid var(--theme-secondary-base);
    position: relative;
    top: 65px
}

body[dir=ltr] .bracket .bracket-group-right {
    border-right: 2px solid var(--theme-secondary-base);
    margin-left: 5px
}

body[dir=rtl] .bracket .bracket-group-right {
    border-left: 2px solid var(--theme-secondary-base);
    margin-right: 5px
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .bracket .bracket-group-right {
        border-top: 0;
        border-left: 2px solid var(--theme-secondary-base);
        border-bottom: 2px solid var(--theme-secondary-base);
        border-right: 2px solid var(--theme-secondary-base);
        height: 15px;
        margin-top: 10px;
        top: 0;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.divider-line {
    overflow: hidden
}

.divider-line .divider-line-label {
    margin: 0;
    padding: 0 10px;
    position: relative
}

.divider-line .divider-line-label:before, .divider-line .divider-line-label:after {
    content: "";
    width: 1000px;
    border-top: 1px solid var(--theme-secondary-base);
    position: absolute;
    top: .65em
}

.divider-line .divider-line-label:before {
    right: 100%
}

.divider-line .divider-line-label:after {
    left: 100%
}

.nav-bar {
    height: 54px;
    min-height: 54px;
    box-sizing: border-box;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative
}

@media screen and (min-width: 768px), print {
    .nav-bar {
        padding-inline: 16px;
        padding-left: 16px
    }
}

@media screen and (min-width: 1800px), print {
    .nav-bar {
        padding-left: calc(50% - 884px);
        padding-right: calc(50% - 884px)
    }
}

.nav-bar .dropdown-menu {
    background-color: var(--theme-body-background-medium)
}

.nav-bar .dropdown-menu .nav-bar-button.dropdown-trigger {
    width: 100%
}

.nav-bar .dropdown-menu .nav-bar-button:hover, .nav-bar .dropdown-menu .nav-bar-button:focus-visible {
    background-color: var(--theme-body-background-medium);
    width: 100%;
    text-decoration: underline !important
}

.nav-bar > .nav-bar-brand {
    padding-left: 1.125em
}

.nav-bar > .nav-bar-brand > .nav-bar-button {
    padding-left: 0 !important
}

@media screen and (min-width: 768px), print {
    .nav-bar > .nav-bar-brand {
        padding-left: 0 !important
    }
}

.nav-bar-nav {
    align-items: stretch;
    display: none
}

@media screen and (min-width: 768px), print {
    .nav-bar-nav {
        display: flex
    }
}

.nav-bar-nav-list {
    align-items: stretch;
    display: flex
}

.nav-bar-item {
    flex-shrink: 0;
    align-items: center;
    display: flex
}

.nav-bar-item.has-spacing, .nav-bar-item.is-category {
    margin: 0 .5rem
}

.nav-bar-item.is-category > .nav-bar-button .tag {
    margin-bottom: .25rem
}

.nav-bar-item.is-category > .is-title {
    padding-left: .5rem
}

.nav-bar-item.is-category:before {
    content: "";
    height: 1.5rem;
    border-left: 2px solid var(--theme-text-subtle);
    margin-left: .5rem;
    margin-right: 1rem;
    display: inline-block
}

.nav-bar-search {
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
    margin-right: 0;
    padding-left: .25rem;
    display: flex
}

@media screen and (min-width: 768px), print {
    .nav-bar-search {
        flex-grow: 0;
        flex-shrink: 0;
        padding: 0
    }
}

@media screen and (min-width: 1088px) {
    .nav-bar-search {
        margin-right: .25rem
    }
}

.nav-bar-search.is-expanded {
    padding-left: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .nav-bar-search.is-expanded {
        flex-grow: 0;
        flex-shrink: 0
    }
}

.nav-bar-search .nav-bar-search-form {
    padding-left: .25rem;
    display: flex
}

@media screen and (min-width: 768px), print {
    .nav-bar-search .nav-bar-search-form {
        padding-left: 0
    }
}

.nav-bar-search .nav-bar-button {
    width: 100%
}

@media screen and (min-width: 768px), print {
    .nav-bar-search .nav-bar-button {
        max-width: 120px
    }
}

@media screen and (min-width: 1088px) {
    .nav-bar-search .nav-bar-button {
        max-width: 75px
    }
}

.nav-bar-button {
    min-width: 54px;
    color: var(--theme-text);
    white-space: nowrap;
    cursor: pointer;
    background-color: #0000;
    border: none;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding: 0 .5rem;
    font-size: .875rem;
    line-height: normal;
    display: flex;
    outline-offset: -.125rem !important;
    text-decoration: none !important
}

.dropdown-menu .nav-bar-button, .nav-bar-mobile-nav .nav-bar-button {
    justify-content: flex-start
}

.nav-bar-mobile-nav .nav-bar-button {
    padding: 1rem
}

.nav-bar-button:active, .nav-bar-button.is-active, .nav-bar-button:hover, .nav-bar-button:focus-visible {
    color: var(--theme-text)
}

.nav-bar-button:active.has-hover-underline:not([aria-expanded=true]) > :first-child, .nav-bar-button.is-active.has-hover-underline:not([aria-expanded=true]) > :first-child, .nav-bar-button:hover.has-hover-underline:not([aria-expanded=true]) > :first-child, .nav-bar-button:focus-visible.has-hover-underline:not([aria-expanded=true]) > :first-child {
    position: relative
}

.nav-bar-button:active.has-hover-underline:not([aria-expanded=true]) > :first-child:after, .nav-bar-button.is-active.has-hover-underline:not([aria-expanded=true]) > :first-child:after, .nav-bar-button:hover.has-hover-underline:not([aria-expanded=true]) > :first-child:after, .nav-bar-button:focus-visible.has-hover-underline:not([aria-expanded=true]) > :first-child:after {
    content: "";
    border-bottom: 2px solid var(--theme-text);
    display: block;
    position: absolute;
    bottom: -.125rem;
    left: 0;
    right: 0
}

.nav-bar-button:visited {
    color: var(--theme-text)
}

.nav-bar-button.dropdown-trigger[aria-expanded=true] {
    background-color: var(--theme-body-background-medium)
}

.dropdown-menu .nav-bar-button {
    padding: .5rem 1rem
}

.nav-bar-button.is-title {
    word-break: break-word;
    background-color: var(--theme-body-background);
    padding: 0;
    font-size: 1rem;
    line-height: normal
}

@media screen and (min-width: 768px), print {
    .nav-bar-button.is-title {
        margin: 0;
        padding: 0 .5rem;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.125
    }
}

.nav-bar-button .tag {
    vertical-align: middle;
    font-weight: inherit;
    margin-bottom: .25rem
}

.nav-bar-button.has-external-link-indicator[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after {
    width: 1em;
    height: 1em;
    margin-left: .25em
}

.nav-bar-menu-title {
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-weight: 600
}

.nav-bar-search-form-expander {
    width: 100%;
    height: 100%;
    justify-content: flex-end
}

@media screen and (min-width: 768px), print {
    .nav-bar-search-form-expander {
        justify-content: center
    }
}

.nav-bar-search-form-expander.is-expanded {
    padding: 0
}

.nav-bar-search-form-expander .nav-bar-button {
    height: 100%;
    justify-content: flex-end;
    padding: 1rem
}

@media screen and (min-width: 768px), print {
    .nav-bar-search-form-expander .nav-bar-button {
        justify-content: center
    }
}

.nav-bar-search-form-expander .nav-bar-button.is-expanded {
    justify-content: center;
    margin-left: .25rem;
    padding: 1rem
}

.nav-bar-search-form-expander .nav-bar-button.is-expanded .nav-bar-button-text {
    padding: .25rem 0
}

@media screen and (min-width: 768px), print {
    .nav-bar-search-form-expander .nav-bar-button.is-expanded .nav-bar-button-text {
        padding: 0
    }
}

.nav-bar-button-chevron {
    color: var(--theme-text-subtle);
    margin-left: auto;
    padding-left: .25rem;
    font-size: .75rem
}

.dropdown-menu .nav-bar-button-chevron {
    padding-left: 1rem
}

.nav-bar-button-chevron .docon {
    vertical-align: sub
}

.nav-bar-brand {
    display: flex
}

.nav-bar-spacer {
    flex-grow: 1;
    flex-shrink: 1;
    display: none
}

@media screen and (min-width: 768px), print {
    .nav-bar-spacer {
        display: block
    }
}

.nav-bar-logo {
    width: 108px;
    height: 23px
}

.nav-bar-burger {
    height: 0;
    cursor: pointer;
    height: 54px;
    width: 54px;
    border: none;
    padding: 0;
    display: block;
    position: relative;
    outline-offset: -.125rem !important
}

.nav-bar-burger span {
    height: 1px;
    transform-origin: 50%;
    width: 16px;
    border-top: 1px solid;
    transition-property: background-color, opacity, transform;
    transition-duration: 86ms;
    transition-timing-function: ease-out;
    display: block;
    position: absolute;
    left: calc(50% - 8px)
}

@media screen and (-webkit-min-device-pixel-ratio: 1.25), screen and (min-resolution: 120dpi) {
    .nav-bar-burger span {
        height: 1.5px
    }
}

.nav-bar-burger span:first-child {
    top: calc(50% - 6px)
}

.nav-bar-burger span:nth-child(2) {
    top: calc(50% - 1px)
}

.nav-bar-burger span:nth-child(3) {
    top: calc(50% + 4px)
}

.nav-bar-burger[aria-expanded=true] span:first-child {
    transform: translateY(5px) rotate(45deg)
}

.nav-bar-burger[aria-expanded=true] span:nth-child(2) {
    opacity: 0
}

.nav-bar-burger[aria-expanded=true] span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg)
}

@media screen and (min-width: 768px), print {
    .nav-bar-burger {
        display: none
    }
}

.nav-bar-burger:hover {
    background-color: var(--theme-body-background)
}

.nav-bar-burger .nav-bar-burger-label {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
    margin: -1px;
    padding: 0;
    overflow: hidden
}

.nav-bar-list {
    display: flex
}

.nav-bar-profile {
    flex-shrink: 0;
    align-items: center;
    padding-left: .25rem;
    font-size: .875rem;
    display: none
}

@media screen and (min-width: 768px), print {
    .nav-bar-profile {
        display: flex
    }
}

.nav-bar-profile .docs-sign-in {
    color: var(--theme-primary-base);
    height: 2.25em;
    border: 1px solid #0000;
    border-radius: 2px;
    align-self: center;
    padding: calc(.375em - 1px) .75em;
    line-height: 1.5;
    position: relative
}

.nav-bar-profile .docs-sign-in:hover {
    background-color: var(--theme-body-background-medium)
}

.nav-bar-mobile-nav {
    background-color: var(--theme-body-background)
}

.nav-bar-mobile-nav-list .nav-bar-mobile-nav-list {
    margin-left: 1rem
}

.nav-bar-mobile-nav-item {
    flex-direction: column;
    display: flex
}

.nav-bar-mobile-nav-item > .nav-bar-button .tag {
    margin-left: .25rem
}

.toast {
    z-index: 1060;
    height: 0;
    width: 100%;
    transition: height .4s ease-in, opacity .4s ease-in;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.toast.appearing {
    height: auto;
    animation: .4s ease-in forwards slideDown
}

.toast.disappearing {
    animation: .4s ease-in forwards slideUpOutFadeOut
}

.media-card {
    background-color: var(--theme-card-background);
    border-color: #0000;
    border: 1px solid var(--theme-border-white-high-contrast);
    box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
    color: var(--theme-text);
    height: 100%;
    outline-color: var(--theme-text);
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    flex-direction: column;
    justify-content: flex-start;
    display: flex
}

.media-card.is-horizontal {
    border-top-right-radius: 0;
    border-bottom-left-radius: .375rem;
    flex-direction: row
}

.media-card.is-horizontal .media-card-image {
    height: auto;
    min-width: 86px;
    border: 1px solid var(--theme-border-white-high-contrast);
    border-top-right-radius: 0;
    border-bottom-left-radius: .375rem;
    margin: -1px;
    padding-top: 0;
    position: relative
}

@media screen and (min-width: 768px), print {
    .media-card.is-horizontal .media-card-image {
        min-width: 110px
    }
}

.theme-high-contrast .media-card.is-horizontal .media-card-image {
    border-right: 1px solid var(--theme-border-white-high-contrast);
    margin: -1px
}

.media-card.is-horizontal .media-card-image img, .media-card.is-horizontal .media-card-image svg {
    height: 100%;
    max-width: none;
    min-width: 86px;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 768px), print {
    .media-card.is-horizontal .media-card-image img, .media-card.is-horizontal .media-card-image svg {
        min-width: 110px
    }
}

.media-card.is-horizontal .media-card-image .rebrand {
    height: auto;
    width: 150px !important;
    object-fit: fill !important
}

.theme-high-contrast .media-card.is-horizontal .icon-background, .theme-dark .media-card.is-horizontal .icon-background {
    background-color: #091f2c !important
}

.theme-light .media-card.is-horizontal .icon-background {
    background-color: #f4f3f5 !important
}

.theme-high-contrast .media-card.is-horizontal .media-card-content {
    border-top: none
}

@media screen and (min-width: 768px), print {
    .media-card.is-horizontal-tablet {
        border-top-right-radius: 0;
        border-bottom-left-radius: .375rem;
        flex-direction: row
    }

    .media-card.is-horizontal-tablet .media-card-image {
        height: auto;
        min-width: 86px;
        border: 1px solid var(--theme-border-white-high-contrast);
        border-top-right-radius: 0;
        border-bottom-left-radius: .375rem;
        margin: -1px;
        padding-top: 0;
        position: relative
    }
}

@media screen and (min-width: 768px) and (min-width: 768px), print {
    .media-card.is-horizontal-tablet .media-card-image {
        min-width: 110px
    }
}

@media screen and (min-width: 768px), print {
    .theme-high-contrast .media-card.is-horizontal-tablet .media-card-image {
        border-right: 1px solid var(--theme-border-white-high-contrast);
        margin: -1px
    }

    .media-card.is-horizontal-tablet .media-card-image img, .media-card.is-horizontal-tablet .media-card-image svg {
        height: 100%;
        max-width: none;
        min-width: 86px;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media screen and (min-width: 768px) and (min-width: 768px), print {
    .media-card.is-horizontal-tablet .media-card-image img, .media-card.is-horizontal-tablet .media-card-image svg {
        min-width: 110px
    }
}

@media screen and (min-width: 768px), print {
    .media-card.is-horizontal-tablet .media-card-image .rebrand {
        height: auto;
        width: 150px !important;
        object-fit: fill !important
    }

    .theme-high-contrast .media-card.is-horizontal-tablet .icon-background, .theme-dark .media-card.is-horizontal-tablet .icon-background {
        background-color: #091f2c !important
    }

    .theme-light .media-card.is-horizontal-tablet .icon-background {
        background-color: #f4f3f5 !important
    }

    .theme-high-contrast .media-card.is-horizontal-tablet .media-card-content {
        border-top: none
    }

    .media-card.is-standalone {
        width: 450px
    }
}

.media-card .media-card-image {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    margin: -1px -1px 0;
    padding-top: 56.25%;
    display: block;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 768px), print {
    .media-card .media-card-image {
        min-width: 138px
    }
}

.theme-high-contrast .media-card .media-card-image {
    margin: 0
}

.media-card .media-card-image img, .media-card .media-card-image svg {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.media-card .media-card-content {
    border-top: 1px solid var(--theme-border-white-high-contrast);
    width: 100%;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    padding: 1.5rem;
    display: flex
}

@media screen and (min-width: 1088px) and (max-width: 1799px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1088px) and (max-width: 1799.9px), screen and (min-resolution: 120dpi) and (min-width: 1088px) and (max-width: 1799.9px) {
    .media-card .media-card-content {
        padding: 1rem
    }
}

.media-card .media-card-content > :not(:first-child) {
    margin-top: .75rem
}

.media-card .media-card-content .media-card-content-titles > p {
    letter-spacing: .225rem;
    text-transform: uppercase;
    font-size: .75rem
}

.media-card .media-card-content .media-card-content-titles > h2 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25
}

.media-card .media-card-content .media-card-content-description {
    color: var(--theme-text-subtle);
    flex-grow: 1;
    font-size: .875rem;
    line-height: 1.5
}

.media-card .media-card-content .media-card-content-link {
    font-size: .875rem;
    line-height: 1.25
}

.media-card.border-radius-lg .media-card-content {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.page-actions-menu {
    width: 100vw;
    background-color: var(--theme-body-background)
}

.page-actions-menu .menu-divider {
    overflow: hidden
}

.page-actions-menu .menu-divider .menu-divider-line, .page-actions-menu .menu-divider .menu-divider-line:before, .page-actions-menu .menu-divider .menu-divider-line:after {
    position: absolute;
    left: 0
}

.page-actions-menu .menu-divider .menu-divider-line:after {
    content: "";
    width: 100vw;
    border-top: 1px solid var(--theme-secondary-base)
}

.transform-page {
    transform: translateY(-5%)
}

@media screen and (min-width: 768px), print {
    .transform-page {
        transform: translateY(-5%)
    }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .transform-page {
        transform: translateY(-5%)
    }
}

.facepile {
    flex-wrap: wrap;
    font-size: 2rem;
    display: flex
}

.facepile.is-small {
    font-size: 1.5rem
}

.facepile.is-large {
    font-size: 2.5rem
}

.facepile-item {
    padding-right: .25rem;
    list-style: none !important
}

.facepile-item-coin {
    width: 1em;
    height: 1em;
    border-radius: 290486px;
    display: flex;
    overflow: hidden
}

.facepile-item-coin:hover {
    text-decoration: none
}

.facepile-item-coin-image {
    width: 100%;
    height: 100%
}

.facepile-item-coin-text {
    color: var(--theme-primary-invert);
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: .5em;
    line-height: 1;
    display: inline-flex
}

.facepile-item-red {
    background-color: var(--theme-facepile-red)
}

.facepile-item-teal {
    background-color: var(--theme-facepile-teal)
}

.facepile-item-blue {
    background-color: var(--theme-facepile-blue)
}

.details {
    max-width: 100%
}

.details > summary {
    list-style: none
}

.details > summary:before {
    display: none
}

.details > summary::-webkit-details-marker {
    display: none
}

.details:first-of-type {
    border-top: 1px solid var(--theme-border)
}

.details-summary {
    background-color: var(--theme-body-background);
    border-bottom: 1px solid var(--theme-border);
    cursor: pointer;
    padding: 1.5rem 4.5rem 1.5rem 1.5rem;
    font-weight: 600;
    display: block;
    position: relative;
    outline-offset: -.125rem !important
}

.details-summary:hover {
    color: var(--theme-primary-base)
}

.details-summary:after {
    transition: transform .15s;
    position: absolute;
    top: 1.5rem;
    right: 2.5rem;
    content: "锛" !important;
    font-family: docons !important
}

[open] .details-summary:after {
    transform: rotateX(180deg)
}

.details-content {
    background-color: var(--theme-body-background-medium);
    border-bottom: 1px solid var(--theme-border);
    margin: 0;
    padding: 1.5rem
}

.details-content p:first-child, .details-content ul:first-child, .details-content li:first-child {
    margin-top: 0
}

.infographic {
    display: none
}

@media screen and (min-width: 1088px) {
    .infographic {
        grid-template-rows:auto 165px auto;
        grid-template-columns:1fr 165px 1fr 165px 1fr;
        justify-content: center;
        align-items: center;
        display: grid
    }

    .infographic .media {
        flex-direction: column
    }
}

@media screen and (min-width: 1800px) {
    .infographic {
        width: 88%
    }

    .infographic .media {
        flex-direction: row
    }
}

.inline-logo {
    vertical-align: middle
}

.box {
    background-color: var(--theme-card-background);
    box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
    border: 1px solid var(--theme-border-white-high-contrast);
    padding: 1.25rem;
    display: block
}

a.box:hover {
    box-shadow: 3px 3px 5px 0 var(--theme-box-shadow-light), 0 0 0 1px var(--theme-primary-base)
}

a.box:active {
    box-shadow: inset 0 1px 2px var(--theme-box-shadow-medium), 0 0 0 1px var(--theme-primary-base)
}

.barLink, .bar-link {
    border-left: 6px solid var(--theme-border);
    min-height: 36px;
    align-items: center;
    font-size: 1.125rem;
    line-height: 28px;
    display: flex;
    margin-top: .25rem !important;
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.barLink.is-small, .bar-link.is-small {
    border-left: 3px solid var(--theme-border);
    min-height: .9625rem;
    font-size: .875rem;
    line-height: 1.05rem;
    margin-top: .5rem !important
}

.barLink:hover, .bar-link:hover {
    border-color: var(--theme-primary-hover);
    border-left-color: var(--theme-primary-base)
}

.barLink:visited, .bar-link:visited {
    color: var(--theme-visited)
}

.barLink.is-unit-list-item, .bar-link.is-unit-list-item {
    max-height: 100%;
    border-width: 4px;
    justify-content: space-between;
    align-items: normal;
    line-height: 1
}

.barLink img, .bar-link img {
    width: 36px;
    height: 36px;
    margin: 5px 10px 5px 0
}

.cols div:last-child > .barLink {
    margin-bottom: 16px
}

.xp-tag-hexagon {
    min-width: calc(100% + 1.5em);
    height: 18px;
    background-color: var(--theme-border);
    justify-content: center;
    align-items: center;
    transition: background-color .8s .4s;
    display: flex;
    position: relative;
    top: 0;
    left: -1.5em
}

.xp-tag-hexagon:before {
    content: "";
    height: 12px;
    width: 12px;
    background-color: var(--theme-border);
    z-index: 1;
    transition: background-color .8s .4s;
    position: absolute;
    top: 3px;
    left: -6px;
    transform: rotate(45deg);
    border: none !important
}

.xp-tag-hexagon:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid var(--theme-border);
    background-color: #0000;
    border-top: 9px solid #0000;
    border-bottom: 9px solid #0000;
    border-right: 9px solid #0000;
    transition: border-color .8s .4s;
    position: absolute;
    top: 0;
    right: -18px
}

.is-complete .xp-tag-hexagon {
    background-color: var(--theme-success-base);
    transition: background-color .8s .4s
}

.is-complete .xp-tag-hexagon .xp-tag-xp {
    color: var(--theme-success-invert)
}

.is-complete .xp-tag-hexagon:before {
    background-color: var(--theme-success-hover);
    transition: background-color .8s .4s
}

.is-complete .xp-tag-hexagon:after {
    border-left: 9px solid var(--theme-success-base);
    transition: border-color .8s .4s
}

.is-large .xp-tag-hexagon {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: relative;
    left: auto;
    min-width: 120px !important;
    height: 36px !important
}

.is-large .xp-tag-hexagon:not(.is-centered) {
    margin-left: 48px
}

.is-large .xp-tag-hexagon:before {
    height: 25.4558px !important;
    width: 25.4558px !important;
    top: 5px !important;
    left: -13px !important
}

.is-large .xp-tag-hexagon:after {
    border-left: 18px solid var(--theme-border);
    border-top: 18px solid #0000;
    border-bottom: 18px solid #0000;
    border-right: 18px solid #0000;
    right: -36px
}

.xp-tag-extra-large .xp-tag-hexagon {
    display: flex;
    position: relative;
    height: 18px !important
}

.xp-tag-extra-large .xp-tag-hexagon:not(.is-centered) {
    margin-left: 48px
}

.xp-tag-extra-large .xp-tag-hexagon:before {
    height: 12.7279px !important;
    width: 12.7279px !important;
    top: 3px !important;
    left: -6px !important
}

.xp-tag-extra-large .xp-tag-hexagon:after {
    border-left: 9px solid var(--theme-border);
    border-top: 9px solid #0000;
    border-bottom: 9px solid #0000;
    border-right: 9px solid #0000;
    right: -18px
}

.xp-tag-large .xp-tag-hexagon {
    display: flex;
    position: relative;
    left: auto
}

.xp-tag-medium .xp-tag-hexagon {
    min-width: 48px;
    height: 14px;
    display: flex;
    position: relative;
    left: auto
}

.xp-tag-medium .xp-tag-hexagon:before {
    height: 9.8995px;
    width: 9.8995px;
    top: 2px;
    left: -5px
}

.xp-tag-medium .xp-tag-hexagon:after {
    border-left: 7px solid var(--theme-border);
    border-top: 7px solid #0000;
    border-bottom: 7px solid #0000;
    border-right: 7px solid #0000;
    right: -14px
}

.xp-tag-small .xp-tag-hexagon {
    min-width: 40px;
    width: 40px;
    height: 12px;
    display: flex;
    position: relative;
    left: auto
}

.xp-tag-small .xp-tag-hexagon:before {
    height: 8.48528px;
    width: 8.48528px;
    top: 2px;
    left: -5px
}

.xp-tag-small .xp-tag-hexagon:after {
    border-left: 6px solid var(--theme-border);
    border-top: 6px solid #0000;
    border-bottom: 6px solid #0000;
    border-right: 6px solid #0000;
    right: -12px
}

.is-large.is-complete .xp-tag-hexagon:before {
    background-color: var(--theme-success-hover) !important
}

.is-large.is-complete .xp-tag-hexagon:after {
    border-left: 18px solid var(--theme-success-base) !important
}

.xp-tag-extra-large.is-complete .xp-tag-hexagon {
    padding-left: 9px !important
}

.xp-tag-extra-large.is-complete .xp-tag-hexagon:before {
    background-color: var(--theme-success-hover) !important
}

.xp-tag-extra-large.is-complete .xp-tag-hexagon:after {
    border-left: 9px solid var(--theme-success-base) !important
}

.xp-tag-medium.is-complete .xp-tag-hexagon {
    padding-left: 7px !important
}

.xp-tag-medium.is-complete .xp-tag-hexagon:before {
    background-color: var(--theme-success-hover) !important
}

.xp-tag-medium.is-complete .xp-tag-hexagon:after {
    border-left: 7px solid var(--theme-success-base) !important
}

.xp-tag-small.is-complete .xp-tag-hexagon {
    padding-left: 6px !important
}

.xp-tag-small.is-complete .xp-tag-hexagon:before {
    background-color: var(--theme-success-hover) !important
}

.xp-tag-small.is-complete .xp-tag-hexagon:after {
    border-left: 6px solid var(--theme-success-base) !important
}

.xp-tag-xp {
    color: var(--theme-text);
    margin-bottom: 1px;
    font-size: 12px
}

.theme-high-contrast .xp-tag-xp {
    color: var(--theme-text-invert)
}

.is-large .xp-tag-xp {
    font-size: 18px
}

.xp-tag-extra-large .xp-tag-xp {
    font-size: 14px
}

.xp-tag-large .xp-tag-xp {
    font-size: 12px
}

.xp-tag-medium .xp-tag-xp {
    font-size: 10px
}

.xp-tag-small .xp-tag-xp {
    font-size: 8px;
    margin-bottom: 0 !important
}

.is-complete .xp-tag-icon {
    z-index: 3;
    color: var(--theme-success-invert);
    font-size: 9px;
    animation: .8s scaleIn;
    position: absolute;
    top: 1px;
    left: -5px
}

.is-large .xp-tag-icon {
    font-size: 18px !important;
    top: 10px !important;
    left: -10px !important
}

.xp-tag-extra-large .xp-tag-icon {
    top: 3px !important;
    left: -3px !important
}

.xp-tag-large .xp-tag-icon {
    top: 2px !important;
    left: -3px !important
}

.xp-tag-medium .xp-tag-icon {
    font-size: 7.5px !important;
    top: 0 !important;
    left: -3px !important
}

.xp-tag-small .xp-tag-icon {
    font-size: 4px !important;
    top: -2px !important;
    left: -3px !important
}

.dropdown {
    position: relative
}

.dropdown-menu {
    width: auto;
    white-space: nowrap;
    z-index: 1000;
    background-color: var(--theme-body-background);
    border: 1px solid var(--theme-border);
    box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light);
    position: absolute;
    top: 100%
}

.has-centered-menu .dropdown-menu {
    max-width: 90vw;
    white-space: normal;
    left: 50%;
    transform: translate(-50%)
}

.dropdown-menu.has-overflow-auto {
    max-height: 14rem;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

.dropdown-menu .has-hover > li:hover, .dropdown-menu .has-hover > li:focus {
    cursor: pointer;
    background-color: var(--theme-secondary-background) !important
}

.dropdown-trigger:not([aria-expanded=true]) + .dropdown-menu {
    display: none
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true] {
    z-index: 1001 !important
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:after, .dropdown.has-caret .dropdown-trigger[aria-expanded=true]:before {
    width: 0;
    height: 0;
    pointer-events: none;
    content: " ";
    border-style: outset outset solid;
    border-color: #0000;
    display: block;
    position: absolute;
    top: -16px;
    bottom: 100%;
    left: calc(50% - 8px)
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:after {
    border-width: 7px;
    border-bottom-color: var(--theme-body-background);
    margin-top: 2px;
    margin-left: 1px
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:before {
    border-width: 8px;
    border-bottom-color: var(--theme-border)
}

.dropdown.has-caret .dropdown-trigger[aria-expanded=true]:before, .dropdown.has-caret .dropdown-trigger[aria-expanded=true]:after {
    top: inherit;
    z-index: 1001;
    bottom: -14px
}

.dropdown.has-caret .dropdown-menu {
    margin-top: 12px
}

.buttons .dropdown.has-caret .dropdown-menu {
    margin-top: 5px
}

.dropdown.has-caret.has-snug-menu .dropdown-trigger[aria-expanded=true]:before, .dropdown.has-caret.has-snug-menu .dropdown-trigger[aria-expanded=true]:after {
    top: 21px
}

.dropdown.has-caret.has-snug-menu .dropdown-menu {
    margin-top: 5px
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true] {
    z-index: 1001 !important
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:after, .dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:before {
    width: 0;
    height: 0;
    pointer-events: none;
    content: " ";
    border-style: outset outset solid;
    border-color: #0000;
    display: block;
    position: absolute;
    top: 100%;
    bottom: -16px;
    left: calc(50% - 8px)
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:after {
    border-width: 7px;
    border-top-color: var(--theme-body-background);
    margin-bottom: 2px;
    margin-left: 1px
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:before {
    border-width: 8px;
    border-top-color: var(--theme-border)
}

.dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:before, .dropdown.has-caret-up .dropdown-trigger[aria-expanded=true]:after {
    top: inherit;
    bottom: 22px
}

.dropdown.has-caret-up .dropdown-menu {
    top: inherit;
    margin-bottom: 8px;
    bottom: 30px
}

.dropdown-button-chevron {
    color: var(--theme-text-subtle);
    margin-left: auto;
    padding-left: .25rem;
    font-size: .75rem
}

.dropdown-menu .dropdown-button-chevron {
    padding-left: 1rem
}

.dropdown-button-chevron .docon {
    vertical-align: sub
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .button.is-fullwidth-mobile {
        width: 100%;
        display: flex
    }
}

.container {
    width: auto;
    margin: 0 auto;
    position: relative
}

.container.is-fluid {
    max-width: none;
    margin-left: 64px;
    margin-right: 64px
}

.container.is-max-mobile {
    max-width: 480px
}

@media screen and (min-width: 768px), print {
    .container.is-max-tablet {
        max-width: 768px
    }
}

@media screen and (min-width: 1088px) {
    .container.is-max-desktop, .container {
        max-width: 960px
    }
}

@media screen and (max-width: 1799px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1799.9px), screen and (min-resolution: 120dpi) and (max-width: 1799.9px) {
    .container.is-widescreen {
        max-width: 1672px
    }
}

@media screen and (min-width: 1800px) {
    .container {
        max-width: 1672px
    }
}

.has-background-docs .input:focus-visible {
    box-shadow: 0 0 0 .125rem #50e6ff
}

.select.is-loading:after {
    inset-inline-end: .625em;
    margin-top: 0;
    position: absolute;
    top: .625em;
    transform: none
}

.file {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: relative
}

.file.is-primary .file-cta {
    background-color: var(--theme-primary-base);
    color: var(--theme-primary-invert);
    border-color: #0000
}

.file.is-primary .file-cta:hover, .file.is-primary .file-cta.is-hovered {
    background-color: var(--theme-primary-background);
    color: var(--theme-primary-invert);
    border-color: #0000
}

.file.is-primary .file-input:focus-visible + .file-cta {
    background-color: var(--theme-primary-invert);
    color: var(--theme-primary-base);
    border-color: var(--theme-primary-base);
    box-shadow: 0 0 0 .125rem var(--theme-primary-box-shadow)
}

.file.is-secondary .file-cta {
    background-color: var(--theme-secondary-base);
    color: var(--theme-secondary-invert);
    border-color: #0000
}

.file.is-secondary .file-cta:hover, .file.is-secondary .file-cta.is-hovered {
    background-color: var(--theme-secondary-background);
    color: var(--theme-secondary-invert);
    border-color: #0000
}

.file.is-secondary .file-input:focus-visible + .file-cta {
    background-color: var(--theme-secondary-invert);
    color: var(--theme-secondary-base);
    border-color: var(--theme-secondary-base);
    box-shadow: 0 0 0 .125rem var(--theme-secondary-box-shadow)
}

.file.is-tertiary .file-cta {
    background-color: var(--theme-tertiary-base);
    color: var(--theme-tertiary-invert);
    border-color: #0000
}

.file.is-tertiary .file-cta:hover, .file.is-tertiary .file-cta.is-hovered {
    background-color: var(--theme-tertiary-background);
    color: var(--theme-tertiary-invert);
    border-color: #0000
}

.file.is-tertiary .file-input:focus-visible + .file-cta {
    background-color: var(--theme-tertiary-invert);
    color: var(--theme-tertiary-base);
    border-color: var(--theme-tertiary-base);
    box-shadow: 0 0 0 .125rem var(--theme-tertiary-box-shadow)
}

.file.is-success .file-cta {
    background-color: var(--theme-success-base);
    color: var(--theme-success-invert);
    border-color: #0000
}

.file.is-success .file-cta:hover, .file.is-success .file-cta.is-hovered {
    background-color: var(--theme-success-background);
    color: var(--theme-success-invert);
    border-color: #0000
}

.file.is-success .file-input:focus-visible + .file-cta {
    background-color: var(--theme-success-invert);
    color: var(--theme-success-base);
    border-color: var(--theme-success-base);
    box-shadow: 0 0 0 .125rem var(--theme-success-box-shadow)
}

.file.is-info .file-cta {
    background-color: var(--theme-info-base);
    color: var(--theme-info-invert);
    border-color: #0000
}

.file.is-info .file-cta:hover, .file.is-info .file-cta.is-hovered {
    background-color: var(--theme-info-background);
    color: var(--theme-info-invert);
    border-color: #0000
}

.file.is-info .file-input:focus-visible + .file-cta {
    background-color: var(--theme-info-invert);
    color: var(--theme-info-base);
    border-color: var(--theme-info-base);
    box-shadow: 0 0 0 .125rem var(--theme-info-box-shadow)
}

.file.is-warning .file-cta {
    background-color: var(--theme-warning-base);
    color: var(--theme-warning-invert);
    border-color: #0000
}

.file.is-warning .file-cta:hover, .file.is-warning .file-cta.is-hovered {
    background-color: var(--theme-warning-background);
    color: var(--theme-warning-invert);
    border-color: #0000
}

.file.is-warning .file-input:focus-visible + .file-cta {
    background-color: var(--theme-warning-invert);
    color: var(--theme-warning-base);
    border-color: var(--theme-warning-base);
    box-shadow: 0 0 0 .125rem var(--theme-warning-box-shadow)
}

.file.is-danger .file-cta {
    background-color: var(--theme-danger-base);
    color: var(--theme-danger-invert);
    border-color: #0000
}

.file.is-danger .file-cta:hover, .file.is-danger .file-cta.is-hovered {
    background-color: var(--theme-danger-background);
    color: var(--theme-danger-invert);
    border-color: #0000
}

.file.is-danger .file-input:focus-visible + .file-cta {
    background-color: var(--theme-danger-invert);
    color: var(--theme-danger-base);
    border-color: var(--theme-danger-base);
    box-shadow: 0 0 0 .125rem var(--theme-danger-box-shadow)
}

.file.is-small {
    font-size: .875rem
}

.file.is-medium {
    font-size: 1rem
}

.file.is-medium .file-icon .docon {
    font-size: 21px
}

.file.is-large {
    font-size: 1.125rem
}

.file.is-large .file-icon .docon {
    font-size: 28px
}

.file.has-name .file-cta {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.file.has-name .file-name {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.file.has-name.is-empty .file-cta {
    border-radius: .25rem
}

.file.has-name.is-empty .file-name {
    display: none
}

.file.is-boxed .file-label {
    flex-direction: column
}

.file.is-boxed .file-cta {
    height: auto;
    flex-direction: column;
    padding: 1em 3em
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em
}

.file.is-boxed .file-icon .docon {
    font-size: 21px
}

.file.is-boxed.is-small .file-icon .docon {
    font-size: 14px
}

.file.is-boxed.is-medium .file-icon .docon {
    font-size: 28px
}

.file.is-boxed.is-large .file-icon .docon {
    font-size: 35px
}

.file.is-boxed.has-name .file-cta {
    border-radius: .25rem .25rem 0 0
}

.file.is-boxed.has-name .file-name {
    border-width: 0 1px 1px;
    border-radius: 0 0 .25rem .25rem
}

.file.is-centered {
    justify-content: center
}

.file.is-fullwidth .file-label {
    width: 100%
}

.file.is-fullwidth .file-name {
    max-width: none;
    flex-grow: 1
}

.file.is-right {
    justify-content: flex-end
}

.file.is-right .file-cta {
    border-radius: 0 .25rem .25rem 0
}

.file.is-right .file-name {
    border-width: 1px 0 1px 1px;
    border-radius: .25rem 0 0 .25rem;
    order: -1
}

.file-label {
    cursor: pointer;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: relative
}

.file-label:hover .file-cta {
    background-color: var(--theme-body-background-medium);
    color: var(--theme-text)
}

.file-label:hover .file-name {
    border-color: var(--theme-body-background-medium)
}

.file-label:active .file-cta {
    background-color: var(--theme-body-background-medium);
    color: var(--theme-text)
}

.file-label:active .file-name {
    border-color: var(--theme-body-background-medium)
}

.file-input {
    height: .01em;
    width: .01em;
    inset-inline-start: 0;
    outline: none;
    position: absolute;
    top: 0
}

.file-input:focus-visible {
    outline: none
}

.file-input:focus-visible + .file-cta {
    outline-color: inherit;
    outline-offset: .25rem;
    z-index: 1;
    outline-width: .125rem;
    outline-style: dashed
}

.file-cta, .file-name {
    border-color: var(--theme-border);
    white-space: nowrap;
    border-radius: .25rem;
    padding-inline: 1em;
    font-size: 1em
}

.file-cta {
    background-color: var(--theme-body-background-medium);
    color: var(--theme-text-subtle)
}

.file-name {
    border-color: var(--theme-border);
    max-width: 16em;
    text-align: left;
    text-overflow: ellipsis;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    overflow: hidden
}

.file-icon {
    height: 1em;
    width: 1em;
    justify-content: center;
    align-items: center;
    margin-inline-end: .5em;
    display: flex
}

.file-icon .docon {
    font-size: 14px
}

.control {
    text-align: left;
    font-size: 1rem;
    position: relative
}

.control.has-icon .icon {
    color: var(--theme-secondary-background);
    width: 2.25em;
    height: 2.25em;
    pointer-events: none;
    z-index: 4;
    font-size: 1rem;
    position: absolute;
    top: 0
}

.control.has-icon .input:focus-visible + .icon {
    color: var(--theme-secondary-base)
}

.control.has-icon .input.input-sm + .icon {
    font-size: .875rem
}

.control.has-icon .input.input-lg + .icon {
    font-size: 1.125rem
}

.control.has-icon:not(.has-icon-right) .docon {
    inset-inline-start: 0
}

.control.has-icon:not(.has-icon-right) .input {
    padding-inline-start: 2.25em
}

.control.has-icon.has-icon-right .icon {
    inset-inline-end: 0
}

.control.has-icon.has-icon-right .input {
    padding-inline-end: 2.25em
}

.control.has-icons-left .input:focus-visible ~ .icon, .control.has-icons-left .select:focus-visible ~ .icon, .control.has-icons-right .input:focus-visible ~ .icon, .control.has-icons-right .select:focus-visible ~ .icon {
    color: var(--theme-secondary-base)
}

.control.has-icons-left .input ~ .icon, .control.has-icons-left .select ~ .icon, .control.has-icons-right .input ~ .icon, .control.has-icons-right .select ~ .icon {
    font-size: 1rem
}

.control.has-icons-left .input.input-sm ~ .icon, .control.has-icons-left .input.select-sm ~ .icon, .control.has-icons-left .select.input-sm ~ .icon, .control.has-icons-left .select.select-sm ~ .icon, .control.has-icons-right .input.input-sm ~ .icon, .control.has-icons-right .input.select-sm ~ .icon, .control.has-icons-right .select.input-sm ~ .icon, .control.has-icons-right .select.select-sm ~ .icon {
    font-size: .875rem
}

.control.has-icons-left .input.input-lg ~ .icon, .control.has-icons-left .input.select-lg ~ .icon, .control.has-icons-left .select.input-lg ~ .icon, .control.has-icons-left .select.select-lg ~ .icon, .control.has-icons-right .input.input-lg ~ .icon, .control.has-icons-right .input.select-lg ~ .icon, .control.has-icons-right .select.input-lg ~ .icon, .control.has-icons-right .select.select-lg ~ .icon {
    font-size: 1.125rem
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
    color: var(--theme-secondary-background);
    width: 2.25em;
    height: 2.25em;
    pointer-events: none;
    z-index: 4;
    position: absolute;
    top: 0
}

.control.has-icons-left .input, .control.has-icons-left .select select {
    padding-inline-start: 2.25em
}

.control.has-icons-left .icon.is-left {
    inset-inline-start: 0
}

.control.has-icons-right .input, .control.has-icons-right .select select {
    padding-inline-end: 2.25em
}

.control.has-icons-right .input[type=date] {
    position: relative
}

.control.has-icons-right .input[type=date]::-webkit-calendar-picker-indicator {
    color: #0000;
    width: 1.5em;
    z-index: 1000;
    background: 0 0;
    position: absolute;
    right: 0
}

.control.has-icons-right .icon.is-right {
    inset-inline-end: 0
}

.control.is-loading:after {
    z-index: 4;
    inset-inline-end: .625em;
    top: .625em;
    position: absolute !important
}

.control.is-loading.is-small:after {
    font-size: .875rem
}

.control.is-loading.is-medium:after {
    font-size: 1rem
}

.control.is-loading.is-large:after {
    font-size: 1.125rem
}

.heading-wrapper {
    position: relative
}

.heading-wrapper:not(:hover) .anchor-link:not(:focus-visible) {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    word-wrap: normal;
    opacity: 0;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.heading-wrapper .anchor-link {
    width: .75rem;
    font-size: 1rem;
    transition: opacity .1s linear;
    position: absolute;
    inset-inline-start: -.9375rem;
    transform: translateY(-50%) scale(.75)
}

@media screen and (min-width: 768px), print {
    .heading-wrapper .anchor-link {
        width: 1.5rem;
        inset-inline-start: -1.875rem;
        transform: translateY(-50%) scale(1)
    }
}

.heading-wrapper .anchor-link:hover {
    text-decoration: none
}

.heading-wrapper h2, .heading-wrapper h3, .heading-wrapper h4, .heading-wrapper h5, .heading-wrapper h6 {
    margin-inline-start: -.9375rem;
    padding-inline-start: .9375rem;
    line-height: 1.3
}

@media screen and (min-width: 768px), print {
    .heading-wrapper h2, .heading-wrapper h3, .heading-wrapper h4, .heading-wrapper h5, .heading-wrapper h6 {
        margin-inline-start: -1.875rem;
        padding-inline-start: 1.875rem
    }
}

[data-heading-level=h2] .anchor-link {
    inset-block-start: 1.38125rem
}

[data-heading-level=h3] .anchor-link {
    inset-block-start: 1.1375rem
}

[data-heading-level=h4] .anchor-link {
    inset-block-start: .975rem
}

[data-heading-level=h5] .anchor-link {
    inset-block-start: .8125rem
}

[data-heading-level=h6] .anchor-link {
    inset-block-start: .73125rem
}

.hr {
    color: var(--theme-text-subtle);
    margin: 1.5rem 0
}

.image {
    display: block;
    position: relative
}

.image img, .image svg {
    height: auto;
    width: 100%;
    max-height: 100%;
    display: block
}

.image.is-fullwidth {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin: 0
}

.image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
    height: 100%;
    width: 100%
}

.image.is-square, .image.is-1by1 {
    padding-top: 100%
}

.image.is-5by4 {
    padding-top: 80%
}

.image.is-4by3 {
    padding-top: 75%
}

.image.is-3by2 {
    padding-top: 66.6666%
}

.image.is-5by3 {
    padding-top: 60%
}

.image.is-16by9 {
    padding-top: 56.25%
}

.image.is-2by1 {
    padding-top: 50%
}

.image.is-3by1 {
    padding-top: 33.3333%
}

.image.is-4by5 {
    padding-top: 125%
}

.image.is-3by4 {
    padding-top: 133.333%
}

.image.is-2by3 {
    padding-top: 150%
}

.image.is-3by5 {
    padding-top: 166.667%
}

.image.is-9by16 {
    padding-top: 177.778%
}

.image.is-1by2 {
    padding-top: 200%
}

.image.is-1by3 {
    padding-top: 300%
}

.image.is-left-aligned {
    margin-right: auto
}

.image.is-right-aligned {
    margin-left: auto
}

.image.is-center-aligned {
    margin-left: auto;
    margin-right: auto
}

.image.has-height-175 {
    height: 175px !important
}

.image.is-16x16 {
    height: 16px;
    width: 16px
}

@media screen and (min-width: 768px), print {
    .image.is-16x16-tablet {
        height: 16px;
        width: 16px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-16x16-desktop {
        height: 16px;
        width: 16px
    }
}

.image.is-max-16x16 {
    max-height: 16px;
    max-width: 16px
}

.image.is-24x24 {
    height: 24px;
    width: 24px
}

@media screen and (min-width: 768px), print {
    .image.is-24x24-tablet {
        height: 24px;
        width: 24px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-24x24-desktop {
        height: 24px;
        width: 24px
    }
}

.image.is-max-24x24 {
    max-height: 24px;
    max-width: 24px
}

.image.is-32x32 {
    height: 32px;
    width: 32px
}

@media screen and (min-width: 768px), print {
    .image.is-32x32-tablet {
        height: 32px;
        width: 32px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-32x32-desktop {
        height: 32px;
        width: 32px
    }
}

.image.is-max-32x32 {
    max-height: 32px;
    max-width: 32px
}

.image.is-36x36 {
    height: 36px;
    width: 36px
}

@media screen and (min-width: 768px), print {
    .image.is-36x36-tablet {
        height: 36px;
        width: 36px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-36x36-desktop {
        height: 36px;
        width: 36px
    }
}

.image.is-max-36x36 {
    max-height: 36px;
    max-width: 36px
}

.image.is-48x48 {
    height: 48px;
    width: 48px
}

@media screen and (min-width: 768px), print {
    .image.is-48x48-tablet {
        height: 48px;
        width: 48px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-48x48-desktop {
        height: 48px;
        width: 48px
    }
}

.image.is-max-48x48 {
    max-height: 48px;
    max-width: 48px
}

.image.is-64x64 {
    height: 64px;
    width: 64px
}

@media screen and (min-width: 768px), print {
    .image.is-64x64-tablet {
        height: 64px;
        width: 64px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-64x64-desktop {
        height: 64px;
        width: 64px
    }
}

.image.is-max-64x64 {
    max-height: 64px;
    max-width: 64px
}

.image.is-76x76 {
    height: 76px;
    width: 76px
}

@media screen and (min-width: 768px), print {
    .image.is-76x76-tablet {
        height: 76px;
        width: 76px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-76x76-desktop {
        height: 76px;
        width: 76px
    }
}

.image.is-max-76x76 {
    max-height: 76px;
    max-width: 76px
}

.image.is-88x88 {
    height: 88px;
    width: 88px
}

@media screen and (min-width: 768px), print {
    .image.is-88x88-tablet {
        height: 88px;
        width: 88px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-88x88-desktop {
        height: 88px;
        width: 88px
    }
}

.image.is-max-88x88 {
    max-height: 88px;
    max-width: 88px
}

.image.is-96x96 {
    height: 96px;
    width: 96px
}

@media screen and (min-width: 768px), print {
    .image.is-96x96-tablet {
        height: 96px;
        width: 96px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-96x96-desktop {
        height: 96px;
        width: 96px
    }
}

.image.is-max-96x96 {
    max-height: 96px;
    max-width: 96px
}

.image.is-112x112 {
    height: 112px;
    width: 112px
}

@media screen and (min-width: 768px), print {
    .image.is-112x112-tablet {
        height: 112px;
        width: 112px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-112x112-desktop {
        height: 112px;
        width: 112px
    }
}

.image.is-max-112x112 {
    max-height: 112px;
    max-width: 112px
}

.image.is-128x128 {
    height: 128px;
    width: 128px
}

@media screen and (min-width: 768px), print {
    .image.is-128x128-tablet {
        height: 128px;
        width: 128px
    }
}

@media screen and (min-width: 1088px) {
    .image.is-128x128-desktop {
        height: 128px;
        width: 128px
    }
}

.image.is-max-128x128 {
    max-height: 128px;
    max-width: 128px
}

.loader {
    display: inline-block
}

.loader:after {
    border-bottom-color: currentColor !important;
    border-left-color: currentColor !important
}

.meter {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 12px;
    background-image: linear-gradient(90deg, var(--theme-score-low-off) 33%, var(--theme-score-medium-off) 33%, var(--theme-score-medium-off) 66%, var(--theme-score-high-off) 66%, var(--theme-score-high-off) 100%);
    border-radius: 3px;
    display: block
}

.meter::-moz-meter-bar, .meter::-webkit-meter-bar {
    background: 0 0 !important
}

.meter.sub-sub-optimum {
    background-image: linear-gradient(90deg, var(--theme-score-low) 33%, var(--theme-score-medium-off) 33%, var(--theme-score-medium-off) 66%, var(--theme-score-high-off) 66%, var(--theme-score-high-off) 100%)
}

.meter.sub-optimum {
    background-image: linear-gradient(90deg, var(--theme-score-low-off) 33%, var(--theme-score-medium) 33%, var(--theme-score-medium) 66%, var(--theme-score-high-off) 66%, var(--theme-score-high-off) 100%)
}

.meter.optimum {
    background-image: linear-gradient(90deg, var(--theme-score-low-off) 33%, var(--theme-score-medium-off) 33%, var(--theme-score-medium-off) 66%, var(--theme-score-high) 66%, var(--theme-score-high) 100%)
}

.meter.is-small {
    height: .5rem
}

.score-meter .meter.is-small {
    padding: .25rem 0
}

.meter.is-binary {
    background-image: none;
    background-color: var(--theme-secondary-base);
    position: relative
}

.meter.is-binary .optimum {
    background-color: var(--theme-success-base);
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    top: 0;
    right: 0
}

.meter.is-binary::-webkit-meter-bar {
    background-image: linear-gradient(90deg, var(--theme-secondary-base) var(--optimum-percent), var(--theme-success-base) var(--optimum-percent), var(--theme-success-base) 100%)
}

.meter.is-binary::-webkit-meter-suboptimum-value {
    background: 0 0
}

@supports ((-moz-appearance:none)) {
    .meter.is-binary {
        background-image: linear-gradient(90deg, var(--theme-secondary-base) var(--optimum-percent), var(--theme-success-base) var(--optimum-percent), var(--theme-success-base) 100%)
    }
}

.score-meter {
    padding: 6px 0;
    position: relative
}

.score-meter .meter-tick {
    background-color: var(--theme-text);
    height: 90%;
    width: 4px;
    z-index: 1;
    position: absolute;
    top: 1px
}

.theme-high-contrast .score-meter .meter-tick {
    width: 6px;
    border: 1px solid #000
}

.progress {
    -webkit-appearance: none;
    appearance: none;
    height: 1rem;
    max-width: 100%;
    background-color: var(--theme-secondary-background-glow-high-contrast);
    border: none;
    border-radius: 0;
    padding: 0;
    display: block;
    overflow: hidden
}

.progress::-webkit-progress-bar {
    background-color: var(--theme-secondary-background-glow-high-contrast)
}

.progress::-webkit-progress-value {
    background-color: var(--theme-secondary-invert)
}

.progress::-moz-progress-bar {
    background-color: var(--theme-secondary-invert)
}

.theme-high-contrast .progress::-webkit-progress-value {
    background-color: var(--theme-primary-base)
}

.theme-high-contrast .progress::-moz-progress-bar {
    background-color: var(--theme-primary-base)
}

.progress::-ms-fill {
    background-color: #000;
    border: none
}

.theme-dark .progress::-ms-fill {
    background-color: #e3e3e3
}

.theme-high-contrast .progress::-ms-fill {
    background-color: #5e5e5e
}

.progress.is-extra-small {
    height: .25rem
}

.progress.is-success::-webkit-progress-value {
    background-color: var(--theme-success-base)
}

.progress.is-success::-moz-progress-bar {
    background-color: var(--theme-success-base)
}

.progress.is-success::-ms-fill {
    background-color: #128712
}

.theme-high-contrast .progress.is-success::-ms-fill {
    background-color: #a5f3a5
}

.progress.is-primary::-webkit-progress-value {
    background-color: var(--theme-primary-base)
}

.progress.is-primary::-moz-progress-bar {
    background-color: var(--theme-primary-base)
}

.progress.is-primary::-ms-fill {
    background-color: var(--theme-primary-base)
}

.theme-high-contrast .progress.is-primary::-ms-fill {
    background-color: var(--theme-primary-base)
}

.progress.is-primary.is-video-admin {
    height: 6px !important;
    border-radius: 25px !important
}

.progress.is-docs::-webkit-progress-value {
    background-color: #243a5e
}

.progress.is-docs::-moz-progress-bar {
    background-color: #243a5e
}

.progress.is-docs::-ms-fill {
    background-color: #243a5e
}

.theme-high-contrast .progress.is-docs::-ms-fill {
    background-color: #fff
}

.progress.border-white-high-contrast {
    border: 1px solid var(--theme-border-white-high-contrast)
}

.progress:indeterminate {
    background-color: var(--theme-secondary-background-glow-high-contrast);
    background-image: linear-gradient(to right, var(--theme-primary-base) 30%, var(--theme-secondary-background-glow-high-contrast) 30%);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 150% 150%;
    animation-name: moveIndeterminate;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.progress:indeterminate::-webkit-progress-bar {
    background-color: #0000
}

.progress:indeterminate::-moz-progress-bar {
    background-color: #0000
}

.progress:indeterminate::-ms-fill {
    animation: none
}

@keyframes moveIndeterminate {
    0% {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}

.progress-percentage {
    min-width: 50px;
    display: inline-block
}

.hexagonal-progress-marker, .hexagonal-progress:before, .hexagonal-progress:after {
    height: 8.48528px;
    width: 8.48528px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg)
}

.hexagonal-progress {
    max-width: 100px;
    border-top: 1px solid #0000;
    border-bottom: 1px solid #0000;
    margin: 0 12px;
    display: flex;
    position: relative
}

.hexagonal-progress .progress {
    height: 12px;
    margin: 0 !important
}

.hexagonal-progress .progress:indeterminate {
    background: 0 0;
    animation: none
}

.hexagonal-progress:before, .hexagonal-progress:after {
    content: ""
}

.hexagonal-progress:before {
    background-color: var(--theme-success-base);
    left: -4.24264px
}

.hexagonal-progress:after {
    background-color: var(--theme-secondary-background-glow-high-contrast);
    right: -4.24264px
}

.hexagonal-progress-marker {
    background-color: var(--theme-success-base);
    z-index: 1;
    border: 2px solid #0000
}

progress[value="0"] ~ .hexagonal-progress-marker {
    left: -4px
}

progress[value="1"] ~ .hexagonal-progress-marker {
    left: -3px
}

progress[value="2"] ~ .hexagonal-progress-marker {
    left: -2px
}

progress[value="3"] ~ .hexagonal-progress-marker {
    left: -1px
}

progress[value="4"] ~ .hexagonal-progress-marker {
    left: 0
}

progress[value="5"] ~ .hexagonal-progress-marker {
    left: 1px
}

progress[value="6"] ~ .hexagonal-progress-marker {
    left: 2px
}

progress[value="7"] ~ .hexagonal-progress-marker {
    left: 3px
}

progress[value="8"] ~ .hexagonal-progress-marker {
    left: 4px
}

progress[value="9"] ~ .hexagonal-progress-marker {
    left: 5px
}

progress[value="10"] ~ .hexagonal-progress-marker {
    left: 6px
}

progress[value="11"] ~ .hexagonal-progress-marker {
    left: 7px
}

progress[value="12"] ~ .hexagonal-progress-marker {
    left: 8px
}

progress[value="13"] ~ .hexagonal-progress-marker {
    left: 9px
}

progress[value="14"] ~ .hexagonal-progress-marker {
    left: 10px
}

progress[value="15"] ~ .hexagonal-progress-marker {
    left: 11px
}

progress[value="16"] ~ .hexagonal-progress-marker {
    left: 12px
}

progress[value="17"] ~ .hexagonal-progress-marker {
    left: 13px
}

progress[value="18"] ~ .hexagonal-progress-marker {
    left: 14px
}

progress[value="19"] ~ .hexagonal-progress-marker {
    left: 15px
}

progress[value="20"] ~ .hexagonal-progress-marker {
    left: 16px
}

progress[value="21"] ~ .hexagonal-progress-marker {
    left: 17px
}

progress[value="22"] ~ .hexagonal-progress-marker {
    left: 18px
}

progress[value="23"] ~ .hexagonal-progress-marker {
    left: 19px
}

progress[value="24"] ~ .hexagonal-progress-marker {
    left: 20px
}

progress[value="25"] ~ .hexagonal-progress-marker {
    left: 21px
}

progress[value="26"] ~ .hexagonal-progress-marker {
    left: 22px
}

progress[value="27"] ~ .hexagonal-progress-marker {
    left: 23px
}

progress[value="28"] ~ .hexagonal-progress-marker {
    left: 24px
}

progress[value="29"] ~ .hexagonal-progress-marker {
    left: 25px
}

progress[value="30"] ~ .hexagonal-progress-marker {
    left: 26px
}

progress[value="31"] ~ .hexagonal-progress-marker {
    left: 27px
}

progress[value="32"] ~ .hexagonal-progress-marker {
    left: 28px
}

progress[value="33"] ~ .hexagonal-progress-marker {
    left: 29px
}

progress[value="34"] ~ .hexagonal-progress-marker {
    left: 30px
}

progress[value="35"] ~ .hexagonal-progress-marker {
    left: 31px
}

progress[value="36"] ~ .hexagonal-progress-marker {
    left: 32px
}

progress[value="37"] ~ .hexagonal-progress-marker {
    left: 33px
}

progress[value="38"] ~ .hexagonal-progress-marker {
    left: 34px
}

progress[value="39"] ~ .hexagonal-progress-marker {
    left: 35px
}

progress[value="40"] ~ .hexagonal-progress-marker {
    left: 36px
}

progress[value="41"] ~ .hexagonal-progress-marker {
    left: 37px
}

progress[value="42"] ~ .hexagonal-progress-marker {
    left: 38px
}

progress[value="43"] ~ .hexagonal-progress-marker {
    left: 39px
}

progress[value="44"] ~ .hexagonal-progress-marker {
    left: 40px
}

progress[value="45"] ~ .hexagonal-progress-marker {
    left: 41px
}

progress[value="46"] ~ .hexagonal-progress-marker {
    left: 42px
}

progress[value="47"] ~ .hexagonal-progress-marker {
    left: 43px
}

progress[value="48"] ~ .hexagonal-progress-marker {
    left: 44px
}

progress[value="49"] ~ .hexagonal-progress-marker {
    left: 45px
}

progress[value="50"] ~ .hexagonal-progress-marker {
    left: 46px
}

progress[value="51"] ~ .hexagonal-progress-marker {
    left: 47px
}

progress[value="52"] ~ .hexagonal-progress-marker {
    left: 48px
}

progress[value="53"] ~ .hexagonal-progress-marker {
    left: 49px
}

progress[value="54"] ~ .hexagonal-progress-marker {
    left: 50px
}

progress[value="55"] ~ .hexagonal-progress-marker {
    left: 51px
}

progress[value="56"] ~ .hexagonal-progress-marker {
    left: 52px
}

progress[value="57"] ~ .hexagonal-progress-marker {
    left: 53px
}

progress[value="58"] ~ .hexagonal-progress-marker {
    left: 54px
}

progress[value="59"] ~ .hexagonal-progress-marker {
    left: 55px
}

progress[value="60"] ~ .hexagonal-progress-marker {
    left: 56px
}

progress[value="61"] ~ .hexagonal-progress-marker {
    left: 57px
}

progress[value="62"] ~ .hexagonal-progress-marker {
    left: 58px
}

progress[value="63"] ~ .hexagonal-progress-marker {
    left: 59px
}

progress[value="64"] ~ .hexagonal-progress-marker {
    left: 60px
}

progress[value="65"] ~ .hexagonal-progress-marker {
    left: 61px
}

progress[value="66"] ~ .hexagonal-progress-marker {
    left: 62px
}

progress[value="67"] ~ .hexagonal-progress-marker {
    left: 63px
}

progress[value="68"] ~ .hexagonal-progress-marker {
    left: 64px
}

progress[value="69"] ~ .hexagonal-progress-marker {
    left: 65px
}

progress[value="70"] ~ .hexagonal-progress-marker {
    left: 66px
}

progress[value="71"] ~ .hexagonal-progress-marker {
    left: 67px
}

progress[value="72"] ~ .hexagonal-progress-marker {
    left: 68px
}

progress[value="73"] ~ .hexagonal-progress-marker {
    left: 69px
}

progress[value="74"] ~ .hexagonal-progress-marker {
    left: 70px
}

progress[value="75"] ~ .hexagonal-progress-marker {
    left: 71px
}

progress[value="76"] ~ .hexagonal-progress-marker {
    left: 72px
}

progress[value="77"] ~ .hexagonal-progress-marker {
    left: 73px
}

progress[value="78"] ~ .hexagonal-progress-marker {
    left: 74px
}

progress[value="79"] ~ .hexagonal-progress-marker {
    left: 75px
}

progress[value="80"] ~ .hexagonal-progress-marker {
    left: 76px
}

progress[value="81"] ~ .hexagonal-progress-marker {
    left: 77px
}

progress[value="82"] ~ .hexagonal-progress-marker {
    left: 78px
}

progress[value="83"] ~ .hexagonal-progress-marker {
    left: 79px
}

progress[value="84"] ~ .hexagonal-progress-marker {
    left: 80px
}

progress[value="85"] ~ .hexagonal-progress-marker {
    left: 81px
}

progress[value="86"] ~ .hexagonal-progress-marker {
    left: 82px
}

progress[value="87"] ~ .hexagonal-progress-marker {
    left: 83px
}

progress[value="88"] ~ .hexagonal-progress-marker {
    left: 84px
}

progress[value="89"] ~ .hexagonal-progress-marker {
    left: 85px
}

progress[value="90"] ~ .hexagonal-progress-marker {
    left: 86px
}

progress[value="91"] ~ .hexagonal-progress-marker {
    left: 87px
}

progress[value="92"] ~ .hexagonal-progress-marker {
    left: 88px
}

progress[value="93"] ~ .hexagonal-progress-marker {
    left: 89px
}

progress[value="94"] ~ .hexagonal-progress-marker {
    left: 90px
}

progress[value="95"] ~ .hexagonal-progress-marker {
    left: 91px
}

progress[value="96"] ~ .hexagonal-progress-marker {
    left: 92px
}

progress[value="97"] ~ .hexagonal-progress-marker {
    left: 93px
}

progress[value="98"] ~ .hexagonal-progress-marker {
    left: 94px
}

progress[value="99"] ~ .hexagonal-progress-marker {
    left: 95px
}

progress[value="100"] ~ .hexagonal-progress-marker {
    left: 96px
}

.svg .has-fill-body-background {
    fill: var(--theme-body-background)
}

.svg .has-fill-body-background-medium, .svg .has-fill-body-background-dark {
    fill: var(--theme-body-background-medium)
}

.svg .has-fill-primary {
    fill: var(--theme-primary-base)
}

.svg .has-fill-secondary {
    fill: var(--theme-secondary-base)
}

.table td p:first-child, .table th p:first-child {
    margin-top: 0
}

.table td.is-narrow, .table th.is-narrow, .table td.is-narrow-desktop-only, .table th.is-narrow-desktop-only {
    width: 15%
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .table td.is-narrow-desktop-only, .table th.is-narrow-desktop-only {
        width: 100%
    }
}

.table td.is-extra-narrow, .table th.is-extra-narrow {
    width: 5%
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .table td.is-extra-narrow, .table th.is-extra-narrow {
        width: 100%
    }
}

.table.has-row-header-background tbody td:first-child, .table.has-row-header-background tbody th:first-child {
    background-color: var(--theme-table-row-header)
}

@media screen and (min-width: 768px), print {
    .table.table-fixed-layout {
        table-layout: fixed
    }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .table.table-tabular-responsive thead {
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        border: none;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .table.table-tabular-responsive tr, .table.table-tabular-responsive th, .table.table-tabular-responsive td {
        display: block
    }

    .table.table-tabular-responsive td:after {
        content: attr(data-label)
    }
}

.tags {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.tags .tag {
    margin-bottom: .25rem
}

.tags .tag:not(:last-child) {
    margin-right: .25rem;
    margin-inline: 0 .25rem
}

.tags:last-child {
    margin-bottom: -.25rem
}

.tags:not(:last-child) {
    margin-bottom: 1rem
}

.tags.has-addons .tag {
    margin-right: 0
}

.tags.has-addons .tag:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.tags.has-addons .tag:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.tags.is-centered {
    justify-content: center
}

.tags.is-centered .tag {
    margin-left: .25rem;
    margin-right: .25rem
}

.tags.is-right {
    justify-content: flex-end
}

.tags.is-right .tag:not(:first-child) {
    margin-left: .5rem
}

.tags.is-right .tag:not(:last-child) {
    margin-right: 0
}

.tag:not(body) {
    background-color: var(--theme-secondary-background);
    color: var(--theme-secondary-dark);
    height: 2em;
    white-space: nowrap;
    border: 1px solid var(--theme-border-white-high-contrast);
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    padding-left: .5em;
    padding-right: .5em;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    display: inline-flex
}

.tag:not(body).is-small {
    height: 1.66667em;
    font-size: .75rem
}

.tag:not(body).is-large {
    height: 1.66667em;
    font-size: 1.125rem
}

.tag:not(body).is-primary {
    background-color: var(--theme-primary-base);
    color: var(--theme-primary-invert)
}

.tag:not(body).is-primary .delete:before, .tag:not(body).is-primary .delete:after {
    color: var(--theme-primary-dark);
    border-color: #0000
}

.tag:not(body).is-secondary {
    background-color: var(--theme-secondary-base);
    color: var(--theme-secondary-invert)
}

.tag:not(body).is-secondary .delete:before, .tag:not(body).is-secondary .delete:after {
    color: var(--theme-secondary-dark);
    border-color: #0000
}

.tag:not(body).is-tertiary {
    background-color: var(--theme-tertiary-base);
    color: var(--theme-tertiary-invert)
}

.tag:not(body).is-tertiary .delete:before, .tag:not(body).is-tertiary .delete:after {
    color: var(--theme-tertiary-dark);
    border-color: #0000
}

.tag:not(body).is-success {
    background-color: var(--theme-success-base);
    color: var(--theme-success-invert)
}

.tag:not(body).is-success .delete:before, .tag:not(body).is-success .delete:after {
    color: var(--theme-success-dark);
    border-color: #0000
}

.tag:not(body).is-info {
    background-color: var(--theme-info-base);
    color: var(--theme-info-invert)
}

.tag:not(body).is-info .delete:before, .tag:not(body).is-info .delete:after {
    color: var(--theme-info-dark);
    border-color: #0000
}

.tag:not(body).is-warning {
    background-color: var(--theme-warning-base);
    color: var(--theme-warning-invert)
}

.tag:not(body).is-warning .delete:before, .tag:not(body).is-warning .delete:after {
    color: var(--theme-warning-dark);
    border-color: #0000
}

.tag:not(body).is-danger {
    background-color: var(--theme-danger-base);
    color: var(--theme-danger-invert)
}

.tag:not(body).is-danger .delete:before, .tag:not(body).is-danger .delete:after {
    color: var(--theme-danger-dark);
    border-color: #0000
}

.tag:not(body).is-black {
    color: #fff;
    background-color: #000
}

.tag:not(body).is-black .delete:before, .tag:not(body).is-black .delete:after {
    color: #fff;
    border-color: #0000
}

.tag:not(body) .delete {
    margin-left: .25rem;
    margin-right: -.375rem
}

.tag:not(body) .delete:before, .tag:not(body) .delete:after {
    color: var(--theme-text);
    border-color: #0000
}

.tag:not(body) .icon:first-child:not(:last-child) {
    margin-right: .1875em
}

.tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: .1875em
}

.tag:not(body).is-delete {
    width: 2em;
    margin-left: 1px;
    padding: 0;
    position: relative
}

.tag:not(body).is-delete:before, .tag:not(body).is-delete:after {
    content: "";
    transform-origin: 50%;
    background-color: currentColor;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%) translateY(-50%) rotate(45deg)
}

.tag:not(body).is-delete:before {
    height: 1px;
    width: 50%
}

.tag:not(body).is-delete:after {
    height: 50%;
    width: 1px
}

.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus-visible, .tag:not(body).is-delete:active {
    opacity: .95
}

a.tag:hover {
    text-decoration: underline
}

.title, .subtitle {
    word-break: break-word
}

.title em, .title span, .subtitle em, .subtitle span {
    font-weight: inherit
}

.title sub, .subtitle sub, .title sup, .subtitle sup {
    font-size: .75em
}

.title .tag, .subtitle .tag {
    vertical-align: middle
}

.title {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.125
}

.title strong {
    font-weight: inherit
}

.title.is-1 {
    font-size: 2.5rem
}

.title.is-1.is-responsive {
    font-size: clamp(1.875rem, 22.1053px + 1.64474vw, 2.5rem)
}

.title.is-2 {
    font-size: 2.125rem
}

.title.is-2.is-responsive {
    font-size: clamp(1.59375rem, 18.7895px + 1.39803vw, 2.125rem)
}

.title.is-3 {
    font-size: 1.75rem
}

.title.is-3.is-responsive {
    font-size: clamp(1.3125rem, 15.4737px + 1.15132vw, 1.75rem)
}

.title.is-4 {
    font-size: 1.5rem
}

.title.is-4.is-responsive {
    font-size: clamp(1.125rem, 13.2632px + .986842vw, 1.5rem)
}

.title.is-5 {
    font-size: 1.25rem
}

.title.is-5.is-responsive {
    font-size: clamp(1rem, 12.8421px + .657895vw, 1.25rem)
}

.title.is-6 {
    font-size: 1.125rem
}

.title.is-6.is-responsive {
    font-size: clamp(1rem, 14.4211px + .328947vw, 1.125rem)
}

.title.is-8 {
    font-size: .75rem
}

.subtitle {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25
}

.subtitle strong {
    font-weight: 600
}

.title ~ .subtitle:not(.is-spaced) {
    margin-top: -1.25rem
}

.supertitle {
    font-size: .875rem;
    line-height: 1.25
}

.supertitle:not(.is-spaced) + .title {
    margin-top: -.25rem
}

.uhf-container:not(.has-padding) {
    max-width: calc(100% - 32px);
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1800px), print {
    .uhf-container:not(.has-padding) {
        max-width: 1768px;
        width: 1768px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1088px) {
    .uhf-container:not(.has-padding).is-fluid {
        max-width: none;
        width: auto;
        margin-left: 16px;
        margin-right: 16px
    }
}

.has-padding.uhf-container, .is-banner.uhf-container {
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .has-padding.uhf-container > *, .is-banner.uhf-container > * {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px), print {
    .has-padding.uhf-container, .is-banner.uhf-container {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1800px), print {
    .has-padding.uhf-container, .is-banner.uhf-container {
        padding-left: calc(50% - 884px);
        padding-right: calc(50% - 884px)
    }
}

.is-full.uhf-container {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.has-top-padding.uhf-container {
    padding-top: 1.5rem
}

.has-uhf-padding {
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width: 1800px), print {
    .has-uhf-padding {
        padding-left: calc(50% - 884px);
        padding-right: calc(50% - 884px)
    }
}

@media screen and (min-width: 1088px), print {
    .has-uhf-padding-desktop {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1800px), print {
    .has-uhf-padding-desktop {
        padding-left: calc(50% - 884px);
        padding-right: calc(50% - 884px)
    }
}

.completable:not(.is-complete) .is-shown-complete, .xp-tag:not(.is-complete) .is-shown-complete, .is-complete.completable .is-hidden-complete, .is-complete.xp-tag .is-hidden-complete {
    display: none
}

.protocol-table {
    color: #2a2a2a;
    background-color: #fff
}

.protocol-table, .protocol-table tbody, .protocol-table td, .protocol-table th {
    border: 1px solid #bbb
}

.protocol-table td, .protocol-table th {
    padding: 10px 8px
}

.protocol-table th {
    color: #2a2a2a;
    background-color: #ededed;
    font-weight: 600
}

.protocol-table td {
    color: #2a2a2a
}

.protocol-table a {
    color: #0065b3
}

.protocol-table a:hover {
    color: #00579a
}

.protocol-table a:active {
    color: #004173
}

.has-loading-skeleton .card-header-image, .has-loading-skeleton .media-card-image, .has-loading-skeleton .media-card-content-link, .has-loading-skeleton .progress-label, .has-loading-skeleton .explanation-text, .has-loading-skeleton .docon:before, .has-loading-skeleton .card-tag, .has-loading-skeleton img, .has-loading-skeleton figure.image, .has-loading-skeleton li, .has-loading-skeleton .card-content > *, .has-loading-skeleton .media-card-content > *, .has-loading-skeleton h1, .has-loading-skeleton h2, .has-loading-skeleton h3, .has-loading-skeleton h4, .has-loading-skeleton h5, .has-loading-skeleton h6, .has-loading-skeleton p, .skeleton {
    animation: 3s ease-in-out infinite pulse;
    color: #0000 !important
}

.has-loading-skeleton h1, .has-loading-skeleton h2, .has-loading-skeleton h3, .has-loading-skeleton h4, .has-loading-skeleton h5, .has-loading-skeleton h6, .has-loading-skeleton p {
    height: 16px;
    margin-top: .25rem
}

.has-loading-skeleton h1:first-child, .has-loading-skeleton h2:first-child, .has-loading-skeleton h3:first-child, .has-loading-skeleton h4:first-child, .has-loading-skeleton h5:first-child, .has-loading-skeleton h6:first-child, .has-loading-skeleton p:first-child {
    width: 90%
}

.has-loading-skeleton h1:nth-child(2), .has-loading-skeleton h2:nth-child(2), .has-loading-skeleton h3:nth-child(2), .has-loading-skeleton h4:nth-child(2), .has-loading-skeleton h5:nth-child(2), .has-loading-skeleton h6:nth-child(2), .has-loading-skeleton p:nth-child(2) {
    width: 58%
}

.has-loading-skeleton h1:nth-child(3), .has-loading-skeleton h2:nth-child(3), .has-loading-skeleton h3:nth-child(3), .has-loading-skeleton h4:nth-child(3), .has-loading-skeleton h5:nth-child(3), .has-loading-skeleton h6:nth-child(3), .has-loading-skeleton p:nth-child(3) {
    width: 72%
}

.has-loading-skeleton h1:nth-child(4), .has-loading-skeleton h2:nth-child(4), .has-loading-skeleton h3:nth-child(4), .has-loading-skeleton h4:nth-child(4), .has-loading-skeleton h5:nth-child(4), .has-loading-skeleton h6:nth-child(4), .has-loading-skeleton p:nth-child(4) {
    width: 42%
}

.has-loading-skeleton h1:nth-child(5), .has-loading-skeleton h2:nth-child(5), .has-loading-skeleton h3:nth-child(5), .has-loading-skeleton h4:nth-child(5), .has-loading-skeleton h5:nth-child(5), .has-loading-skeleton h6:nth-child(5), .has-loading-skeleton p:nth-child(5) {
    width: 80%
}

.has-loading-skeleton .card-content > *, .has-loading-skeleton .media-card-content > * {
    height: 16px;
    padding: 0
}

.has-loading-skeleton .card-content > :first-child, .has-loading-skeleton .media-card-content > :first-child {
    width: 90%;
    margin-top: 0
}

.has-loading-skeleton .card-content > :nth-child(2), .has-loading-skeleton .media-card-content > :nth-child(2) {
    width: 58%
}

.has-loading-skeleton .card-content > :nth-child(3), .has-loading-skeleton .media-card-content > :nth-child(3) {
    width: 72%
}

.has-loading-skeleton .card-content > :nth-child(4), .has-loading-skeleton .media-card-content > :nth-child(4) {
    width: 42%
}

.has-loading-skeleton .card-content > :nth-child(5), .has-loading-skeleton .media-card-content > :nth-child(5) {
    width: 80%
}

.has-loading-skeleton .card-content .tags, .has-loading-skeleton .media-card-content .tags {
    width: 100%;
    flex-flow: row;
    animation: none
}

.has-loading-skeleton .card-content .tag, .has-loading-skeleton .media-card-content .tag {
    height: 16px
}

.has-loading-skeleton .card-content-metadata, .has-loading-skeleton .card-tag, .has-loading-skeleton .tags, .has-loading-skeleton .start-rating-display, .has-loading-skeleton pre {
    overflow: hidden
}

.has-loading-skeleton .tag, .has-loading-skeleton img, .has-loading-skeleton pre, .has-loading-skeleton figure.image {
    border: none !important
}

.has-loading-skeleton.card.is-branded .card-content .card-content-title {
    margin-bottom: 0
}

.has-loading-skeleton button {
    height: 16px;
    visibility: hidden;
    margin-top: .25rem
}

.has-loading-skeleton a, .has-loading-skeleton .button {
    pointer-events: none
}

.has-loading-skeleton .tag {
    width: 60px
}

.has-loading-skeleton .card-content-metadata *, .has-loading-skeleton .card-content-title *, .has-loading-skeleton .media-card-content-titles *, .has-loading-skeleton .media-card-image *, .has-loading-skeleton .star-rating-display *, .has-loading-skeleton .card-tag > * *, .has-loading-skeleton .card-footer-item > * *, .has-loading-skeleton img {
    opacity: 0
}

.has-loading-skeleton .progress {
    display: none
}

.checkbox-button {
    border: 1px solid var(--theme-secondary-base);
    color: var(--theme-text);
    background-color: var(--theme-body-background);
    min-height: 50px;
    border-radius: .125rem;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    display: inline-flex;
    position: relative
}

.checkbox-button:hover {
    color: var(--theme-text);
    background-color: var(--theme-hover-invert)
}

.checkbox-button:hover .checkbox-button-label-check {
    border-style: solid;
    border-width: 1px;
    border-color: var(--theme-secondary-base)
}

.checkbox-button input[type=checkbox] {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    word-wrap: normal;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.checkbox-button input[type=checkbox]:checked ~ .checkbox-button-label-check {
    background-color: var(--theme-primary-base)
}

.checkbox-button input[type=checkbox]:checked ~ .checkbox-button-label-check:before {
    color: var(--theme-primary-invert);
    content: "顪" !important
}

.checkbox-button .checkbox-button-label-inner-text {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    word-wrap: normal;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.checkbox-button .checkbox-button-label {
    cursor: pointer;
    background-color: #0000;
    position: absolute;
    inset: 0
}

.checkbox-button .checkbox-button-label-check {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 290486px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition-property: background, border, border-color;
    transition-duration: 10ms;
    transition-timing-function: cubic-bezier(.4, 0, .23, 1);
    display: flex
}

.checkbox-button .checkbox-button-label-check:before {
    border-color: var(--theme-primary-base);
    width: 1.25rem;
    height: 1.25rem;
    color: var(--theme-text-subtle);
    justify-content: center;
    align-items: center;
    font-family: docons;
    font-size: .875rem;
    display: flex
}

.checkbox-button .checkbox-button-label-text, .checkbox-button .checkbox-button-label-check {
    text-align: start;
    align-self: center
}

@media screen and (min-width: 1088px) {
    .checkbox-button .checkbox-button-label-text, .checkbox-button .checkbox-button-label-check {
        text-align: center
    }
}

.checkbox-button .checkbox-button-label-text {
    flex-grow: 1;
    padding: .5rem 1.75rem .5rem .5rem;
    font-size: .8rem;
    font-weight: 600
}

.bookend-container {
    position: relative
}

.bookend-container > .bookend {
    z-index: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute !important
}

.bookend-container > :not(.bookend) {
    z-index: 1;
    position: relative
}

.stretched-link:before {
    z-index: 1;
    content: "";
    position: absolute;
    inset: 0
}

.durable-image.has-error, .durable-image:not(.has-error) + .durable-image-fallback {
    display: none !important
}

.close-quote:after, .open-quote:after {
    color: var(--theme-primary-base);
    vertical-align: -.4em;
    margin-right: .0675rem;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 10rem;
    line-height: .1rem;
    display: inline-block
}

.open-quote:after {
    content: open-quote
}

.close-quote:after {
    opacity: .8;
    content: close-quote;
    vertical-align: -.4em;
    margin-left: .0675rem;
    margin-right: 0;
    font-size: 4rem
}

#affixed-left-container {
    z-index: 1
}

.header-holder {
    flex-shrink: 0
}

[data-css-variable-support=true] .not-css-variable-support, [data-css-variable-support=false] .css-variable-support, html.has-interactive .is-hidden-interactive, html:not(.has-interactive) .is-visible-interactive {
    display: none !important
}

html.has-interactive {
    height: 100%;
    overflow: hidden !important
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    html.has-interactive {
        height: inherit;
        overflow: inherit !important
    }

    html.has-interactive #unit-inner-section {
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto
    }

    html.has-interactive #unit-inner-section .button {
        height: auto;
        white-space: normal
    }

    html.has-interactive #unit-inner-section .table {
        word-break: initial;
        hyphens: initial;
        table-layout: initial
    }

    html.has-interactive #unit-inner-section .codeHeader {
        flex-wrap: wrap
    }

    html.has-interactive #footer-interactive > div {
        flex-direction: column
    }

    html.has-interactive #footer-interactive > div > div {
        margin: 0 !important
    }
}

html.has-interactive body {
    height: 100%
}

html.has-interactive .mainContainer {
    min-height: 1px;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: stretch;
    display: flex
}

html.has-interactive .mainContainer > .columns {
    width: 100%;
    align-items: stretch
}

html.has-interactive .primary-holder {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

html.has-interactive .primary-holder > .columns, html.has-interactive .primary-holder #main-column {
    width: 100%;
    max-width: 100%
}

html.has-interactive .footer-layout {
    flex-direction: column
}

html.has-interactive .footer-layout > :not(:last-child) {
    margin-bottom: 1rem
}

@media screen and (min-width: 768px), print {
    html.has-interactive #module-menu {
        max-width: 40vw
    }
}

@media screen and (min-width: 1088px) {
    html.has-interactive.has-wide-layout #module-menu {
        max-width: 25vw
    }
}

.modular-content-container {
    margin: 0 auto;
    padding: 0
}

@media screen and (min-width: 1088px) {
    .modular-content-container {
        max-width: 960px
    }
}

.mainContainer {
    flex-grow: 1;
    flex-shrink: 1
}

.mainContainer .primary-holder, .mainContainer .left-container {
    padding-top: 1.5rem
}

html.profilelist .mainContainer .primary-holder, html.profilelist .mainContainer .left-container {
    padding-top: 0
}

.columns > .column {
    flex: 1 1 0;
    display: block
}

.columns > .column:not(.has-uhf-padding) {
    padding: .75rem
}

.columns.has-large-gaps > .column {
    padding: 1.5rem
}

.columns.is-mobile > .column.is-narrow {
    flex: none
}

.columns.is-mobile > .column.is-full {
    width: 100%;
    flex: none
}

.columns.is-mobile > .column.is-three-quarters {
    width: 75%;
    flex: none
}

.columns.is-mobile > .column.is-two-thirds {
    width: 66.6666%;
    flex: none
}

.columns.is-mobile > .column.is-half {
    width: 50%;
    flex: none
}

.columns.is-mobile > .column.is-one-third {
    width: 33.3333%;
    flex: none
}

.columns.is-mobile > .column.is-one-quarter {
    width: 25%;
    flex: none
}

.columns.is-mobile > .column.is-one-fifth {
    width: 20%;
    flex: none
}

.columns.is-mobile > .column.is-two-fifths {
    width: 40%;
    flex: none
}

.columns.is-mobile > .column.is-three-fifths {
    width: 60%;
    flex: none
}

.columns.is-mobile > .column.is-four-fifths {
    width: 80%;
    flex: none
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > .column.is-1 {
    width: 8.33333%;
    flex: none
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333%
}

.columns.is-mobile > .column.is-2 {
    width: 16.6667%;
    flex: none
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.6667%
}

.columns.is-mobile > .column.is-3 {
    width: 25%;
    flex: none
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    width: 33.3333%;
    flex: none
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-5 {
    width: 41.6667%;
    flex: none
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.6667%
}

.columns.is-mobile > .column.is-6 {
    width: 50%;
    flex: none
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    width: 58.3333%;
    flex: none
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.3333%
}

.columns.is-mobile > .column.is-8 {
    width: 66.6667%;
    flex: none
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.6667%
}

.columns.is-mobile > .column.is-9 {
    width: 75%;
    flex: none
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    width: 83.3333%;
    flex: none
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.3333%
}

.columns.is-mobile > .column.is-11 {
    width: 91.6667%;
    flex: none
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.6667%
}

.columns.is-mobile > .column.is-12 {
    width: 100%;
    flex: none
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 767px) and (max-aspect-ratio: 1), screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25) and (max-aspect-ratio: 1), screen and (max-width: 767px) and (min-resolution: 120dpi) and (max-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (max-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (max-aspect-ratio: 1), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (-webkit-min-device-pixel-ratio: 1.25) and (max-aspect-ratio: 1), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (min-resolution: 120dpi) and (max-aspect-ratio: 1) {
    .columns.is-mobile > .column.is-full-portrait {
        width: 100%;
        flex: none
    }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .column.is-narrow-mobile {
        flex: none
    }

    .column.is-full-mobile {
        width: 100%;
        flex: none
    }

    .column.is-three-quarters-mobile {
        width: 75%;
        flex: none
    }

    .column.is-two-thirds-mobile {
        width: 66.6666%;
        flex: none
    }

    .column.is-half-mobile {
        width: 50%;
        flex: none
    }

    .column.is-one-third-mobile {
        width: 33.3333%;
        flex: none
    }

    .column.is-one-quarter-mobile {
        width: 25%;
        flex: none
    }

    .column.is-one-fifth-mobile {
        width: 20%;
        flex: none
    }

    .column.is-two-fifths-mobile {
        width: 40%;
        flex: none
    }

    .column.is-three-fifths-mobile {
        width: 60%;
        flex: none
    }

    .column.is-four-fifths-mobile {
        width: 80%;
        flex: none
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-1-mobile {
        width: 8.33333%;
        flex: none
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333%
    }

    .column.is-2-mobile {
        width: 16.6667%;
        flex: none
    }

    .column.is-offset-2-mobile {
        margin-left: 16.6667%
    }

    .column.is-3-mobile {
        width: 25%;
        flex: none
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        width: 33.3333%;
        flex: none
    }

    .column.is-offset-4-mobile {
        margin-left: 33.3333%
    }

    .column.is-5-mobile {
        width: 41.6667%;
        flex: none
    }

    .column.is-offset-5-mobile {
        margin-left: 41.6667%
    }

    .column.is-6-mobile {
        width: 50%;
        flex: none
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        width: 58.3333%;
        flex: none
    }

    .column.is-offset-7-mobile {
        margin-left: 58.3333%
    }

    .column.is-8-mobile {
        width: 66.6667%;
        flex: none
    }

    .column.is-offset-8-mobile {
        margin-left: 66.6667%
    }

    .column.is-9-mobile {
        width: 75%;
        flex: none
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        width: 83.3333%;
        flex: none
    }

    .column.is-offset-10-mobile {
        margin-left: 83.3333%
    }

    .column.is-11-mobile {
        width: 91.6667%;
        flex: none
    }

    .column.is-offset-11-mobile {
        margin-left: 91.6667%
    }

    .column.is-12-mobile {
        width: 100%;
        flex: none
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 768px), print {
    .column.is-narrow, .column.is-narrow-tablet {
        flex: none
    }

    .column.is-full, .column.is-full-tablet {
        width: 100%;
        flex: none
    }

    .column.is-three-quarters, .column.is-three-quarters-tablet {
        width: 75%;
        flex: none
    }

    .column.is-two-thirds, .column.is-two-thirds-tablet {
        width: 66.6666%;
        flex: none
    }

    .column.is-half, .column.is-half-tablet {
        width: 50%;
        flex: none
    }

    .column.is-one-third, .column.is-one-third-tablet {
        width: 33.3333%;
        flex: none
    }

    .column.is-one-quarter, .column.is-one-quarter-tablet {
        width: 25%;
        flex: none
    }

    .column.is-one-fifth, .column.is-one-fifth-tablet {
        width: 20%;
        flex: none
    }

    .column.is-two-fifths, .column.is-two-fifths-tablet {
        width: 40%;
        flex: none
    }

    .column.is-three-fifths, .column.is-three-fifths-tablet {
        width: 60%;
        flex: none
    }

    .column.is-four-fifths, .column.is-four-fifths-tablet {
        width: 80%;
        flex: none
    }

    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half, .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-1, .column.is-1-tablet {
        width: 8.33333%;
        flex: none
    }

    .column.is-offset-1, .column.is-offset-1-tablet {
        margin-left: 8.33333%
    }

    .column.is-2, .column.is-2-tablet {
        width: 16.6667%;
        flex: none
    }

    .column.is-offset-2, .column.is-offset-2-tablet {
        margin-left: 16.6667%
    }

    .column.is-3, .column.is-3-tablet {
        width: 25%;
        flex: none
    }

    .column.is-offset-3, .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4, .column.is-4-tablet {
        width: 33.3333%;
        flex: none
    }

    .column.is-offset-4, .column.is-offset-4-tablet {
        margin-left: 33.3333%
    }

    .column.is-5, .column.is-5-tablet {
        width: 41.6667%;
        flex: none
    }

    .column.is-offset-5, .column.is-offset-5-tablet {
        margin-left: 41.6667%
    }

    .column.is-6, .column.is-6-tablet {
        width: 50%;
        flex: none
    }

    .column.is-offset-6, .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7, .column.is-7-tablet {
        width: 58.3333%;
        flex: none
    }

    .column.is-offset-7, .column.is-offset-7-tablet {
        margin-left: 58.3333%
    }

    .column.is-8, .column.is-8-tablet {
        width: 66.6667%;
        flex: none
    }

    .column.is-offset-8, .column.is-offset-8-tablet {
        margin-left: 66.6667%
    }

    .column.is-9, .column.is-9-tablet {
        width: 75%;
        flex: none
    }

    .column.is-offset-9, .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10, .column.is-10-tablet {
        width: 83.3333%;
        flex: none
    }

    .column.is-offset-10, .column.is-offset-10-tablet {
        margin-left: 83.3333%
    }

    .column.is-11, .column.is-11-tablet {
        width: 91.6667%;
        flex: none
    }

    .column.is-offset-11, .column.is-offset-11-tablet {
        margin-left: 91.6667%
    }

    .column.is-12, .column.is-12-tablet {
        width: 100%;
        flex: none
    }

    .column.is-offset-12, .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
    .column.is-narrow-touch {
        flex: none
    }

    .column.is-full-touch {
        width: 100%;
        flex: none
    }

    .column.is-three-quarters-touch {
        width: 75%;
        flex: none
    }

    .column.is-two-thirds-touch {
        width: 66.6666%;
        flex: none
    }

    .column.is-half-touch {
        width: 50%;
        flex: none
    }

    .column.is-one-third-touch {
        width: 33.3333%;
        flex: none
    }

    .column.is-one-quarter-touch {
        width: 25%;
        flex: none
    }

    .column.is-one-fifth-touch {
        width: 20%;
        flex: none
    }

    .column.is-two-fifths-touch {
        width: 40%;
        flex: none
    }

    .column.is-three-fifths-touch {
        width: 60%;
        flex: none
    }

    .column.is-four-fifths-touch {
        width: 80%;
        flex: none
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-1-touch {
        width: 8.33333%;
        flex: none
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333%
    }

    .column.is-2-touch {
        width: 16.6667%;
        flex: none
    }

    .column.is-offset-2-touch {
        margin-left: 16.6667%
    }

    .column.is-3-touch {
        width: 25%;
        flex: none
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        width: 33.3333%;
        flex: none
    }

    .column.is-offset-4-touch {
        margin-left: 33.3333%
    }

    .column.is-5-touch {
        width: 41.6667%;
        flex: none
    }

    .column.is-offset-5-touch {
        margin-left: 41.6667%
    }

    .column.is-6-touch {
        width: 50%;
        flex: none
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        width: 58.3333%;
        flex: none
    }

    .column.is-offset-7-touch {
        margin-left: 58.3333%
    }

    .column.is-8-touch {
        width: 66.6667%;
        flex: none
    }

    .column.is-offset-8-touch {
        margin-left: 66.6667%
    }

    .column.is-9-touch {
        width: 75%;
        flex: none
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        width: 83.3333%;
        flex: none
    }

    .column.is-offset-10-touch {
        margin-left: 83.3333%
    }

    .column.is-11-touch {
        width: 91.6667%;
        flex: none
    }

    .column.is-offset-11-touch {
        margin-left: 91.6667%
    }

    .column.is-12-touch {
        width: 100%;
        flex: none
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1088px) {
    .column.is-narrow-desktop {
        flex: none
    }

    .column.is-full-desktop {
        width: 100%;
        flex: none
    }

    .column.is-three-quarters-desktop {
        width: 75%;
        flex: none
    }

    .column.is-two-thirds-desktop {
        width: 66.6666%;
        flex: none
    }

    .column.is-half-desktop {
        width: 50%;
        flex: none
    }

    .column.is-one-third-desktop {
        width: 33.3333%;
        flex: none
    }

    .column.is-one-quarter-desktop {
        width: 25%;
        flex: none
    }

    .column.is-one-fifth-desktop {
        width: 20%;
        flex: none
    }

    .column.is-two-fifths-desktop {
        width: 40%;
        flex: none
    }

    .column.is-three-fifths-desktop {
        width: 60%;
        flex: none
    }

    .column.is-four-fifths-desktop {
        width: 80%;
        flex: none
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-1-desktop {
        width: 8.33333%;
        flex: none
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333%
    }

    .column.is-2-desktop {
        width: 16.6667%;
        flex: none
    }

    .column.is-offset-2-desktop {
        margin-left: 16.6667%
    }

    .column.is-3-desktop {
        width: 25%;
        flex: none
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        width: 33.3333%;
        flex: none
    }

    .column.is-offset-4-desktop {
        margin-left: 33.3333%
    }

    .column.is-5-desktop {
        width: 41.6667%;
        flex: none
    }

    .column.is-offset-5-desktop {
        margin-left: 41.6667%
    }

    .column.is-6-desktop {
        width: 50%;
        flex: none
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        width: 58.3333%;
        flex: none
    }

    .column.is-offset-7-desktop {
        margin-left: 58.3333%
    }

    .column.is-8-desktop {
        width: 66.6667%;
        flex: none
    }

    .column.is-offset-8-desktop {
        margin-left: 66.6667%
    }

    .column.is-9-desktop {
        width: 75%;
        flex: none
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        width: 83.3333%;
        flex: none
    }

    .column.is-offset-10-desktop {
        margin-left: 83.3333%
    }

    .column.is-11-desktop {
        width: 91.6667%;
        flex: none
    }

    .column.is-offset-11-desktop {
        margin-left: 91.6667%
    }

    .column.is-12-desktop {
        width: 100%;
        flex: none
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1800px) {
    .column.is-narrow-widescreen {
        flex: none
    }

    .column.is-full-widescreen {
        width: 100%;
        flex: none
    }

    .column.is-three-quarters-widescreen {
        width: 75%;
        flex: none
    }

    .column.is-two-thirds-widescreen {
        width: 66.6666%;
        flex: none
    }

    .column.is-half-widescreen {
        width: 50%;
        flex: none
    }

    .column.is-one-third-widescreen {
        width: 33.3333%;
        flex: none
    }

    .column.is-one-quarter-widescreen {
        width: 25%;
        flex: none
    }

    .column.is-one-fifth-widescreen {
        width: 20%;
        flex: none
    }

    .column.is-two-fifths-widescreen {
        width: 40%;
        flex: none
    }

    .column.is-three-fifths-widescreen {
        width: 60%;
        flex: none
    }

    .column.is-four-fifths-widescreen {
        width: 80%;
        flex: none
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-1-widescreen {
        width: 8.33333%;
        flex: none
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333%
    }

    .column.is-2-widescreen {
        width: 16.6667%;
        flex: none
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.6667%
    }

    .column.is-3-widescreen {
        width: 25%;
        flex: none
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        width: 33.3333%;
        flex: none
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.3333%
    }

    .column.is-5-widescreen {
        width: 41.6667%;
        flex: none
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.6667%
    }

    .column.is-6-widescreen {
        width: 50%;
        flex: none
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        width: 58.3333%;
        flex: none
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.3333%
    }

    .column.is-8-widescreen {
        width: 66.6667%;
        flex: none
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.6667%
    }

    .column.is-9-widescreen {
        width: 75%;
        flex: none
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        width: 83.3333%;
        flex: none
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.3333%
    }

    .column.is-11-widescreen {
        width: 91.6667%;
        flex: none
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.6667%
    }

    .column.is-12-widescreen {
        width: 100%;
        flex: none
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

.columns {
    margin-top: -.75rem;
    margin-left: -.75rem;
    margin-right: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: .75rem
}

.columns.has-large-gaps {
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.columns.has-large-gaps:last-child {
    margin-bottom: -1.5rem
}

.columns.has-large-gaps:not(:last-child) {
    margin-bottom: 0
}

.columns.is-centered {
    justify-content: center
}

.columns.is-vertically-centered {
    align-items: center
}

.columns.is-gapless {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.columns.is-gapless > .column:not(.has-uhf-padding) {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .columns.is-gapless-mobile {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .columns.is-gapless-mobile > .column:not(.has-uhf-padding) {
        margin: 0;
        padding: 0 !important
    }

    .columns.is-gapless-mobile:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .columns.is-gapless-mobile:last-child {
        margin-bottom: 0
    }
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .columns.is-reversed-mobile {
        flex-direction: column-reverse;
        display: flex
    }
}

@media screen and (max-width: 767px) and (-ms-high-contrast: none), screen and (max-width: 767px) and (-ms-high-contrast: active), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (-ms-high-contrast: none), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (-ms-high-contrast: none), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (-ms-high-contrast: active), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (-ms-high-contrast: active) {
    .columns.is-reversed-mobile > .column {
        flex-basis: auto
    }
}

@media screen and (min-width: 768px), print {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-1 {
    margin-left: 8.33333%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-2 {
    margin-left: 16.6667%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-4 {
    margin-left: 33.3333%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-5 {
    margin-left: 41.6667%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-7 {
    margin-left: 58.3333%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-8 {
    margin-left: 66.6667%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-10 {
    margin-left: 83.3333%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-11 {
    margin-left: 91.6667%
}

.columns.is-mobile > main.content[dir=rtl] .columns.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .columns.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .columns.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .columns.is-offset-half-mobile {
        margin-left: 50%
    }

    .columns.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .columns.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .columns.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .columns.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .columns.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .columns.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .columns.is-offset-1-mobile {
        margin-left: 8.33333%
    }

    .columns.is-offset-2-mobile {
        margin-left: 16.6667%
    }

    .columns.is-offset-3-mobile {
        margin-left: 25%
    }

    .columns.is-offset-4-mobile {
        margin-left: 33.3333%
    }

    .columns.is-offset-5-mobile {
        margin-left: 41.6667%
    }

    .columns.is-offset-6-mobile {
        margin-left: 50%
    }

    .columns.is-offset-7-mobile {
        margin-left: 58.3333%
    }

    .columns.is-offset-8-mobile {
        margin-left: 66.6667%
    }

    .columns.is-offset-9-mobile {
        margin-left: 75%
    }

    .columns.is-offset-10-mobile {
        margin-left: 83.3333%
    }

    .columns.is-offset-11-mobile {
        margin-left: 91.6667%
    }

    .columns.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 768px), print {
    .columns.is-offset-three-quarters, .columns.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .columns.is-offset-two-thirds, .columns.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .columns.is-offset-half, .columns.is-offset-half-tablet {
        margin-left: 50%
    }

    .columns.is-offset-one-third, .columns.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .columns.is-offset-one-quarter, .columns.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .columns.is-offset-one-fifth, .columns.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .columns.is-offset-two-fifths, .columns.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .columns.is-offset-three-fifths, .columns.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .columns.is-offset-four-fifths, .columns.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .columns.is-offset-1, .columns.is-offset-1-tablet {
        margin-left: 8.33333%
    }

    .columns.is-offset-2, .columns.is-offset-2-tablet {
        margin-left: 16.6667%
    }

    .columns.is-offset-3, .columns.is-offset-3-tablet {
        margin-left: 25%
    }

    .columns.is-offset-4, .columns.is-offset-4-tablet {
        margin-left: 33.3333%
    }

    .columns.is-offset-5, .columns.is-offset-5-tablet {
        margin-left: 41.6667%
    }

    .columns.is-offset-6, .columns.is-offset-6-tablet {
        margin-left: 50%
    }

    .columns.is-offset-7, .columns.is-offset-7-tablet {
        margin-left: 58.3333%
    }

    .columns.is-offset-8, .columns.is-offset-8-tablet {
        margin-left: 66.6667%
    }

    .columns.is-offset-9, .columns.is-offset-9-tablet {
        margin-left: 75%
    }

    .columns.is-offset-10, .columns.is-offset-10-tablet {
        margin-left: 83.3333%
    }

    .columns.is-offset-11, .columns.is-offset-11-tablet {
        margin-left: 91.6667%
    }

    .columns.is-offset-12, .columns.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
    .columns.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .columns.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .columns.is-offset-half-touch {
        margin-left: 50%
    }

    .columns.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .columns.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .columns.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .columns.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .columns.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .columns.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .columns.is-offset-1-touch {
        margin-left: 8.33333%
    }

    .columns.is-offset-2-touch {
        margin-left: 16.6667%
    }

    .columns.is-offset-3-touch {
        margin-left: 25%
    }

    .columns.is-offset-4-touch {
        margin-left: 33.3333%
    }

    .columns.is-offset-5-touch {
        margin-left: 41.6667%
    }

    .columns.is-offset-6-touch {
        margin-left: 50%
    }

    .columns.is-offset-7-touch {
        margin-left: 58.3333%
    }

    .columns.is-offset-8-touch {
        margin-left: 66.6667%
    }

    .columns.is-offset-9-touch {
        margin-left: 75%
    }

    .columns.is-offset-10-touch {
        margin-left: 83.3333%
    }

    .columns.is-offset-11-touch {
        margin-left: 91.6667%
    }

    .columns.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .columns.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .columns.is-offset-half-desktop {
        margin-left: 50%
    }

    .columns.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .columns.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .columns.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .columns.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .columns.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .columns.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .columns.is-offset-1-desktop {
        margin-left: 8.33333%
    }

    .columns.is-offset-2-desktop {
        margin-left: 16.6667%
    }

    .columns.is-offset-3-desktop {
        margin-left: 25%
    }

    .columns.is-offset-4-desktop {
        margin-left: 33.3333%
    }

    .columns.is-offset-5-desktop {
        margin-left: 41.6667%
    }

    .columns.is-offset-6-desktop {
        margin-left: 50%
    }

    .columns.is-offset-7-desktop {
        margin-left: 58.3333%
    }

    .columns.is-offset-8-desktop {
        margin-left: 66.6667%
    }

    .columns.is-offset-9-desktop {
        margin-left: 75%
    }

    .columns.is-offset-10-desktop {
        margin-left: 83.3333%
    }

    .columns.is-offset-11-desktop {
        margin-left: 91.6667%
    }

    .columns.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1800px) {
    .columns.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .columns.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .columns.is-offset-half-widescreen {
        margin-left: 50%
    }

    .columns.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .columns.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .columns.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .columns.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .columns.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .columns.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .columns.is-offset-1-widescreen {
        margin-left: 8.33333%
    }

    .columns.is-offset-2-widescreen {
        margin-left: 16.6667%
    }

    .columns.is-offset-3-widescreen {
        margin-left: 25%
    }

    .columns.is-offset-4-widescreen {
        margin-left: 33.3333%
    }

    .columns.is-offset-5-widescreen {
        margin-left: 41.6667%
    }

    .columns.is-offset-6-widescreen {
        margin-left: 50%
    }

    .columns.is-offset-7-widescreen {
        margin-left: 58.3333%
    }

    .columns.is-offset-8-widescreen {
        margin-left: 66.6667%
    }

    .columns.is-offset-9-widescreen {
        margin-left: 75%
    }

    .columns.is-offset-10-widescreen {
        margin-left: 83.3333%
    }

    .columns.is-offset-11-widescreen {
        margin-left: 91.6667%
    }

    .columns.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
    .columns.is-flipped-touch {
        flex-direction: column;
        display: flex
    }

    .columns.is-flipped-touch > .column:first-child {
        order: 2
    }

    .columns.is-flipped-touch > .column:nth-child(2) {
        order: 1
    }
}

.columns.is-masonry {
    flex-wrap: wrap;
    position: relative
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
    .columns.is-masonry {
        height: 100% !important
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-masonry {
        height: 15000px;
        flex-flow: column wrap;
        align-content: space-between
    }

    .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n+1) {
        order: 1
    }

    .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n+2) {
        order: 2
    }

    .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n) {
        order: 3
    }

    .columns.is-masonry:before, .columns.is-masonry:after {
        content: "";
        width: 0;
        flex-basis: 100%;
        order: 2
    }
}

.hero.is-primary {
    background-color: var(--theme-primary-base);
    color: var(--theme-primary-invert);
    outline-color: var(--theme-primary-invert)
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), .hero.is-primary strong {
    color: inherit
}

.hero.is-primary .title, .hero.is-primary .subtitle, .hero.is-primary a:not(.button), .hero.is-primary strong {
    color: var(--theme-primary-invert)
}

.hero.is-secondary {
    background-color: var(--theme-secondary-base);
    color: var(--theme-secondary-invert);
    outline-color: var(--theme-secondary-invert)
}

.hero.is-secondary a:not(.button):not(.dropdown-item):not(.tag), .hero.is-secondary strong {
    color: inherit
}

.hero.is-secondary .title, .hero.is-secondary .subtitle, .hero.is-secondary a:not(.button), .hero.is-secondary strong {
    color: var(--theme-secondary-invert)
}

.hero.is-tertiary {
    background-color: var(--theme-tertiary-base);
    color: var(--theme-tertiary-invert);
    outline-color: var(--theme-tertiary-invert)
}

.hero.is-tertiary a:not(.button):not(.dropdown-item):not(.tag), .hero.is-tertiary strong {
    color: inherit
}

.hero.is-tertiary .title, .hero.is-tertiary .subtitle, .hero.is-tertiary a:not(.button), .hero.is-tertiary strong {
    color: var(--theme-tertiary-invert)
}

.hero.is-success {
    background-color: var(--theme-success-base);
    color: var(--theme-success-invert);
    outline-color: var(--theme-success-invert)
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag), .hero.is-success strong {
    color: inherit
}

.hero.is-success .title, .hero.is-success .subtitle, .hero.is-success a:not(.button), .hero.is-success strong {
    color: var(--theme-success-invert)
}

.hero.is-info {
    background-color: var(--theme-info-base);
    color: var(--theme-info-invert);
    outline-color: var(--theme-info-invert)
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag), .hero.is-info strong {
    color: inherit
}

.hero.is-info .title, .hero.is-info .subtitle, .hero.is-info a:not(.button), .hero.is-info strong {
    color: var(--theme-info-invert)
}

.hero.is-warning {
    background-color: var(--theme-warning-base);
    color: var(--theme-warning-invert);
    outline-color: var(--theme-warning-invert)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), .hero.is-warning strong {
    color: inherit
}

.hero.is-warning .title, .hero.is-warning .subtitle, .hero.is-warning a:not(.button), .hero.is-warning strong {
    color: var(--theme-warning-invert)
}

.hero.is-danger {
    background-color: var(--theme-danger-base);
    color: var(--theme-danger-invert);
    outline-color: var(--theme-danger-invert)
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), .hero.is-danger strong {
    color: inherit
}

.hero.is-danger .title, .hero.is-danger .subtitle, .hero.is-danger a:not(.button), .hero.is-danger strong {
    color: var(--theme-danger-invert)
}

.hero.is-small .hero-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media screen and (min-width: 768px), print {
    .hero.is-medium .hero-body {
        padding-top: 9rem;
        padding-bottom: 9rem
    }

    .hero.is-large .hero-body {
        padding-top: 18rem;
        padding-bottom: 18rem
    }
}

.hero.is-halfheight, .hero.is-fullheight .hero-body {
    align-items: center;
    display: flex
}

.hero.is-halfheight > .container, .hero.is-fullheight .hero-body > .container {
    flex-grow: 1;
    flex-shrink: 1
}

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .hero.has-overlap-bottom-mobile {
        margin-bottom: -220px;
        padding-bottom: 220px
    }
}

.hero .hero-head, .hero .hero-foot {
    flex-grow: 0;
    flex-shrink: 0
}

.hero .hero-body {
    z-index: 1;
    padding-top: 3rem;
    padding-bottom: 3rem;
    flex-grow: 1;
    flex-shrink: 0;
    padding-inline: 0
}

@media screen and (min-width: 1800px) {
    .hero .hero-body {
        padding-inline: calc(50% - 884px)
    }
}

.hero .hero-body .is-light {
    color: #fff
}

@media screen and (min-width: 1088px) {
    html.theme-light .hero .hero-body .is-light {
        color: var(--theme-text)
    }

    html.theme-high-contrast .hero .hero-body .is-light, html.theme-dark .hero .hero-body .is-light {
        color: #fff
    }
}

.hero .hero-card.is-dark {
    color: #fff;
    outline-color: var(--theme-text-invert)
}

@media screen and (min-width: 1088px) {
    .hero .hero-card.is-dark {
        color: var(--theme-primary-invert);
        background-color: var(--theme-secondary-dark)
    }
}

.hero .hero-card.is-light {
    color: #fff;
    outline-color: var(--theme-text-invert)
}

@media screen and (min-width: 1088px) {
    html.theme-light .hero .hero-card.is-light {
        background-color: var(--theme-secondary-background);
        color: var(--theme-text)
    }

    html.theme-high-contrast .hero .hero-card.is-light, html.theme-dark .hero .hero-card.is-light {
        background-color: var(--theme-body-background);
        color: #fff
    }
}

.hero .object-fit-fill {
    object-fit: fill !important
}

html.theme-light .hero #hero-body-container {
    color: var(--theme-text-invert)
}

@media screen and (min-width: 1088px) {
    html.theme-light .hero #hero-body-container {
        color: var(--theme-text)
    }
}

.hero .hero-background-image {
    z-index: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

@media screen and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (max-width: 1087.9px) {
    .hero .hero-background-image {
        bottom: 0
    }
}

@media screen and (min-width: 480px), print {
    .hero .hero-background-image {
        max-height: 325px
    }
}

@media screen and (min-width: 1088px) {
    .hero .hero-background-image {
        max-height: 500px
    }
}

.hero .hero-background-image img {
    width: auto;
    height: 100%;
    max-height: 100%;
    max-width: none
}

@media screen and (min-width: 1088px) {
    .hero .hero-background-image img {
        width: 100%
    }
}

@media screen and (min-width: 1800px) {
    .hero .hero-background-image img {
        margin-top: -5%
    }
}

.hero .hero-background-image svg {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: none
}

.hero .is-full-max-height {
    max-height: 100% !important
}

.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width: 1088px) {
    .section.is-uniform {
        padding: 3rem
    }

    .section.is-small, .section.is-small.is-uniform {
        padding: 1.5rem
    }

    .section.is-medium {
        padding: 9rem 1.5rem
    }

    .section.is-medium.is-uniform {
        padding: 9rem
    }

    .section.is-large {
        padding: 18rem 1.5rem
    }

    .section.is-large.is-uniform {
        padding: 18rem
    }
}

.level {
    justify-content: space-between;
    align-items: center
}

.level img {
    vertical-align: top;
    display: inline-block
}

.level.is-mobile, .level.is-mobile .level-left, .level.is-mobile .level-right {
    display: flex
}

.level.is-mobile .level-left + .level-right {
    margin-top: 0
}

.level.is-mobile .level-item {
    margin-right: .75rem
}

.level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0
}

.level.is-mobile .level-item:not(.is-narrow) {
    flex-grow: 1
}

@media screen and (min-width: 768px), print {
    .level {
        display: flex
    }

    .level > .level-item:not(.is-narrow) {
        flex-grow: 1
    }
}

.level-item {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.level-item .title, .level-item .subtitle {
    margin-bottom: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left, .level-right {
    flex: none
}

.level-left .level-item.is-flexible, .level-right .level-item.is-flexible {
    flex-grow: 1
}

@media screen and (min-width: 768px), print {
    .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    justify-content: flex-start;
    align-items: center
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .level-left + .level-right {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 768px), print {
    .level-left {
        display: flex
    }
}

.level-right {
    justify-content: flex-end;
    align-items: center
}

@media screen and (min-width: 768px), print {
    .level-right {
        display: flex
    }
}

@supports (display:grid) {
    .grid {
        grid-column-gap: 1rem;
        grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));
        row-gap: 1rem;
        margin: 0;
        padding: 0;
        display: grid
    }

    .grid > .grid-item {
        align-content: stretch;
        align-items: stretch;
        display: flex
    }

    .grid > .grid-item > * {
        width: 100%;
        height: 100%
    }

    .grid > .grid-item.is-decorative:last-child:nth-child(2n) {
        display: none !important
    }

    @media only screen and (min-width: 628px) and (max-width: 949px) {
        .grid > .grid-item.is-decorative:last-child:nth-child(2n) {
            display: flex !important
        }
    }.grid.is-horizontal {
         grid-template-columns:none;
         gap: .5rem 0
     }

    .grid.is-2.is-mobile {
        grid-template-columns:1fr 1fr !important
    }

    @media screen and (min-width: 768px), print {
        .grid.is-2 {
            grid-template-columns:repeat(2, 1fr)
        }
    }@media screen and (min-width: 1088px) {
    .grid.is-2-desktop {
        grid-template-columns:repeat(2, 1fr)
    }
}@media screen and (min-width: 768px), print {
    .grid.is-3 {
        grid-template-columns:repeat(auto-fit, minmax(25%, 1fr))
    }
}@media screen and (min-width: 1088px) {
    .grid.is-3.is-5-items {
        flex-wrap: wrap;
        place-content: center;
        display: flex
    }

    .grid.is-3.is-5-items .grid-item {
        flex: 0 calc(33.3333% - .666667rem)
    }

    .grid.is-3-desktop {
        grid-template-columns:repeat(auto-fit, minmax(25%, 1fr))
    }
}@media screen and (min-width: 768px), print {
    .grid.is-4 {
        grid-template-columns:repeat(auto-fit, minmax(20%, 1fr))
    }
}@media screen and (min-width: 1088px) {
    .grid.is-4.is-7-items {
        flex-wrap: wrap;
        place-content: center;
        display: flex
    }

    .grid.is-4.is-7-items .grid-item {
        flex: 0 calc(25% - .75rem)
    }
}.grid:not(.is-horizontal):not(.is-2):not(.single-item-stretch) > .grid-item:only-child {
     max-width: 308px
 }

    @media screen and (min-width: 768px) and (max-width: 1087px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) and (max-width: 1087.9px), screen and (min-resolution: 120dpi) and (min-width: 768px) and (max-width: 1087.9px) {
        .grid.has-min-width-170-tablet-only {
            grid-template-columns:repeat(auto-fit, minmax(170px, 1fr))
        }
    }.grid.is-fibonacci {
         grid-template-columns:1fr
     }

    @media screen and (min-width: 768px), print {
        .grid.is-fibonacci {
            grid-template-columns:repeat(2, 1fr)
        }
    }@media screen and (min-width: 1088px) {
    .grid.is-fibonacci {
        grid-template-columns:repeat(4, 1fr)
    }
}.is-small {
     grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))
 }

    .is-center {
        place-items: center
    }
}

[data-auth-status-determined=false] .auth-status-determined, [data-auth-status-determined=true] .auth-status-awaiting {
    visibility: hidden !important
}

[data-authenticated=true] .not-authenticated, [data-authenticated=false] .authenticated {
    display: none !important
}

.action-panel {
    width: 100%;
    background-color: var(--theme-body-background);
    border-left: 1px solid var(--theme-border);
    display: none;
    position: fixed;
    bottom: 0;
    left: 100%
}

html:not(.ap-layout-finished) .ap-expanded, html.ap-layout-finished .ap-collapsed, html:not(.hasSidebar) .contents-button {
    display: none
}

html:not(.hasSidebar) .action-container-tablet {
    display: none !important
}

html:not(.ap-layout) .content-header .content-header-controls, html.ap-layout-animates .content-header, html.ap-layout-animates #article-header {
    display: none
}

html.ap-layout {
    overflow: hidden !important
}

html.ap-layout .action-panel {
    display: block
}

html.ap-layout-animates .header-holder, html.ap-layout-animates .content-header, html.ap-layout-animates #article-header, html.ap-layout-animates #affixed-left-container, html.ap-layout-animates .action-panel, html.ap-layout-animates #main-column, html.ap-layout-animates footer {
    transition-property: transform, opacity
}

html.ap-layout-animates .header-holder, html.ap-layout-animates #affixed-left-container, html.ap-layout-animates footer {
    transition-duration: .1s;
    transition-timing-function: ease-in
}

html.ap-layout-animates .action-panel, html.ap-layout-animates #main-column, html.ap-layout-animates .content-header, html.ap-layout-animates #article-header {
    transition-duration: .1s;
    transition-timing-function: ease-out
}

@media screen and (min-width: 768px), print {
    html.ap-layout-animates .action-panel, html.ap-layout-animates #main-column, html.ap-layout-animates .content-header, html.ap-layout-animates #article-header {
        transition-delay: .1s
    }
}

html.ap-layout-in .action-panel {
    transform: translate(-100%)
}

@media screen and (min-width: 768px), print {
    html.ap-layout-in footer {
        transform: translateY(100%)
    }

    html.ap-layout-in .content-header, html.ap-layout-in #article-header {
        transform: translateY(-100px)
    }

    html.ap-layout-in #affixed-left-container {
        transform: translate(-50vw) translate(calc(-100% - 5vw))
    }

    html.ap-layout-in #main-column {
        margin: 0;
        padding: 24px;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: translate(-260px, -30px) translate(calc(-260px - 5vw), -30px)
    }

    html.ap-layout-in #main-column main {
        margin: 0;
        padding: 0
    }

    html.ap-layout-in .action-panel {
        width: 50vw
    }

    html.ap-layout-in .tutorial-row-main {
        width: 100% !important;
        flex: 100% !important
    }
}

html.ap-layout-finished footer, html.ap-layout-finished #affixed-left-container, html.ap-layout-finished .right-container, html.ap-layout-finished #article-header {
    display: none !important
}

html.ap-layout-finished .header-holder {
    display: flex;
    position: static;
    top: 0;
    left: 0;
    right: 0
}

html.ap-layout-finished .header-holder > :not(.content-header) {
    display: none
}

html.ap-layout-finished .header-holder .content-header {
    z-index: 3
}

html.ap-layout-finished .header-holder .content-header > :not(.content-header-controls) {
    display: none !important
}

html.ap-layout-finished #main-column {
    visibility: hidden
}

html.ap-layout-finished .content-header {
    box-sizing: border-box;
    max-width: 100%;
    border-bottom: 1px solid var(--theme-border);
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: none
}

@media screen and (min-width: 768px), print {
    html.ap-layout-finished #main-column {
        visibility: visible;
        box-sizing: border-box;
        width: 50vw;
        position: fixed;
        bottom: 0;
        left: 0;
        transform: none;
        margin: 0 !important
    }
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .content > .api-search-field {
        margin-bottom: 64px
    }
}

.api-search-field > label {
    width: 100%;
    display: block;
    position: relative
}

.api-search-field a {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 6px
}

.api-search-field a:before {
    content: "锛";
    color: var(--theme-text);
    padding: 0 4px;
    font-family: docons;
    display: inline-block
}

.api-search-field input.empty + a {
    display: none
}

.api-search-quick-filter {
    flex-wrap: wrap;
    justify-content: space-between;
    display: none
}

html:not(.has-moniker-or-term) .api-search-quick-filter {
    display: flex
}

.api-search-quick-filter > div, .api-search-quick-filter h2 {
    flex-basis: 100%
}

@media screen and (min-width: 768px), print {
    .api-search-quick-filter > div {
        flex-basis: calc(33.3333% - 16px)
    }
}

.api-search-results {
    table-layout: fixed;
    width: 100%
}

.api-search-results th {
    text-align: left
}

html:not(.apiBrowserPage) .api-search-results td, html:not(.apiBrowserPage) .api-search-results th {
    margin: 0;
    padding: 6px 4px 6px 0;
    font-size: 14px;
    line-height: 18px
}

.api-search-results td > img {
    margin-bottom: -4px
}

.api-search-results td:nth-child(2), .api-search-results th:nth-child(2) {
    display: none
}

@media screen and (min-width: 768px), print {
    html.apiBrowserPage .api-search-results th:first-child {
        width: 30%
    }

    html.apiBrowserPage .api-search-results td:nth-child(2), html.apiBrowserPage .api-search-results th:nth-child(2) {
        display: table-cell
    }
}

.api-search-results-heading {
    display: none
}

@media screen and (min-width: 768px), print {
    .api-search-results-heading {
        margin: 35px 0 20px;
        display: block
    }
}

.api-search-results-heading .moniker-version {
    color: var(--theme-text-subtle);
    font-size: 1rem
}

@media screen and (min-width: 768px), print {
    html:not(.apiBrowserPage) .content .api-search-field, html:not(.apiBrowserPage) .content .api-search-results-container {
        display: none
    }
}

.azure-auth {
    height: 100%;
    color: var(--theme-text);
    background-color: var(--theme-secondary-background);
    justify-content: center;
    align-items: center;
    padding: 16px;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto
}

.azure-auth-step {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.azure-auth-step > * {
    margin: 0 0 16px
}

.azure-auth-step .c-progress {
    margin-top: 16px
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .azure-auth-step {
        align-self: flex-start
    }
}

.azure-auth-tokens {
    width: 100%;
    flex-direction: column;
    justify-content: stretch;
    list-style-type: none;
    display: flex;
    overflow-y: auto
}

.azure-auth-token {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #0000;
    border: none;
    padding: 10px 15px;
    display: block;
    overflow: hidden
}

.azure-auth-token > span {
    display: block
}

.azure-auth-token > span:last-child {
    font-size: 80%
}

.azure-auth-token:hover, .azure-auth-token:focus-visible {
    color: #fff;
    background-color: #005ba1
}

.sxs-lookup {
    display: none
}

.user-comments .comment-body > p {
    margin-top: 0
}

.user-comments ul li {
    list-style-position: inside
}

.c-progress {
    min-height: 50px
}

progress.c-progress[value] {
    -webkit-appearance: none;
    appearance: none;
    min-width: 296px;
    height: 4px;
    border: 0
}

progress.c-progress::-webkit-progress-bar {
    background-color: #0003
}

progress.c-progress::-webkit-progress-value {
    background-color: var(--theme-primary-base)
}

progress.c-progress::-moz-progress-bar {
    background-color: var(--theme-primary-base)
}

progress.c-progress > [role=progressbar] {
    min-width: 296px;
    width: 100%;
    height: 4px;
    background-color: #0003;
    display: block;
    position: relative
}

progress.c-progress > [role=progressbar] > span {
    height: 100%;
    background-color: var(--theme-primary-base);
    color: var(--theme-primary-base);
    display: block;
    position: relative
}

.c-progress {
    margin-top: 12px;
    display: block
}

@media screen and (-ms-high-contrast) {
    .c-progress.f-indeterminate-local span:after, .c-progress.f-indeterminate-regional span:after {
        background-color: var(--theme-body-background)
    }
}

@media screen and (-ms-high-contrast: black-on-white) {
    .c-progress.f-indeterminate-local span:after, .c-progress.f-indeterminate-regional span:after {
        background-color: var(--theme-text)
    }
}

.c-progress.f-indeterminate-regional {
    min-width: 296px;
    width: 100%;
    position: relative
}

.c-progress.f-indeterminate-regional span {
    opacity: 0;
    animation: 4s infinite dots;
    display: inline-block;
    position: absolute
}

.c-progress.f-indeterminate-regional span:after {
    content: "";
    background-color: var(--theme-primary-base);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    position: absolute
}

.c-progress.f-indeterminate-regional span:first-child {
    animation-delay: 50ms
}

.c-progress.f-indeterminate-regional span:first-child:after {
    left: -10px
}

.c-progress.f-indeterminate-regional span:nth-child(2) {
    animation-delay: .1s
}

.c-progress.f-indeterminate-regional span:nth-child(2):after {
    left: -20px
}

.c-progress.f-indeterminate-regional span:nth-child(3) {
    animation-delay: .15s
}

.c-progress.f-indeterminate-regional span:nth-child(3):after {
    left: -30px
}

.c-progress.f-indeterminate-regional span:nth-child(4) {
    animation-delay: .2s
}

.c-progress.f-indeterminate-regional span:nth-child(4):after {
    left: -40px
}

.c-progress.f-indeterminate-regional span:nth-child(5) {
    animation-delay: .25s
}

.c-progress.f-indeterminate-regional span:nth-child(5):after {
    left: -50px
}

.c-progress.f-indeterminate-local {
    position: relative
}

.c-progress.f-indeterminate-local span {
    animation: 5.5s infinite orbit;
    position: absolute;
    transform: rotate(225deg)
}

.c-progress.f-indeterminate-local span:after {
    content: "";
    background-color: var(--theme-primary-base);
    border-radius: 100%;
    position: absolute
}

.c-progress.f-indeterminate-local span:nth-child(2) {
    animation-delay: .24s
}

.c-progress.f-indeterminate-local span:nth-child(3) {
    animation-delay: .48s
}

.c-progress.f-indeterminate-local span:nth-child(4) {
    animation-delay: .72s
}

.c-progress.f-indeterminate-local span:nth-child(5) {
    animation-delay: .96s
}

.c-progress.f-indeterminate-local.f-progress-large, .c-progress.f-indeterminate-local.f-progress-large span {
    width: 60px;
    height: 60px
}

.c-progress.f-indeterminate-local.f-progress-large span:after {
    width: 6px;
    height: 6px
}

.c-progress.f-indeterminate-local.f-progress-small {
    width: 20px;
    height: 20px
}

.c-progress.f-indeterminate-local.f-progress-small span {
    width: 25px;
    height: 25px
}

.c-progress.f-indeterminate-local.f-progress-small span:after {
    width: 3px;
    height: 3px
}

.checkbox-toggle-container {
    color: var(--theme-text);
    flex-direction: row;
    align-items: center;
    padding: 4px 8px
}

.checkbox-toggle-container > label {
    padding-right: 8px
}

.checkbox-toggle-wrapper {
    margin: 0 0 0 8px;
    display: flex
}

.checkbox-toggle-wrapper label.switch {
    background-color: var(--theme-body-background);
    cursor: pointer;
    border: 1px solid var(--theme-text);
    width: 44px;
    height: 16px;
    border-radius: 12px;
    order: 1;
    margin-left: 1px;
    transition: all .2s ease-in;
    display: block
}

@media screen and (min-width: 1195px) {
    .checkbox-toggle-wrapper label.switch {
        order: 3
    }
}

.checkbox-toggle-wrapper label.switch:after {
    width: 8px;
    height: 8px;
    border: 1px solid var(--theme-body-background);
    background-color: var(--theme-text);
    content: "";
    border-radius: 50%;
    transition: all .4s cubic-bezier(.01, 1.23, .58, .96);
    display: block;
    transform: translate(3px, 2.5px)
}

body[dir=rtl] .checkbox-toggle-wrapper label.switch:after {
    transform: translate(-3px, 2.5px)
}

.checkbox-toggle-wrapper input[type=checkbox]:checked + label.switch {
    background-color: var(--theme-primary-base);
    border: .125rem solid var(--theme-primary-base)
}

.checkbox-toggle-wrapper input[type=checkbox]:checked + label.switch:after {
    background-color: var(--theme-body-background);
    transform: translate(31px, 2px)
}

body[dir=rtl] .checkbox-toggle-wrapper input[type=checkbox]:checked + label.switch:after {
    transform: translate(-31px, 2px)
}

.checkbox-toggle-wrapper input[type=checkbox]:disabled + label.switch {
    background-color: var(--theme-body-background-medium);
    opacity: .5;
    box-shadow: none;
    cursor: not-allowed;
    border-color: currentColor
}

.checkbox-toggle-wrapper input[type=checkbox] {
    pointer-events: none;
    opacity: 0;
    height: 0;
    width: 0;
    order: 2;
    position: absolute
}

.cols {
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex
}

.cols > * {
    box-sizing: content-box;
    flex: 0 100%;
    margin-top: 24px;
    list-style: none;
    display: block
}

.cols.noSpace > * {
    margin-top: 0
}

@media only screen and (min-width: 925px) {
    .cols.cols2 > *, .cols.cols3 > *, .cols.cols4 > * {
        flex-basis: calc(50% - 12px)
    }

    .cols.cols3.discrete > * {
        flex-basis: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .cols.cols3 > *, .cols.cols3.discrete > * {
        flex-basis: calc(33.3333% - 16px)
    }

    .cols.cols3 > :last-child:nth-child(3n-4) {
        margin-right: calc(33.3333% + 8px)
    }

    .cols.cols4 > :last-child:nth-child(4n-6) {
        margin-right: calc(50% + 12px)
    }

    .cols.cols4 > :last-child:nth-child(4n-5) {
        margin-right: calc(25% + 6px)
    }
}

@media only screen and (min-width: 1280px) {
    .cols.cols4 > * {
        flex-basis: calc(25% - 18px)
    }
}

.content .row {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 12px;
    display: flex
}

@media only screen and (min-width: 925px) {
    .content .row {
        flex-wrap: nowrap
    }
}

.content .row > .column {
    box-sizing: border-box;
    width: 100%;
    flex: 0 100%;
    display: block;
    overflow-x: auto
}

.content .row > .column a:not([class])[href*="//"]:not([href*="learn.microsoft.com"]):not([href*="docs.microsoft.com"]):not([href*="docs.azure.cn"]):not([href*="developer.microsoft.com"]):not([href*=localhost\:]):not([href*=learn-microsoft-com\.local]):not([href*=developer-microsoft-com\.local]):not([href*=docs-azure-cn\.local]):after {
    display: none !important
}

.content .row > .column > * {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0
}

.content .row > .column .codeHeader, .content .row > .column pre, .content .row > .column pre > code {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0
}

.content .row > .column ul, .content .row > .column ol {
    box-sizing: border-box;
    max-width: calc(100% - 38px);
    margin: 0 0 0 38px
}

.content .row > .column ul li, .content .row > .column ol li {
    word-wrap: break-word;
    word-break: break-word
}

@media only screen and (min-width: 925px) {
    .content .row > .column {
        flex: calc(25% - 8px);
        margin-right: 12px
    }

    .content .row > .column:last-child {
        margin-right: 0
    }

    .content .row > .column.span2 {
        width: 50%;
        flex: 2 50%
    }

    .content .row > .column.span3 {
        flex: 3 75%
    }
}

.content-header {
    border-bottom: 1px solid var(--theme-border);
    margin: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    .content-header {
        padding: 0
    }
}

@media screen and (min-width: 768px), print {
    .content-header {
        justify-content: space-between;
        align-items: center;
        margin: 0;
        display: flex
    }
}

html.ap-layout-finished .content-header {
    flex-wrap: wrap;
    display: flex
}

.content-header-controls {
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: space-between;
    align-items: flex-end
}

@media screen and (min-width: 768px), print {
    .content-header-controls {
        display: none
    }
}

html.ap-layout-finished .content-header-controls {
    width: auto;
    margin: 8px;
    display: flex
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    html.ap-layout-finished .content-header-controls {
        margin: 4px;
        padding-left: 0;
        padding-right: 0
    }

    html.ap-layout-finished .content-header-controls button {
        flex-grow: 1;
        margin-bottom: 4px
    }
}

.doc-outline h3 {
    margin: 16px 0 0;
    font-size: 1rem
}

@media screen and (min-width: 1088px) {
    .doc-outline h3 {
        margin-top: 0
    }
}

.doc-outline h3:not(.right-rail-card-heading):last-child, .doc-outline h2:not(.right-rail-card-heading):last-child {
    display: none
}

.doc-outline ol {
    margin: 10px 0 0;
    list-style-type: none
}

.doc-outline ol li {
    list-style: none
}

.doc-outline li {
    margin: 4px 0;
    padding: 2px 0 2px 7px;
    font-size: .875rem;
    line-height: 1.6
}

.doc-outline li.selected {
    text-shadow: .3px 0;
    border-color: var(--theme-primary-base);
    border-left: 3px solid var(--theme-primary-base);
    padding-left: 4px
}

.doc-outline a:visited {
    color: var(--theme-primary-base)
}

.dotnet-online {
    height: 100%
}

.dotnet-online-loader {
    display: inline-block;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%)
}

.dotnet-online-editor-section {
    height: 100%;
    flex-direction: column;
    display: flex;
    overflow-y: auto
}

.dotnet-online-header {
    border-bottom: 1px solid var(--theme-border);
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex
}

.dotnet-online-header h3 {
    cursor: default;
    flex-grow: 1;
    margin: .25em 1em;
    padding: 0;
    font-size: 1rem;
    font-weight: 400
}

.dotnet-online-editor {
    border: none;
    border-bottom: 1px solid var(--theme-border);
    flex-grow: 1;
    flex-shrink: 1
}

.dotnet-online-output {
    height: 25%;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: none;
    margin: 0;
    padding: 1em;
    overflow-x: hidden;
    overflow-y: auto
}

.dotnet-online-service-unavailable {
    padding: 1em;
    font-size: 1rem
}

.hubpage .card, .landingpage .card {
    width: inherit;
    border: 1px solid var(--theme-border);
    box-shadow: 0 2px 5px var(--theme-border);
    color: var(--theme-text);
    flex-direction: row;
    padding: 6px 12px;
    display: block;
    position: relative;
    overflow: hidden
}

.hubpage .card:hover, .hubpage .card:active, .landingpage .card:hover, .landingpage .card:active {
    border: 1px solid var(--theme-primary-base)
}

.hubpage .card a, .landingpage .card a {
    text-decoration: none
}

.hubpage .card h3, .hubpage .card .likeAnH3, .landingpage .card h3, .landingpage .card .likeAnH3 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.125
}

.hubpage .card .likeAnH3, .landingpage .card .likeAnH3 {
    display: block
}

.hubpage .card p, .landingpage .card p {
    margin: 6px 0 0;
    padding: 0;
    font-size: .9375rem;
    line-height: 1.33
}

.hubpage a .card:hover h3, .hubpage a .card:active h3, .hubpage a .card:hover .likeAnH3, .hubpage a .card:active .likeAnH3, .landingpage a .card:hover h3, .landingpage a .card:active h3, .landingpage a .card:hover .likeAnH3, .landingpage a .card:active .likeAnH3 {
    color: var(--theme-primary-base)
}

.hubpage a .card:hover h3:hover, .hubpage a .card:active h3:active, .hubpage .card h3 a:hover, .hubpage .card h3 a:active, .hubpage a .card:hover .likeAnH3:hover, .hubpage a .card:active .likeAnH3:active, .hubpage .card .likeAnH3 a:hover, .hubpage .card .likeAnH3 a:active, .landingpage a .card:hover h3:hover, .landingpage a .card:active h3:active, .landingpage .card h3 a:hover, .landingpage .card h3 a:active, .landingpage a .card:hover .likeAnH3:hover, .landingpage a .card:active .likeAnH3:active, .landingpage .card .likeAnH3 a:hover, .landingpage .card .likeAnH3 a:active {
    text-decoration: underline
}

.hubpage .cardPadding, .landingpage .cardPadding {
    padding: 4px 12px 22px
}

.hubpage .cardSize, .landingpage .cardSize {
    width: 100%;
    overflow: hidden
}

.hubpage .cardScaleImage, .landingpage .cardScaleImage {
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.hubpage .cardText a, .hubpage .cardText a:visited, .landingpage .cardText a, .landingpage .cardText a:visited {
    color: var(--theme-text);
    text-decoration: none
}

.hubpage a .card:hover .cardText, .hubpage a .card:active .cardText, .hubpage .cardText a:hover, .hubpage .cardText a:active, .landingpage a .card:hover .cardText, .landingpage a .card:active .cardText, .landingpage .cardText a:hover, .landingpage .cardText a:active {
    color: var(--theme-primary-base)
}

.hubpage .cardText h3 a:hover, .hubpage .cardText h3 a:active, .hubpage .cardText .likeAnH3 a:hover, .hubpage .cardText .likeAnH3 a:active, .landingpage .cardText h3 a:hover, .landingpage .cardText h3 a:active, .landingpage .cardText .likeAnH3 a:hover, .landingpage .cardText .likeAnH3 a:active {
    color: var(--theme-primary-base);
    text-decoration: underline
}

.hubpage .cardText .cols > *, .landingpage .cardText .cols > * {
    margin: 0
}

.hubpage .cardsA .cardSize, .landingpage .cardsA .cardSize {
    min-width: 260px
}

.hubpage .cardsA .card, .landingpage .cardsA .card {
    min-height: 176px
}

.hubpage .cardsA .cardImageOuter, .landingpage .cardsA .cardImageOuter {
    width: 100%
}

.hubpage .cardsA .cardImage, .landingpage .cardsA .cardImage {
    width: 64px;
    height: 64px;
    margin: 0 auto 8px
}

.hubpage .cardsA a:hover, .landingpage .cardsA a:hover {
    text-decoration: none
}

.hubpage ul.panelContent.cardsB > li, .landingpage ul.panelContent.cardsB > li {
    flex: 0 100%
}

.hubpage .cardsB .cardSize, .landingpage .cardsB .cardSize {
    min-width: 260px
}

.hubpage .cardsB .cardPadding, .landingpage .cardsB .cardPadding {
    padding: 0 18px 22px 12px
}

.hubpage .cardsB .card, .landingpage .cardsB .card {
    box-shadow: none;
    border: 0;
    padding: 0 0 6px
}

.theme-dark .hubpage .cardsB .card, .theme-dark .landingpage .cardsB .card {
    box-shadow: none;
    border: 0
}

.hubpage .cardsB .card h3 a, .landingpage .cardsB .card h3 a {
    color: var(--theme-primary-base)
}

.hubpage .cardsB .cardImageOuter, .landingpage .cardsB .cardImageOuter {
    float: left
}

.hubpage .cardsB .cardImage, .landingpage .cardsB .cardImage {
    width: 48px;
    margin: 0 auto;
    overflow: hidden
}

.hubpage .cardsB .cardText, .landingpage .cardsB .cardText {
    padding-left: 60px;
    font-size: 14px;
    line-height: 23px
}

.hubpage .cardsB a:hover, .landingpage .cardsB a:hover {
    text-decoration: underline
}

.hubpage .cardsC .cardSize, .landingpage .cardsC .cardSize {
    min-width: 260px
}

.hubpage .cardsC .card, .landingpage .cardsC .card {
    min-height: 250px;
    padding: 0 0 6px
}

.hubpage .cardsC .cardImageOuter, .landingpage .cardsC .cardImageOuter {
    width: 100%;
    height: 140px;
    overflow: hidden
}

.hubpage .cardsC .cardImage img, .landingpage .cardsC .cardImage img {
    width: 100%;
    max-width: 400px;
    margin: auto;
    padding: 0;
    display: block
}

.hubpage .cardsC .cardText, .landingpage .cardsC .cardText {
    padding: 6px 12px 0
}

.hubpage .cardsC a:hover, .landingpage .cardsC a:hover {
    text-decoration: none
}

.hubpage ul.panelContent.cardsD > li, .landingpage ul.panelContent.cardsD > li {
    flex: 0 25%
}

.hubpage .cardsD .cardText a, .hubpage .cardsD .cardText a:visited, .landingpage .cardsD .cardText a, .landingpage .cardsD .cardText a:visited {
    color: var(--theme-primary-base)
}

.hubpage .cardsD .cardText a:hover, .landingpage .cardsD .cardText a:hover {
    text-decoration: underline
}

.hubpage .cardsD .card, .landingpage .cardsD .card {
    box-shadow: none;
    border: 0;
    padding: 0
}

.theme-dark .hubpage .cardsD .card, .theme-dark .landingpage .cardsD .card {
    box-shadow: none;
    border: 0
}

.hubpage .cardsD .card h3, .landingpage .cardsD .card h3 {
    font-size: 1.188rem
}

.hubpage .cardsD .card p, .landingpage .cardsD .card p {
    margin: 10px 0 0;
    font-size: 1rem
}

.hubpage .cardsE .cardSize, .landingpage .cardsE .cardSize {
    min-width: 260px
}

.hubpage .cardsE .card, .landingpage .cardsE .card {
    height: 180px;
    box-shadow: none;
    border: 0;
    border-left: 2px solid var(--theme-border);
    padding: 0 0 0 12px
}

.hubpage .cardsE .card:hover a, .landingpage .cardsE .card:hover a {
    color: var(--theme-primary-base)
}

.hubpage .cardsE .cardImageOuter, .landingpage .cardsE .cardImageOuter {
    width: 100%
}

.hubpage .cardsE .cardImage, .landingpage .cardsE .cardImage {
    width: 68px;
    height: 68px;
    margin: 0 0 8px
}

.hubpage .cardsE a:hover, .landingpage .cardsE a:hover {
    text-decoration: underline
}

.hubpage .cardsF .cardSize, .landingpage .cardsF .cardSize {
    min-width: 260px
}

.hubpage .cardsF .card, .landingpage .cardsF .card {
    box-shadow: none;
    border: 0;
    padding: 0 0 6px;
    display: flex;
    overflow: visible
}

html.theme-dark .hubpage .cardsF .card, html.theme-dark .landingpage .cardsF .card {
    box-shadow: none;
    border: 0
}

.hubpage .cardsF .cardImageOuter, .landingpage .cardsF .cardImageOuter {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.hubpage .cardsF .cardImage, .landingpage .cardsF .cardImage {
    width: 64px;
    overflow: hidden
}

.hubpage .cardsF .cardText, .landingpage .cardsF .cardText {
    flex-grow: 1;
    flex-shrink: 1
}

.hubpage .cardsF .cardText a, .landingpage .cardsF .cardText a {
    text-decoration: none
}

.hubpage .cardsF .cardText a:hover, .landingpage .cardsF .cardText a:hover {
    color: var(--theme-primary-base);
    text-decoration: underline
}

.hubpage .cardsFTitle .cardSize, .landingpage .cardsFTitle .cardSize {
    min-width: 260px
}

.hubpage .cardsFTitle .card, .landingpage .cardsFTitle .card {
    box-shadow: none;
    border: 0;
    padding-left: 6px;
    padding-right: 6px
}

.hubpage .cardsFTitle .cardImageOuter, .landingpage .cardsFTitle .cardImageOuter {
    float: left
}

.hubpage .cardsFTitle .cardImage, .landingpage .cardsFTitle .cardImage {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    padding: 2px
}

.hubpage .cardsFTitle .cardText, .landingpage .cardsFTitle .cardText {
    padding-left: 62px
}

.hubpage .cardsFTitle .cardText h3, .hubpage .cardsFTitle .cardText .likeAnH3, .landingpage .cardsFTitle .cardText h3, .landingpage .cardsFTitle .cardText .likeAnH3 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25
}

.hubpage .cardsFTitle .cardText a, .landingpage .cardsFTitle .cardText a {
    color: var(--theme-primary-base)
}

.hubpage .cardsFTitle .cardText p, .landingpage .cardsFTitle .cardText p {
    display: none
}

.hubpage .cardsG .cardSize, .landingpage .cardsG .cardSize {
    min-width: 260px
}

.hubpage .cardsG .card, .landingpage .cardsG .card {
    box-shadow: none;
    border: 0;
    padding: 0 0 6px
}

html.theme-dark .hubpage .cardsG .card, html.theme-dark .landingpage .cardsG .card {
    box-shadow: none;
    border: 0
}

.hubpage .cardsG .card:hover a, .landingpage .cardsG .card:hover a {
    color: var(--theme-primary-base)
}

.hubpage .cardsG .cardImageOuter, .landingpage .cardsG .cardImageOuter {
    float: left
}

.hubpage .cardsG .cardImage, .landingpage .cardsG .cardImage {
    width: 150px;
    height: 105px;
    margin: 0 auto 8px;
    overflow: hidden
}

.hubpage .cardsG .cardImage img, .landingpage .cardsG .cardImage img {
    width: 100%
}

.hubpage .cardsG a:hover, .landingpage .cardsG a:hover {
    text-decoration: underline
}

.hubpage .cardsG .cardText, .landingpage .cardsG .cardText {
    padding-left: 162px
}

@media only screen and (min-width: 1024px) {
    .hubpage ul.panelContent.cardsG > li, .landingpage ul.panelContent.cardsG > li {
        flex: 0 50%
    }
}

.hubpage ul.panelContent.cardsH > li, .landingpage ul.panelContent.cardsH > li {
    flex: 0 50%
}

.hubpage .cardsH .cardPadding, .landingpage .cardsH .cardPadding {
    padding: 0 24px 24px 0
}

.hubpage .cardsH .card, .landingpage .cardsH .card {
    box-shadow: unset;
    border: 0
}

.hubpage .cardsH .cardImageOuter, .landingpage .cardsH .cardImageOuter {
    width: 100%;
    overflow: hidden
}

.hubpage .cardsH .cardImage img, .landingpage .cardsH .cardImage img {
    height: 220px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block
}

.hubpage .cardsH .cardText, .landingpage .cardsH .cardText {
    margin-top: 18px
}

.hubpage .cardsH .cardText p, .landingpage .cardsH .cardText p {
    line-height: 1.6
}

.hubpage .cardsH a:hover, .landingpage .cardsH a:hover {
    text-decoration: none
}

.hubpage ul.panelContent.cardsI > li, .landingpage ul.panelContent.cardsI > li {
    flex: 0 50%
}

.hubpage .cardsI .cardPadding, .landingpage .cardsI .cardPadding {
    padding: 0 24px 64px 0
}

.hubpage .cardsI .card, .landingpage .cardsI .card {
    box-shadow: unset;
    border: 0
}

.hubpage .cardsI .cardImageOuter, .landingpage .cardsI .cardImageOuter {
    float: left
}

.hubpage .cardsI .cardImage, .landingpage .cardsI .cardImage {
    width: 80px;
    height: 80px;
    margin: 0 auto 8px
}

.hubpage .cardsI .cardText, .landingpage .cardsI .cardText {
    padding-left: 98px
}

.hubpage .cardsI .cardText p, .landingpage .cardsI .cardText p {
    line-height: 1.6
}

.hubpage .cardsI a:hover, .landingpage .cardsI a:hover {
    text-decoration: none
}

.hubpage .cardsI + hr, .landingpage .cardsI + hr {
    margin-top: 0
}

.hubpage ul.panelContent.cardsJ > li, .landingpage ul.panelContent.cardsJ > li {
    flex: 0 100%
}

.hubpage .cardsJ .cardPadding, .landingpage .cardsJ .cardPadding {
    padding: 0 24px 46px 0
}

.hubpage .cardsJ .card, .landingpage .cardsJ .card {
    box-shadow: unset;
    border: 0
}

.hubpage .cardsJ .cardImageOuter, .landingpage .cardsJ .cardImageOuter {
    float: left
}

.hubpage .cardsJ .cardImage, .landingpage .cardsJ .cardImage {
    width: 80px;
    height: 80px;
    margin: 0 auto 8px
}

.hubpage .cardsJ .cardText, .landingpage .cardsJ .cardText {
    padding-left: 98px
}

.hubpage .cardsJ .cardText p, .landingpage .cardsJ .cardText p {
    line-height: 1.6
}

.hubpage .cardsJ a:hover, .landingpage .cardsJ a:hover {
    text-decoration: none
}

.hubpage .cardsJ + hr, .landingpage .cardsJ + hr {
    margin-top: 0
}

.hubpage .cardsK .cardPadding, .landingpage .cardsK .cardPadding {
    padding: 0 24px 24px 0
}

.hubpage .cardsK .card, .landingpage .cardsK .card {
    box-shadow: unset;
    border: 0
}

.hubpage .cardsK .cardImageOuter, .landingpage .cardsK .cardImageOuter {
    height: 140px;
    overflow: hidden
}

.hubpage .cardsK .cardImage img, .landingpage .cardsK .cardImage img {
    height: 140px;
    width: 100%;
    margin: 0 auto;
    display: block
}

.hubpage .cardsK .cardText, .landingpage .cardsK .cardText {
    margin-top: 18px
}

.hubpage .cardsK .cardText p, .landingpage .cardsK .cardText p {
    line-height: 1.6
}

.hubpage .cardsK a:hover, .landingpage .cardsK a:hover {
    text-decoration: none
}

.hubpage .cardsL .cardPadding, .landingpage .cardsL .cardPadding {
    padding: 0
}

.hubpage .cardsL .card, .landingpage .cardsL .card {
    box-shadow: unset;
    border: 0;
    padding-bottom: 54px
}

.hubpage .cardsL .cardText, .landingpage .cardsL .cardText {
    flex-flow: wrap;
    flex: auto;
    display: flex
}

.hubpage .cardsL h3, .landingpage .cardsL h3 {
    border-bottom: solid 1px var(--theme-border);
    flex: 100%;
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-size: 1.75rem;
    overflow: hidden
}

.hubpage .cardsL h4, .landingpage .cardsL h4 {
    flex: 100%;
    margin-top: 8px;
    margin-bottom: 0;
    overflow: hidden
}

.hubpage .cardsL .ico48Link, .landingpage .cardsL .ico48Link {
    max-width: 33%;
    flex: 33%
}

.hubpage .cardsM, .landingpage .cardsM {
    margin: 0 !important
}

.hubpage .cardsM .card, .landingpage .cardsM .card {
    box-sizing: border-box;
    height: 100%;
    align-items: center;
    padding: 12px;
    display: flex
}

.hubpage .cardsM .card:hover, .landingpage .cardsM .card:hover {
    text-decoration: none
}

.hubpage .cardsM .cardImage, .landingpage .cardsM .cardImage {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 12px;
    width: 36px !important;
    height: 36px !important
}

.hubpage .cardsM .cardText, .landingpage .cardsM .cardText {
    color: var(--theme-text);
    flex-grow: 1
}

.hubpage .cardsM .cardText > :first-child, .landingpage .cardsM .cardText > :first-child {
    color: var(--theme-text);
    margin-top: 0
}

.hubpage .cardsM .cardText > :only-child, .landingpage .cardsM .cardText > :only-child {
    font-weight: 400
}

.hubpage .cardsW .card, .landingpage .cardsW .card {
    box-shadow: none;
    border: 0;
    padding: 0
}

.theme-dark .hubpage .cardsW .card, .theme-dark .landingpage .cardsW .card {
    box-shadow: none;
    border: 0
}

.hubpage .cardsW .cardImage, .landingpage .cardsW .cardImage {
    width: 100%;
    display: block
}

.hubpage .cardsW .card h3, .hubpage .cardsW .card .likeAnH3, .landingpage .cardsW .card h3, .landingpage .cardsW .card .likeAnH3 {
    font-size: 1.188rem
}

.hubpage .cardsW .card p, .landingpage .cardsW .card p {
    margin: 10px 0 0;
    font-size: 1rem
}

.hubpage .noTouch .cardsX .card:hover, .hubpage .noTouch .cardsX .card:active, .landingpage .noTouch .cardsX .card:hover, .landingpage .noTouch .cardsX .card:active {
    border-color: #0000
}

.hubpage .cardsX .cardSize, .landingpage .cardsX .cardSize {
    position: relative
}

.hubpage .cardsX .card, .landingpage .cardsX .card {
    min-height: 92px;
    padding: 0
}

.hubpage .cardsX .cardImageOuter, .landingpage .cardsX .cardImageOuter {
    margin: 0
}

.hubpage .cardsX .cardImage, .landingpage .cardsX .cardImage {
    width: 300px;
    height: 92px;
    margin: auto
}

.hubpage .cardsX .cardText, .landingpage .cardsX .cardText, .hubpage .cardsX .card h3, .hubpage .cardsX .card .likeAnH3, .landingpage .cardsX .card h3, .landingpage .cardsX .card .likeAnH3 {
    display: none
}

@media only screen and (min-width: 769px) {
    .hubpage .cardsX > li, .landingpage .cardsX > li {
        margin-bottom: 32px
    }
}

.hubpage .cardsY .card, .landingpage .cardsY .card {
    padding: 6px
}

.hubpage .cardsY .cardImageOuter, .landingpage .cardsY .cardImageOuter {
    float: left;
    margin: 6px 0 6px 4px
}

.hubpage .cardsY .cardImage, .landingpage .cardsY .cardImage {
    width: 50px;
    height: 50px
}

.hubpage .cardsY .cardImage img, .landingpage .cardsY .cardImage img {
    max-width: 50px;
    max-height: 50px
}

.hubpage .cardsY .cardText, .landingpage .cardsY .cardText {
    margin-top: 12px;
    padding-left: 64px
}

.hubpage .cardsY .card p, .landingpage .cardsY .card p {
    margin: 0;
    font-size: .875rem
}

.hubpage .cardsY a:hover, .landingpage .cardsY a:hover {
    text-decoration: none
}

.hubpage .cardsZ .cardImageOuter, .landingpage .cardsZ .cardImageOuter {
    display: none
}

.hubpage .cardsZ .card, .landingpage .cardsZ .card {
    min-height: 116px;
    padding-top: 24px
}

.hubpage ul.panelContent.directory > li, .landingpage ul.panelContent.directory > li {
    float: left;
    width: 50%
}

.hubpage ul.panelContent.directory > li > .group, .landingpage ul.panelContent.directory > li > .group {
    float: left;
    min-width: 240px;
    width: 50%
}

.hubpage .directory h3, .hubpage .directory .likeAnH3, .landingpage .directory h3, .landingpage .directory .likeAnH3 {
    margin-top: 4px
}

.hubpage .directory > main li ul, .landingpage .directory > main li ul {
    margin-bottom: 32px;
    list-style-type: none
}

.hubpage ul.panelContent.directory > li ul img, .landingpage ul.panelContent.directory > li ul img {
    float: left;
    height: 24px;
    width: 24px
}

@media only screen and (min-width: 1024px) {
    .hubpage .panelItem > ul.panelContent.directory > li, .landingpage .panelItem > ul.panelContent.directory > li {
        flex: 0 50%
    }
}

.hubpage ul.panelContent.directory > li ul a, .landingpage ul.panelContent.directory > li ul a {
    color: var(--theme-text-subtle)
}

.hubpage .group li p, .landingpage .group li p {
    color: var(--theme-text-subtle);
    margin-left: 36px
}

.hubpage .group li:hover p, .hubpage .group li:active p, .landingpage .group li:hover p, .landingpage .group li:active p {
    color: var(--theme-primary-base);
    text-decoration: underline
}

.hubpage .ico48Link, .hubpage .ico64Link, .landingpage .ico48Link, .landingpage .ico64Link {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: .9375rem;
    display: inline-block
}

.hubpage .ico48Link h3, .hubpage .ico64Link h3, .landingpage .ico48Link h3, .landingpage .ico64Link h3 {
    margin-top: 0;
    margin-bottom: 12px
}

.hubpage .ico48Link img, .landingpage .ico48Link img {
    height: 48px;
    width: 48px
}

.hubpage .ico64Link img, .landingpage .ico64Link img {
    height: 64px;
    width: 64px
}

.hubpage .ico48Link span, .hubpage .ico64Link span, .landingpage .ico48Link span, .landingpage .ico64Link span {
    display: block
}

.hubpage .ico48Case .ico48Link, .hubpage .ico64Case .ico64Link, .landingpage .ico48Case .ico48Link, .landingpage .ico64Case .ico64Link {
    margin-right: 48px
}

.hubpage li.bottomRightItem, .landingpage li.bottomRightItem {
    min-height: 100px;
    position: relative
}

.hubpage li.bottomRightItem a, .landingpage li.bottomRightItem a {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

.panelContent a:not([class]):after, .dataMatrix a:not([class]):after {
    display: none !important
}

html.hubpage .adHolder {
    margin: 12px 0 0 12px
}

html.hubpage .adHolder h3 {
    color: var(--theme-info-dark);
    margin: 0;
    font-size: .875rem
}

html.hubpage .adHolder p {
    color: var(--theme-primary-base);
    margin: 0;
    font-size: .875rem
}

html.hubpage .adHolder:hover p, html.hubpage .adHolder:active p {
    text-decoration: underline
}

@media only screen and (min-width: 769px) {
    html.hubpage .adHolder {
        position: absolute;
        top: 0;
        right: 16px
    }

    html.hubpage .adHolder h3 {
        font-size: 1.18rem
    }

    html.hubpage .adHolder p {
        font-size: 1rem
    }
}

html.hubpage .content {
    width: auto;
    margin-left: 0;
    margin-right: 0
}

html.hubpage .content h1 {
    margin-bottom: 16px
}

html.hubpage .content ol, html.hubpage .content ul, html.hubpage .content ol ol, html.hubpage .content ul ul, html.hubpage .content[dir=rtl] ol, html.hubpage .content[dir=rtl] ul, html.hubpage .content[dir=rtl] ol ol, html.hubpage .content[dir=rtl] ul ul {
    margin: 0;
    padding: 0
}

html.hubpage .content ul.panelContent li, html.hubpage .content ul.panelContent > li {
    list-style-type: none
}

html.hubpage .content ul.noBullet {
    margin-left: 0
}

html.hubpage .content ul.noBullet > li {
    list-style-type: none
}

html.hubpage .content .container {
    width: 100%;
    max-width: 1600px;
    margin: 16px auto 0;
    position: relative
}

html.hubpage .content .container:before, html.hubpage .content .container:after {
    content: " ";
    display: table
}

html.hubpage .content .container:after {
    clear: both
}

html.hubpage .content .featuredContent {
    margin: 0 auto;
    display: flex;
    float: none !important
}

@media only screen and (min-width: 769px) {
    html.hubpage .content .featuredContent {
        margin: 2px auto 10px
    }
}

html.hubpage .pivotTabs {
    display: none
}

html.hubpage .pivotTabs ul {
    border-bottom: 1px solid var(--theme-border);
    margin: 24px 0 40px
}

html.hubpage .pivotTabs li {
    margin: 0 4px -1px 0;
    padding: 5px 41px 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.68;
    list-style: none;
    display: inline-block
}

html.hubpage .pivotTabs li:hover, html.hubpage .pivotTabs li:active {
    background-color: #0050c512
}

html.hubpage .pivotTabs li.selected {
    border-left: 1px solid var(--theme-border);
    border-right: 1px solid var(--theme-border);
    border-bottom: 1px solid var(--theme-body-background);
    border-top: 5px solid var(--theme-primary-base);
    padding: 0 40px
}

html.hubpage .pivotTabs li.selected a {
    color: var(--theme-text)
}

html.hubpage .pivotTabs a, html.hubpage .pivotTabs a:visited, html.hubpage .pivotTabs a:hover, html.hubpage .pivotTabs a:active {
    color: var(--theme-text-subtle);
    text-decoration: none
}

@media only screen and (min-width: 769px) {
    html.hubpage .pivotTabs {
        display: block
    }
}

html.hubpage .singlePivot {
    display: none !important
}

html.hubpage .tabLess {
    margin-top: 48px
}

html.hubpage .pivotSelector {
    background-color: var(--theme-border);
    height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    width: 100%;
    text-align: left;
    color: var(--theme-secondary-invert);
    background-position: 6px 4px;
    background-size: 24px 24px;
    border-style: none;
    margin: 24px 0 12px;
    padding-top: 0;
    padding-left: 10px;
    overflow: hidden
}

@media only screen and (min-width: 769px) {
    html.hubpage .pivotSelector {
        display: none
    }
}

html.hubpage .pivots {
    box-sizing: content-box
}

html.hubpage .pivots > li {
    display: none
}

@media only screen and (min-width: 1024px) {
    html.hubpage .pivots > ul {
        position: relative
    }
}

html.hubpage .pivotItem {
    list-style-type: none
}

html.hubpage .pivotItem > a {
    display: none
}

html.hubpage .panelItem, html.hubpage .pivotItem, html.hubpage .panelItem ul, html.hubpage .panelItem li {
    list-style: none !important
}

html.hubpage .panelItem > a {
    color: var(--theme-text-subtle);
    cursor: text;
    box-shadow: outline 0 0 0 4px var(--theme-body-background);
    border: 2px solid var(--theme-body-background);
    margin: 0 0 12px;
    padding: 8px 0 10px 12px;
    font-size: 1.5rem;
    line-height: 1.33;
    display: none
}

html.hubpage .panelItem > a.selected {
    text-align: center;
    display: block
}

@media only screen and (min-width: 769px) {
    html.hubpage .panelItem > a {
        width: 228px;
        cursor: pointer;
        margin: 0 0 6px;
        font-size: .9375rem;
        display: inline-block
    }

    html.hubpage .panelItem > a:hover, html.hubpage .panelItem > a:active {
        color: var(--theme-primary-invert);
        background-color: var(--theme-primary-base)
    }

    html.hubpage .panelItem > a.selected {
        text-align: left;
        background-color: var(--theme-primary-base);
        color: var(--theme-primary-invert);
        display: inline-block
    }
}

html.hubpage .panelItem > ul {
    display: none
}

html.hubpage .panelContent > li {
    flex: 0 100%;
    list-style-type: none
}

html.hubpage .panelContent > li.fullSpan {
    flex: 0 100% !important
}

html.hubpage .panelContent > li a:focus-visible .card {
    outline-color: inherit;
    outline-offset: .25rem;
    outline-width: .125rem;
    outline-style: dashed
}

@media only screen and (min-width: 769px) {
    html.hubpage .panelContent {
        float: right;
        width: calc(100% - 278px)
    }

    html.hubpage .panelContent > li {
        flex: 0 50%
    }
}

html.hubpage .pivotMenu .pivots {
    background-color: var(--theme-primary-background);
    margin-top: -12px;
    padding: 24px
}

.content[dir=rtl] html.hubpage .pivotMenu .pivots {
    margin-top: -12px;
    padding: 24px
}

html.hubpage .pivotMenu .pivots a {
    color: var(--theme-text) !important
}

html.hubpage .pivotMenu .pivots > li {
    list-style: none;
    display: block !important
}

html.hubpage .pivotMenu .pivots li ul li {
    list-style: none
}

html.hubpage .pivotMenu .pivotItem > a {
    display: block
}

html.hubpage .pivotMenu .pivotItem > ul {
    margin-top: 6px
}

html.hubpage .pivotMenu .panelContent {
    display: none !important
}

html.hubpage .pivotMenu .panelItem > a {
    display: block;
    cursor: pointer !important;
    font-size: .875rem !important
}

html.hubpage .pivotMenu .panelItem > a.selected {
    text-align: left;
    background-color: var(--theme-secondary-background);
    font-weight: 600
}

html.hubpage .panelContent {
    flex-wrap: wrap
}

html.hubpage .panelContent h2 {
    margin-top: 6px;
    margin-bottom: 36px;
    margin-right: 12px;
    padding-left: 14px;
    font-size: 1.625rem;
    line-height: 1.2
}

html.hubpage .panelContent h2.likeAnH1 {
    margin-top: 10px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 8px;
    font-size: 2.5rem;
    line-height: 1.3
}

html.hubpage .panelContent .intro {
    margin: 0 0 24px;
    font-size: 1.125rem;
    line-height: 1.7
}

html.hubpage .panelContent .container p {
    padding: 0 12px
}

html.hubpage .panelContent .container > p:first-child {
    margin-top: 0
}

@media only screen and (max-width: 768px) {
    html.hubpage .panelContent {
        margin-top: 0 !important
    }
}

@media only screen and (min-width: 1024px) {
    html.hubpage .panelContent > li {
        flex: 0 33%
    }
}

html.hubpage .singlePanelNavItem {
    display: none !important
}

html.hubpage .singlePanelContent {
    width: 100%;
    float: none !important;
    margin: 0 auto !important
}

html.hubpage[dir=rtl] .adHolder {
    margin: 12px 12px 0 0
}

@media only screen and (min-width: 769px) {
    html.hubpage[dir=rtl] .adHolder {
        left: 16px;
        right: auto
    }
}

html.hubpage[dir=rtl] .pivotSelector {
    text-align: right;
    background-position: calc(100% - 6px) 4px;
    padding-left: 0;
    padding-right: 40px
}

@media only screen and (min-width: 769px) {
    html.hubpage[dir=rtl] .panelContent {
        float: left
    }
}

html.hubpage[dir=rtl] .panelItem > a {
    padding: 6px 12px 8px 0
}

@media only screen and (min-width: 769px) {
    html.hubpage[dir=rtl] .panelItem > a.selected {
        text-align: right
    }
}

html.hubpage[dir=rtl] .pivotMenu .panelItem > a.selected {
    text-align: right
}

html.landingpage .columnHolder {
    flex: auto;
    flex-wrap: column wrap;
    display: flex
}

html.landingpage .abstractHolder {
    flex-direction: column;
    justify-content: space-between;
    margin-top: 18px;
    display: flex
}

html.landingpage .abstract {
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.7
}

html.landingpage .abstract p:first-child {
    margin-top: 0
}

html.landingpage .abstractHolder .menu {
    margin-top: 24px
}

html.landingpage .abstractHolder .menu ul {
    margin-top: 0;
    margin-left: 0
}

html.landingpage .abstractHolder .menu li {
    margin-top: 12px;
    line-height: 1.3;
    list-style-type: none
}

html.landingpage .abstractHolder .menu li:first-child {
    margin-top: 2px
}

html.landingpage .abstractHolder .menu .abstract-title {
    color: var(--theme-warning-dark);
    padding-bottom: 10px;
    font-weight: 600
}

html.landingpage .abstractHolder .aside {
    max-width: 250px;
    flex-direction: column;
    margin-top: 24px;
    display: flex
}

html.landingpage .abstractHolder .aside a {
    margin-right: 18px;
    display: inline-block
}

@media (min-width: 450px) {
    html.landingpage .abstractHolder .aside {
        flex-direction: row
    }
}

@media (max-width: 1023px) {
    html.landingpage .columnHolder .panelContent {
        margin-top: 0;
        margin-bottom: 0
    }

    html.landingpage .columnHolder .column50:first-child .panelContent {
        margin-top: 24px;
        margin-bottom: 0
    }

    html.landingpage .abstractHolder {
        flex-direction: column;
        display: flex
    }

    html.landingpage .abstractHolder .abstract {
        order: 1
    }

    html.landingpage .abstractHolder .aside, html.landingpage .abstractHolder .menu {
        order: 2;
        max-width: unset !important
    }
}

@media (min-width: 1024px) {
    html.landingpage .abstractHolder {
        flex-direction: row;
        position: relative
    }

    html.landingpage .abstract {
        max-width: calc(100% - 315px)
    }

    html.landingpage .columnHolder {
        flex-direction: row
    }

    html.landingpage .column50 {
        max-width: 50%;
        flex: 50%
    }

    html.landingpage .abstractHolder .menu {
        max-width: 225px;
        border-left: 1px solid var(--theme-border);
        margin-top: 0;
        margin-left: 48px;
        padding-left: 17px;
        position: absolute;
        top: 0;
        right: 0
    }

    html.landingpage .abstractHolder .aside {
        flex-direction: column;
        order: 2;
        margin-top: 0;
        margin-left: 24px
    }

    html.landingpage .abstractHolder .aside a {
        margin-right: 0
    }
}

html.landingpage .content ul.panelContent {
    flex-wrap: wrap;
    margin-top: 24px;
    margin-left: -12px;
    list-style-type: none;
    display: flex
}

html.landingpage ul.panelContent > li {
    flex: 0 100%;
    list-style-type: none
}

html.landingpage ul.panelContent > li a:focus-visible .card {
    outline-color: inherit;
    outline-offset: .25rem;
    outline-width: .125rem;
    outline-style: dashed
}

@media only screen and (min-width: 769px) {
    html.landingpage ul.panelContent > li {
        flex: 0 50%
    }
}

@media only screen and (min-width: 1024px) {
    html.landingpage ul.panelContent > li {
        flex: 0 33%
    }
}

html.landingpage .cardsW + h2 {
    margin-top: 14px
}

html.landingpage .cardsW a:hover {
    text-decoration: underline
}

html.landingpage ul.spaced > li {
    margin-bottom: 8px
}

html.landingpage ul.spaced + h2 {
    margin-top: 34px
}

html.landingpage ul.noBullet {
    margin-left: 0
}

html.landingpage ul.noBullet > li {
    list-style-type: none
}

html.landingpage table.dataMatrix th, html.landingpage table.dataMatrix td {
    text-align: center
}

html.landingpage table.dataMatrix th span {
    font-size: .75rem;
    display: block
}

html.landingpage table.dataMatrix td:first-child {
    text-align: left;
    font-size: 1rem;
    font-weight: 600
}

html.landingpage table.dataMatrix td span.docon-external-link {
    font-size: 2.125rem
}

html.landingpage table.dataMatrix td span.docon-external-link:after {
    content: "锛";
    font-family: docons
}

html.landingpage table.dataMatrix td a {
    color: var(--theme-text)
}

html.landingpage table.dataMatrix td a:hover {
    color: var(--theme-primary-base);
    text-decoration: none
}

html.landingpage table.dataMatrix svg {
    height: 24px;
    width: 24px;
    fill: currentColor;
    forced-color-adjust: auto
}

html.landingpage .introHolder {
    flex-direction: column;
    margin-top: 18px;
    display: flex
}

html.landingpage .introHolder + h2 {
    margin-top: 0
}

html.landingpage .content > p:first-child, html.landingpage .intro {
    padding-bottom: 36px;
    font-size: 1.125rem;
    line-height: 1.7
}

html.landingpage .intro {
    margin-top: 18px
}

html.landingpage .introHolder .intro {
    margin-top: 0
}

html.landingpage .calloutHolder .callout a {
    color: var(--theme-text)
}

html.landingpage .calloutHolder .callout a:hover {
    color: var(--theme-primary-base)
}

html.landingpage .calloutHolder .callout img {
    float: left;
    height: 50px;
    width: 50px;
    margin-top: 6px;
    margin-right: 12px
}

@media (min-width: 768px) {
    html.landingpage .introHolder {
        flex-direction: row
    }

    html.landingpage .introHolder .intro {
        max-width: calc(100% - 370px);
        flex-basis: calc(100% - 370px)
    }

    html.landingpage .introHolder .calloutHolder {
        max-width: 358px;
        flex: 0 0 358px;
        margin-left: 12px
    }

    html.landingpage .calloutHolder .callout {
        border-left: solid 1px var(--theme-border);
        padding-left: 12px
    }
}

html.landingpage .downloadHolder {
    border-top: 1px solid var(--theme-border);
    margin-top: 48px;
    padding-top: 36px;
    display: none
}

html.landingpage .downloadHolder .img {
    width: 50px;
    height: 50px;
    float: left;
    background-image: url(/tempFile/sdk/download_hover.b3cc5409.svg);
    background-size: cover
}

html.landingpage .downloadHolder:hover .img {
    background-position: -50px 0
}

html.landingpage .downloadHolder .text {
    padding-top: 8px;
    padding-left: 60px
}

html.landingpage[lang=en-us] .downloadHolder {
    display: block
}

html.landingpage.os-high-contrast-enabled .downloadHolder .img {
    display: none
}

html.landingpage.os-high-contrast-enabled .downloadHolder .text {
    padding-left: 0
}

html.learningpath .prerequisites p:first-of-type {
    margin-top: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    html.learntv #video-section {
        width: 100%;
        max-width: 100%
    }

    html.learntv #chat-holder {
        height: 70vh !important
    }
}

html.learntv .no-schedule .schedule-holder {
    display: none
}

html.learntv .schedule-scrollview {
    max-height: 80vh
}

html.learntv .schedule li.active {
    border-left: solid 2px var(--theme-primary-base)
}

html.learntv .schedule time, html.learntv .schedule a {
    display: block
}

html.learntv .studio-player-holder {
    position: relative
}

html.learntv .studio-player-holder:before {
    content: "";
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    display: block
}

html.learntv .studio-player-holder.height-from-message {
    height: auto
}

html.learntv .studio-player-holder.height-from-message:before {
    display: none
}

html.learntv .studio-player-holder .studio-player {
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

html.learntv .studio-player-holder.height-from-message .studio-player {
    position: static
}

html.learntv #video-section.no-chat, html.learntv #video-section.has-special-wide-player {
    display: block
}

html.learntv #video-section.no-chat #chat-holder, html.learntv #video-section.has-special-wide-player #chat-holder, html.learntv #video-section.no-chat #tab-qa {
    display: none
}

@media screen and (min-width: 1228px) {
    html.learntv #video-section.has-special-wide-player .studio-player-holder:before {
        padding-bottom: 37.5%
    }
}

a.lightbox-enabled {
    position: relative;
    text-decoration: none !important
}

a.lightbox-enabled:hover, a.lightbox-enabled:focus-visible {
    cursor: zoom-in
}

a.lightbox-enabled:hover:after, a.lightbox-enabled:focus-visible:after {
    background-color: var(--theme-body-background);
    color: var(--theme-text)
}

a.lightbox-enabled:after {
    content: "餇";
    height: 40px;
    width: 40px;
    background-color: var(--theme-secondary-box-shadow);
    color: var(--theme-text-subtle);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-family: docons;
    font-size: 20px;
    display: flex;
    position: absolute;
    bottom: 20px;
    right: 10px;
    text-decoration: none !important
}

div.visually-hidden + a.lightbox-enabled {
    display: none
}

.image-browser {
    overflow: hidden
}

.image-browser div {
    border: 1px solid #0000;
    overflow: hidden
}

.image-browser img {
    touch-action: none;
    margin: 0 auto;
    transition: opacity .5s ease-in .3s;
    display: block
}

.image-browser-expandable {
    cursor: zoom-in;
    max-height: 75vh;
    max-width: 95vw
}

@media screen and (min-width: 768px), print {
    .image-browser-expandable {
        max-height: 80vh;
        max-width: 80vw
    }
}

.image-browser-pannable {
    cursor: move;
    max-width: none
}

.image-browser-transition {
    transition: all .3s linear
}

html.localelist .content ul {
    margin: 32px 0 0;
    list-style-type: none
}

html.localelist .content ul > li {
    list-style-type: none
}

html.localelist .content ul > li > a:not(:hover):not(:focus-visible) {
    color: var(--theme-text)
}

html.localelist .content .selected {
    font-weight: 600
}

html.localelist .locale-selector-link {
    display: none
}

.mx-codeBreakAll code {
    word-break: break-all;
    white-space: normal
}

.mx-tdBreakAll td {
    word-break: break-all
}

.mx-tdCol2BreakAll td:nth-child(2) {
    word-break: break-all;
    word-break: break-word
}

.content .mx-namespace thead {
    display: none
}

.mx-tableNormal table {
    width: inherit !important
}

.mx-tableFixed table {
    table-layout: fixed
}

.mx-tableFixed table code {
    word-break: break-all;
    margin-top: 8px
}

.mx-responsive-img table img {
    width: 100%;
    height: auto
}

.content .mx-imgBorder img {
    border: solid 1px var(--theme-border)
}

.MJXc-display, .MathJax_Display {
    overflow-x: auto;
    overflow-y: hidden
}

html.module .prerequisites p:first-of-type, html.module .abstract p:first-of-type {
    margin-top: 0
}

@media screen and (max-width: 767px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) {
    html.module .module-unit-list-mobile {
        overflow: hidden;
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important
    }
}

html.moduleunit .is-chromeless body {
    padding: 0
}

.moniker-picker {
    margin-top: 0;
    position: relative
}

.moniker-picker.expanded {
    z-index: 1000
}

.moniker-picker ul {
    -webkit-overflow-scrolling: touch;
    flex-grow: 1;
    flex-shrink: 1;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 !important
}

.moniker-picker li {
    list-style: none;
    display: block
}

.moniker-picker button, .moniker-picker li > a {
    text-align: left;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    color: var(--theme-text);
    background-color: var(--theme-body-background);
    border: none;
    outline: none;
    text-decoration: none;
    display: block
}

.moniker-picker li > a {
    white-space: nowrap
}

.moniker-picker [role=menu] {
    z-index: 1000;
    background-color: var(--theme-body-background)
}

.moniker-picker button.products {
    color: var(--theme-primary-base);
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    font-weight: 600;
    display: flex
}

.moniker-picker button.products[disabled] {
    cursor: default;
    color: var(--theme-text)
}

.moniker-picker button.products:not([disabled]):after {
    content: "锛";
    color: var(--theme-text);
    padding-bottom: 5px;
    padding-left: 5px;
    font-family: docons;
    font-size: .7rem;
    transform: translateY(5px)
}

.moniker-picker .moniker-auxillary-links {
    display: none
}

.moniker-picker .moniker-auxillary-links:not(:empty) {
    white-space: nowrap;
    border-top: 1px solid var(--theme-border);
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    display: block
}

.moniker-picker .moniker-auxillary-links:not(:empty) a {
    color: var(--theme-primary-base);
    padding: 3px 8px;
    display: block
}

.moniker-picker .moniker-auxillary-links:not(:empty) a:hover, .moniker-picker .moniker-auxillary-links:not(:empty) a:focus-visible {
    background-color: var(--theme-primary-box-shadow);
    text-decoration: none
}

@media screen and (max-width: 767px) and (max-height: 1023px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (max-height: 1023.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (max-height: 1023.9px) {
    html.moniker-picker-expanded .header-holder {
        visibility: hidden
    }

    .moniker-picker [role=menu].products {
        display: none
    }

    .moniker-picker.expanded {
        flex-direction: column;
        margin-top: 0;
        display: flex;
        position: fixed;
        inset: 0
    }

    .moniker-picker.expanded button.products {
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: space-between;
        padding: 10px
    }

    .moniker-picker.expanded button.products > span {
        flex-grow: 1
    }

    .moniker-picker.expanded button.products:after {
        content: "锛";
        color: var(--theme-text-subtle);
        font-family: docons;
        font-size: 18px
    }

    .moniker-picker.expanded [role=menu].products {
        -webkit-overflow-scrolling: touch;
        flex-grow: 1;
        flex-shrink: 1;
        display: block;
        overflow-y: auto
    }

    .moniker-picker.expanded [role=menu].products button {
        position: relative
    }

    .moniker-picker.expanded [role=menu].products button:after {
        content: "锛";
        color: var(--theme-text);
        font-family: docons;
        font-size: .55rem;
        transition: transform .2s ease-in-out;
        display: inline-block;
        position: absolute;
        right: 10px;
        transform: rotate(0)
    }

    .moniker-picker.expanded [role=menu].products button[aria-expanded=true]:after {
        transform: rotate(90deg)
    }

    .moniker-picker.expanded [role=menu].versions {
        max-height: 0;
        display: block;
        overflow: hidden
    }

    .moniker-picker.expanded button, .moniker-picker.expanded button[aria-expanded=true] + [role=menu].versions {
        border-bottom: 1px solid var(--theme-border)
    }

    .moniker-picker.expanded button {
        background-color: var(--theme-code-header)
    }

    .moniker-picker.expanded button[aria-expanded=true] + [role=menu].versions {
        max-height: 500px;
        transition: max-height .2s ease-in-out
    }

    .moniker-picker.expanded [role=menu] > span {
        display: none
    }

    .moniker-picker.expanded li > a, .moniker-picker.expanded li > button {
        width: 100%;
        padding: 10px
    }
}

@media screen and (min-width: 768px), screen and (min-height: 1024px) {
    .moniker-picker [role=menu] {
        border: 1px solid var(--theme-border);
        box-shadow: 0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 .6px 1.8px 0 var(--theme-box-shadow-light);
        display: none
    }

    .moniker-picker [role=menu] > span {
        width: 100%;
        cursor: default;
        -webkit-user-select: none;
        user-select: none;
        flex-grow: 0;
        flex-shrink: 0;
        padding: 3px 20px 3px 7px;
        font-weight: 600;
        display: block
    }

    .moniker-picker [role=menu] li > a, .moniker-picker [role=menu] li > button {
        width: 100%;
        min-height: 34px;
        padding: 4px 20px 4px 8px;
        line-height: 160%
    }

    .moniker-picker [role=menu] li > a:focus-visible, .moniker-picker [role=menu] li > button:focus-visible {
        background-color: var(--theme-primary-background)
    }

    .moniker-picker [role=menu] li > a:hover, .moniker-picker [role=menu] li > a[aria-expanded=true], .moniker-picker [role=menu] li > button:hover, .moniker-picker [role=menu] li > button[aria-expanded=true] {
        border: 2px solid var(--theme-primary-base);
        background-color: var(--theme-primary-background);
        padding: 2px 18px 2px 6px
    }

    .moniker-picker [role=menu] li > a[aria-expanded=true], .moniker-picker [role=menu] li > button[aria-expanded=true] {
        font-weight: 600
    }

    .moniker-picker button[aria-expanded=true] + [role=menu] {
        flex-direction: column;
        display: flex
    }

    .moniker-picker [role=menu].products {
        min-width: 200px;
        max-width: 400px;
        min-height: 250px;
        max-height: 350px;
        position: absolute;
        top: 100%
    }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none), screen and (min-height: 1024px) and (-ms-high-contrast: active), screen and (min-height: 1024px) and (-ms-high-contrast: none) {
    .moniker-picker [role=menu].products {
        height: 350px
    }
}

@media screen and (min-width: 768px), screen and (min-height: 1024px) {
    .moniker-picker [role=menu].versions {
        min-width: 125px;
        max-width: 200px;
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: 100%
    }
}

@media screen and (max-width: 767px) and (max-height: 1023px), screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767.9px) and (max-height: 1023.9px), screen and (min-resolution: 120dpi) and (max-width: 767.9px) and (max-height: 1023.9px) {
    html.moniker-picker-expanded {
        overflow: hidden !important
    }
}

@media screen and (min-width: 768px), print {
    html:not(.apiBrowserPage) .content .moniker-picker {
        display: none
    }
}

html.namespacelistpage .nsformHolder {
    margin: 24px 0 48px;
    display: table
}

html.namespacelistpage .nsformHolder form {
    display: table-cell
}

html.namespacelistpage .nsformHolder .nsformActions {
    padding-left: 12px;
    display: table-cell
}

html.namespacelistpage .mx-namespaceForm input {
    height: 36px;
    min-width: 250px;
    padding: 0 10px;
    font-size: .87rem;
    line-height: 1.8
}

html.namespacelistpage .emptyFilterMessage {
    display: none
}

html.namespacelistpage .prerelease {
    color: var(--theme-danger-base);
    font-weight: 600
}

#main {
    position: relative
}

.skip-to-main-link {
    z-index: 1070 !important
}

#headerAreaHolder {
    border-bottom: 1px solid var(--theme-border);
    line-height: normal
}

@media screen and (min-width: 768px), print {
    .profile img.profile-img {
        margin-top: 24px
    }
}

.profile .connect {
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    list-style-type: none;
    display: flex
}

.profile .connect li {
    list-style: none
}

@media screen and (min-width: 768px), print {
    .profile .connect {
        flex-flow: wrap
    }

    .profile .connect li:not(:first-child):before {
        content: "|";
        margin: 0 8px
    }

    .profile .connect li:nth-child(n+8) {
        display: none
    }
}

.map-mode-container .map {
    width: 100%;
    height: calc(100vh - 66px);
    margin-top: 12px
}

@media screen and (min-width: 768px), print {
    .map-mode-container .map {
        height: 70vh
    }
}

html.profilelist .columns-reverse {
    flex-direction: row-reverse
}

html.profilelist .profile-list .profiles-container .profile-component {
    box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);
    align-items: center;
    padding: 1rem
}

html.profilelist .profile-list .profiles-container .profile-component p, html.profilelist .profile-list .profiles-container .profile-component a {
    color: var(--theme-text-subtle)
}

html.profilelist .filter-list {
    box-sizing: border-box;
    color: var(--theme-text);
    width: calc(100% - 16px);
    margin-top: 12px;
    padding: 8px;
    font-size: 1.2rem
}

@media screen and (min-width: 768px), print {
    html.profilelist .filter-list {
        max-width: 40%
    }
}

html.profilelist .map-mode-container .map {
    height: calc(100vh - 66px)
}

@media screen and (min-width: 768px), print {
    html.profilelist .map-mode-container .map {
        height: 70vh
    }
}

html.profilelist .map-mode-container .map-infobox {
    background-color: var(--theme-body-background);
    width: 300px;
    box-sizing: border-box;
    position: relative
}

html.profilelist .map-mode-container .map-infobox:after, html.profilelist .map-mode-container .map-infobox:before {
    width: 0;
    height: 0;
    pointer-events: none;
    content: " ";
    border-style: solid solid outset;
    border-color: #0000;
    display: block;
    position: absolute;
    top: 11px;
    left: -16px;
    right: 100%
}

html.profilelist .map-mode-container .map-infobox:after {
    border-width: 7px;
    border-right-color: var(--theme-body-background);
    margin-top: 1px;
    margin-left: 2px
}

html.profilelist .map-mode-container .map-infobox:before {
    border-width: 8px;
    border-right-color: var(--theme-border)
}

html.profilelist .map-mode-container .map-infobox:after, html.profilelist .map-mode-container .map-infobox:before {
    position: absolute;
    top: calc(50% - 11px);
    left: -15px
}

html.profilelist .map-mode-container .map-infobox ul {
    background-color: var(--theme-body-background);
    width: 100%;
    max-height: 370px;
    border: 1px solid var(--theme-border);
    margin: 0;
    overflow-x: hidden
}

html.profilelist .map-mode-container .map-infobox ul li {
    border-top: 1px solid var(--theme-border);
    height: 90px;
    width: 90%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    display: flex
}

html.profilelist .map-mode-container .map-infobox ul li > a {
    width: 33%;
    justify-content: center;
    align-items: center;
    display: flex
}

html.profilelist .map-mode-container .map-infobox ul li > a img {
    width: 75%;
    height: 75%;
    border-radius: 50%
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text {
    width: 66%
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text h3, html.profilelist .map-mode-container .map-infobox ul li .profile-text p, html.profilelist .map-mode-container .map-infobox ul li .profile-text a {
    color: var(--theme-text);
    margin: 0
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text h3 {
    font-size: 1rem
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text p {
    font-size: .875rem
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text .twitter:before {
    content: "@"
}

html.profilelist .map-mode-container .map-infobox ul li .profile-text .tagline {
    color: var(--theme-text-subtle);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.quiz-question-title p {
    display: inline
}

.quiz-choice {
    background-color: var(--theme-body-background-medium);
    cursor: pointer;
    border: 1px solid #0000;
    border-radius: .25rem;
    align-items: center
}

@media screen and (min-width: 768px), print {
    .quiz-choice {
        background-color: #0000;
        border-radius: 1rem
    }
}

.quiz-choice:hover {
    box-shadow: 0 0 5px 0 var(--theme-box-shadow-light);
    background-color: #0000;
    border-color: #0000
}

.quiz-choice.is-focused, .quiz-choice.is-focused:hover {
    box-shadow: 0 0 5px 0 var(--theme-primary-base);
    background-color: #0000;
    border-color: #0000;
    outline: none !important
}

.quiz-choice.is-selected, .quiz-choice.is-selected:hover {
    background-color: var(--theme-primary-background);
    border-color: var(--theme-primary-base)
}

.quiz-choice.is-incorrect, .quiz-choice.is-incorrect:hover {
    background-color: var(--theme-danger-background);
    border-color: var(--theme-danger-base);
    color: var(--theme-text) !important;
    margin-bottom: 0 !important
}

.quiz-choice.is-incorrect + .quiz-choice-explanation, .quiz-choice.is-incorrect:hover + .quiz-choice-explanation {
    color: var(--theme-danger-base);
    display: flex;
    padding-left: 0 !important
}

.quiz-choice.is-incorrect + .quiz-choice-explanation > p, .quiz-choice.is-incorrect:hover + .quiz-choice-explanation > p {
    margin-top: 0 !important
}

.quiz-choice.is-incorrect + .quiz-choice-explanation > p code, .quiz-choice.is-incorrect:hover + .quiz-choice-explanation > p code {
    color: var(--theme-text)
}

.quiz-choice.is-incorrect + .quiz-choice-explanation:before, .quiz-choice.is-incorrect:hover + .quiz-choice-explanation:before {
    content: "锛";
    color: var(--theme-danger-base);
    margin-right: .5rem;
    font-family: docons
}

.quiz-choice.is-correct, .quiz-choice.is-correct:hover {
    background-color: var(--theme-success-background);
    border-color: var(--theme-success-base);
    margin-bottom: 0 !important
}

.quiz-choice.is-correct + .quiz-choice-explanation, .quiz-choice.is-correct:hover + .quiz-choice-explanation {
    color: var(--theme-success-base);
    display: flex;
    padding-left: 0 !important
}

.quiz-choice.is-correct + .quiz-choice-explanation > p, .quiz-choice.is-correct:hover + .quiz-choice-explanation > p {
    margin-top: 0 !important
}

.quiz-choice.is-correct + .quiz-choice-explanation > p code, .quiz-choice.is-correct:hover + .quiz-choice-explanation > p code {
    color: var(--theme-text)
}

.quiz-choice.is-correct + .quiz-choice-explanation:before, .quiz-choice.is-correct:hover + .quiz-choice-explanation:before {
    content: "锛";
    color: var(--theme-success-base);
    margin-right: .5rem;
    font-family: docons
}

.quiz-choice p {
    margin: 0
}

.quiz-choice-explanation {
    display: none
}

.quiz-choice-explanation p {
    margin: 0
}

.quiz-modal-image {
    background-image: url(/tempFile/sdk/quiz-complete.9e5b011a.svg);
    background-position: calc(50% - 24px);
    background-repeat: no-repeat
}

.summaryHolder {
    display: flex
}

.summaryHolder > img {
    height: 64px;
    flex-shrink: 1;
    flex-basis: max-content;
    margin-right: .5rem
}

.summaryHolder > .summary {
    flex: 1
}

.metadata.operation-id {
    margin-top: -12px
}

.example-block {
    margin-top: 16px
}

.example-block h4 {
    margin: 0;
    padding: 8px 0 0
}

.example-block .metadata {
    padding: 0
}

html.restpage .content ul li {
    list-style-type: none
}

html.restpage ul.type-list {
    margin: 0
}

.rest-tryit-form {
    width: 100%;
    height: 100%;
    background-color: var(--theme-body-background-medium);
    overflow: auto
}

.rest-tryit-form h3 {
    margin-top: 0;
    font-size: 1rem;
    font-weight: 600
}

.rest-tryit-form .signin-section {
    background-color: var(--theme-body-background);
    border-top: 1px solid var(--theme-border)
}

.rest-tryit-form .request-section .small, .rest-tryit-form .response-section .small {
    font-size: .75rem
}

.rest-tryit-form .request-section .tall, .rest-tryit-form .response-section .tall {
    min-height: 200px
}

.rest-tryit-form .request-section .action:before, .rest-tryit-form .response-section .action:before {
    margin-left: 3px
}

.rest-tryit-form .request-section > :not(hr):not(.is-success):not(.button-success), .rest-tryit-form .response-section > :not(hr):not(.is-success):not(.button-success) {
    margin: 0;
    padding: 12px 24px
}

@media screen and (min-width: 640px) {
    .rest-tryit-form .request-section > :not(hr):not(.is-success):not(.button-success), .rest-tryit-form .response-section > :not(hr):not(.is-success):not(.button-success) {
        padding: 12px 52px 30px
    }
}

.rest-tryit-form .subscription-id {
    padding: 0 5px
}

.rest-tryit-form .signin-section {
    padding: 24px 52px;
    display: block
}

@media screen and (min-width: 640px) {
    .rest-tryit-form .signin-section {
        padding: 24px 52px
    }
}

@media screen and (max-width: 640px) {
    .rest-tryit-form .signin-section {
        padding: 24px;
        display: block
    }
}

.rest-tryit-form .signin-section > h2 {
    margin: 0;
    font-size: 1.75rem
}

.rest-tryit-form .request-section > :not(.is-success):not(.button-success) {
    border-top: 1px solid var(--theme-border)
}

.rest-tryit-form .request-section .textarea {
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 32px
}

.rest-tryit-form .request-section .url-group {
    width: 100%;
    min-height: 45px;
    flex-direction: row;
    align-items: stretch;
    margin-bottom: 24px;
    display: flex
}

.rest-tryit-form .request-section .url-group .http-verb {
    border: 1px solid var(--theme-border);
    color: var(--theme-text);
    border-radius: 0;
    outline: none;
    justify-content: center;
    align-items: center;
    margin-right: .25em;
    padding: 0 .75em;
    display: flex
}

.rest-tryit-form .request-section .url-group .url-input {
    flex-grow: 1;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: 90%
}

html.theme-dark .rest-tryit-form .request-section .url-group .url-input {
    border-color: var(--theme-text-subtle)
}

.rest-tryit-form .request-section .request-body {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
    line-height: 19px
}

.rest-tryit-form .request-section .param-heading {
    text-align: right;
    padding: 1.5em 0 .5em 1.5em
}

.rest-tryit-form .request-section .param-name {
    text-align: right;
    justify-content: flex-end;
    align-self: flex-start;
    padding: .5em 0 .5em 1.5em
}

.rest-tryit-form .request-section .param-name label {
    line-height: 2.5
}

.rest-tryit-form .request-section .param-name input {
    text-align: right
}

.rest-tryit-form .request-section .param-value {
    align-self: flex-start;
    padding: .5em 0 .5em 1em
}

.rest-tryit-form .request-section .add-button, .rest-tryit-form .request-section .delete-button {
    padding-top: .5em
}

.rest-tryit-form .request-section .add-button .button, .rest-tryit-form .request-section .delete-button .button {
    background-color: var(--theme-body-background-medium);
    border: none
}

.rest-tryit-form .request-section .add-button .button.is-transparent:hover, .rest-tryit-form .request-section .delete-button .button.is-transparent:hover {
    border-color: none
}

.rest-tryit-form .request-section .docon {
    display: flex
}

.rest-tryit-form .request-section .error-message {
    color: var(--theme-danger-base);
    width: 100%;
    text-align: right;
    padding-top: 5px;
    padding-left: 5px;
    font-size: .875rem
}

.rest-tryit-form .request-section .action {
    border: 0 solid var(--theme-border);
    color: var(--theme-text-subtle);
    cursor: pointer;
    background-color: #0000;
    align-items: center;
    padding: 8px;
    line-height: normal;
    display: flex
}

.rest-tryit-form .request-section .action:after {
    width: .8rem;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block
}

.rest-tryit-form .response-section {
    background-color: var(--theme-body-background);
    border-top: 1px solid var(--theme-border)
}

.rest-tryit-form .response-section h2 {
    padding-top: 24px
}

.rest-tryit-form .response-section pre > code {
    padding: 24px
}

.rest-tryit-form .response-section .status-success {
    color: var(--theme-success-base);
    font-weight: 600
}

.rest-tryit-form .response-section .status-warning {
    color: var(--theme-warning-base);
    font-weight: 600
}

.rest-tryit-form .response-section .status-fail {
    color: var(--theme-danger-base);
    font-weight: 600
}

.tabGroup {
    margin-top: 1rem
}

.tabGroup ul[role=tablist] {
    border-bottom: 1px solid var(--theme-border);
    margin: 0;
    padding: 4px 0 0;
    list-style: none;
    display: flex
}

.tabGroup ul[role=tablist] > li {
    list-style: none;
    display: inline-block
}

.tabGroup a[role=tab] {
    box-sizing: border-box;
    color: var(--theme-text-subtle);
    border: 0;
    margin-bottom: -1px;
    padding: 8px 7px 4px;
    font-size: .875rem;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.tabGroup a[role=tab][aria-selected=true] {
    color: var(--theme-text);
    border-width: 4px 1px 1px;
    border-left-color: var(--theme-border);
    border-right-color: var(--theme-border);
    border-bottom-color: var(--theme-body-background);
    border-top-color: var(--theme-primary-base);
    border-style: solid;
    padding-top: 4px;
    padding-left: 6px;
    padding-right: 6px
}

.tabGroup a[role=tab]:hover:not([aria-selected=true]) {
    background-color: var(--theme-body-background-medium);
    color: var(--theme-primary-base)
}

@media (min-width: 576px) {
    .tabGroup a[role=tab] {
        padding-left: 15px;
        padding-right: 15px
    }

    .tabGroup a[role=tab][aria-selected=true] {
        padding-left: 14px;
        padding-right: 14px
    }
}

.tabGroup section[role=tabpanel] {
    box-sizing: border-box;
    border: 1px solid var(--theme-border);
    border-top: none;
    padding: 15px
}

.tabGroup section[role=tabpanel] > :first-child {
    margin-top: 0
}

.tabGroup section[role=tabpanel] > pre:last-child {
    display: block
}

.pre-ignite-banner {
    color: #000;
    background-color: #fde8fd;
    background-image: url(https://learn.microsoft.com/en-us/media/event-banners/banner-ignite-2023-flatcolor.png?branch=live);
    background-repeat: no-repeat;
    background-size: cover;
    outline-color: #000
}

@media screen and (min-width: 768px), print {
    .pre-ignite-banner {
        background-position-x: unset
    }
}

@media screen and (min-width: 1088px) {
    .pre-ignite-banner {
        background-position: 100%
    }
}

body[dir=rtl] .pre-ignite-banner, body[dir=rtl] .pre-ignite-banner .uhf-container {
    transform: scaleX(-1)
}

body[dir=rtl] .pre-ignite-banner button[data-dismiss] {
    inset-inline-start: 0
}

html.tutorial .tutorial-row-aside {
    margin-top: 24px
}

html.tutorial.ap-layout .tutorial-row-aside, html.tutorial.hasPageActions .tutorial-row-aside, html.tutorial.is-chromeless .tutorial-row-aside {
    display: none
}

@media screen and (min-width: 1800px) {
    html.tutorial .tutorial-row {
        flex-flow: row;
        display: flex
    }

    html.tutorial .tutorial-row-main {
        width: calc(100% - 300px);
        flex: 0 calc(100% - 300px)
    }

    html.tutorial .tutorial-row-aside {
        flex: 0 0 300px;
        margin-top: 0;
        margin-left: 24px
    }
}

html.tutorial .tutorial-nav {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 48px;
    display: flex
}

html.tutorial .content[dir=rtl] .tutorial-nav {
    flex-direction: row-reverse
}

html.tutorial .tutorial-nav-button {
    min-width: 80px;
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 6px 8px
}

@media screen and (min-width: 768px), print {
    html.tutorial .tutorial-nav-button {
        padding: 6px 24px
    }
}

html.tutorial .tutorial-nav-description {
    color: var(--theme-text-subtle);
    border-style: solid;
    border-color: var(--theme-border);
    text-align: center;
    border-width: 1px 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 4px 8px
}

html.tutorial .tutorial-nav-description:first-child {
    border-left-width: 1px
}

html.tutorial .tutorial-nav-description:last-child {
    border-right-width: 1px
}

html.tutorial .tutorial-nav-button-previous {
    color: var(--theme-primary-base);
    border: 1px solid var(--theme-border)
}

html.tutorial .tutorial-nav-button-previous:visited {
    color: var(--theme-primary-base)
}

html.tutorial .tutorial-nav-button-next {
    color: var(--theme-primary-invert);
    background-color: var(--theme-primary-base)
}

html.tutorial .tutorial-nav-button-next:hover, html.tutorial .tutorial-nav-button-next:visited {
    color: var(--theme-primary-invert)
}

@media screen and (min-width: 768px), print {
    html.tutorial .tutorial-card-group {
        flex-direction: row;
        align-items: stretch;
        display: flex
    }

    html.tutorial .tutorial-card-group .tutorial-card {
        max-width: 300px;
        flex-direction: column;
        flex-shrink: 1;
        flex-basis: 50%;
        display: flex
    }

    html.tutorial .tutorial-card-group .tutorial-card:last-child {
        border-left-width: 0
    }

    html.tutorial .tutorial-card-group .tutorial-card-body {
        flex-direction: column;
        flex-grow: 1;
        display: flex
    }

    html.tutorial .tutorial-card-group .tutorial-card-body > p:last-of-type {
        flex-grow: 1
    }
}

html.tutorial .tutorial-card {
    border: 1px solid var(--theme-border);
    margin-top: 24px
}

html.tutorial .tutorial-card.launch-interactive-card {
    margin-top: 0
}

html.tutorial .tutorial-card-header {
    background-color: var(--theme-body-background-medium);
    border-bottom: 1px solid var(--theme-border);
    padding: 8px 16px
}

html.tutorial .tutorial-card-body {
    padding: 16px 16px 0
}

html.tutorial .tutorial-card-body > * {
    margin: 0 0 16px !important
}

html.tutorial .tutorial-toc {
    box-sizing: border-box;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: .875rem
}

html.tutorial .tutorial-toc li {
    box-sizing: border-box;
    align-items: center;
    padding: 0;
    display: block
}

html.tutorial .tutorial-toc a {
    box-sizing: content-box;
    color: var(--theme-text);
    align-items: center;
    padding: 6px 0;
    line-height: normal;
    display: flex;
    margin: 0 !important
}

html.tutorial .tutorial-toc a span {
    margin: 0 !important
}

html.tutorial .tutorial-toc .check-mark {
    width: 18px;
    height: 18px;
    visibility: hidden;
    fill: var(--theme-success-base);
    flex-shrink: 0;
    padding: 0 10px
}

html.tutorial .tutorial-toc .completed-step .check-mark {
    visibility: visible
}

html.tutorial .tutorial-toc .active-step a {
    background-color: var(--theme-secondary-background);
    font-weight: 600
}

html.tutorial .tutorial-feedback > .modal-card {
    width: 800px !important
}

html.episode .vjs-poster img, html.eventsession .vjs-poster img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

html.episode .amp-default-skin .vjs-control-bar, html.eventsession .amp-default-skin .vjs-control-bar {
    bottom: -35px !important
}

html.episode .vjs-fullscreen .vjs-control-bar, html.eventsession .vjs-fullscreen .vjs-control-bar {
    bottom: 0 !important
}

html.episode .vjs-fullscreen .vjs-tech, html.eventsession .vjs-fullscreen .vjs-tech {
    height: 95% !important
}

html.episode #video-holder, html.eventsession #video-holder {
    width: 100%;
    height: 0;
    padding-bottom: 56.25% !important
}

html.episode #video-element, html.eventsession #video-element {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0 !important
}

/*# sourceMappingURL=site-ltr.css.map */
<!--0.0010180473327637-->