.CodeMirror {
        color: #000;
        direction: ltr;
        height: 300px;
        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 {
        text-align: right;
        color: #999;
        white-space: nowrap;
        min-width: 20px;
        padding: 0 3px 0 5px
    }
    
    .CodeMirror-guttermarker {
        color: #000
    }
    
    .CodeMirror-guttermarker-subtle {
        color: #999
    }
    
    .CodeMirror-cursor {
        border-left: 1px solid #000;
        border-right: none;
        width: 0
    }
    
    .CodeMirror div.CodeMirror-secondarycursor {
        border-left: 1px solid silver
    }
    
    .cm-fat-cursor .CodeMirror-cursor {
        background: #7e7;
        width: auto;
        border: 0!important
    }
    
    .cm-fat-cursor div.CodeMirror-cursors {
        z-index: 1
    }
    
    .cm-fat-cursor .CodeMirror-line::selection {
        background: 0 0
    }
    
    .cm-fat-cursor .CodeMirror-line>span::selection {
        background: 0 0
    }
    
    .cm-fat-cursor .CodeMirror-line>span>span::selection {
        background: 0 0
    }
    
    .cm-fat-cursor .CodeMirror-line::-moz-selection {
        background: 0 0
    }
    
    .cm-fat-cursor .CodeMirror-line>span::-moz-selection {
        background: 0 0
    }
    
    .cm-fat-cursor .CodeMirror-line>span>span::-moz-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 {
        z-index: 0;
        outline: none;
        height: 100%;
        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 {
        z-index: 3;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    
    .CodeMirror-gutter {
        white-space: normal;
        vertical-align: top;
        height: 100%;
        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 {
        visibility: hidden;
        width: 100%;
        height: 0;
        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 {
        background: #d7d4f0
    }
    
    .CodeMirror-line>span::selection {
        background: #d7d4f0
    }
    
    .CodeMirror-line>span>span::selection {
        background: #d7d4f0
    }
    
    .CodeMirror-line::-moz-selection {
        background: #d7d4f0
    }
    
    .CodeMirror-line>span::-moz-selection {
        background: #d7d4f0
    }
    
    .CodeMirror-line>span>span::-moz-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 {
        z-index: 9;
        height: auto;
        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 {
        -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;
        min-height: 2.25em;
        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: "";
        border-top-color: #0000;
        border-right-color: #0000;
        border-radius: 290486px;
        width: 1em;
        height: 1em;
        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;
        vertical-align: top;
        background-color: #0000;
        border: none;
        border-radius: 290486px;
        outline: none;
        flex-grow: 0;
        flex-shrink: 0;
        width: 20px;
        min-width: 20px;
        max-width: 20px;
        height: 20px;
        min-height: 20px;
        max-height: 20px;
        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 {
        width: 16px;
        min-width: 16px;
        max-width: 16px;
        height: 16px;
        min-height: 16px;
        max-height: 16px
    }
    
    .delete-md.modal-card-close-button,.delete-md.modal-close-button,.delete-md.delete {
        width: 24px;
        min-width: 24px;
        max-width: 24px;
        height: 24px;
        min-height: 24px;
        max-height: 24px
    }
    
    .delete-lg.modal-card-close-button,.delete-lg.modal-close-button,.delete-lg.delete {
        width: 32px;
        min-width: 32px;
        max-width: 32px;
        height: 32px;
        min-height: 32px;
        max-height: 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,article a:not([class]):not(.button):not(.nav-bar-button).redirect:after,article a[class=""]:not(.button):not(.nav-bar-button).redirect:after,article a:focus-visible:not(.button):not(.nav-bar-button).redirect:after,article 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,article 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,article 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,article a:not([class]):not(.button):not(.nav-bar-button).redirect:after,article a[class=""]:not(.button):not(.nav-bar-button).redirect:after,article a:focus-visible:not(.button):not(.nav-bar-button).redirect:after,article 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,article 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,article 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,article a:not([class]):not(.button):not(.nav-bar-button).redirect:after,article a[class=""]:not(.button):not(.nav-bar-button).redirect:after,article a:focus-visible:not(.button):not(.nav-bar-button).redirect:after,article 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,article 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,article 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,article a:not([class]):not(.button):not(.nav-bar-button).redirect:after,article a[class=""]:not(.button):not(.nav-bar-button).redirect:after,article a:focus-visible:not(.button):not(.nav-bar-button).redirect:after,article 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,article 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,article 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,article a:not([class]):not(.button):not(.nav-bar-button).redirect:after,article a[class=""]:not(.button):not(.nav-bar-button).redirect:after,article a:focus-visible:not(.button):not(.nav-bar-button).redirect:after,article 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,article 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,article 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 {
        border-style: none;
        padding: 0
    }
    
    [type=button]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }
    
    [type=reset]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }
    
    [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }
    
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }
    
    [type=button]:-moz-focusring {
        outline: 1px dotted ButtonText
    }
    
    [type=reset]:-moz-focusring {
        outline: 1px dotted ButtonText
    }
    
    [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }
    
    fieldset {
        padding: .35em .75em .625em
    }
    
    legend {
        box-sizing: border-box;
        color: inherit;
        white-space: normal;
        max-width: 100%;
        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 {
        height: auto
    }
    
    [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 {
        max-width: 100%;
        height: auto
    }
    
    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,: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
    }
    
    :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!important
    }
    
    .aspect-ratio-2-1 {
        aspect-ratio: 2!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.3
    }
    
    .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%);
        word-wrap: normal;
        border: 0;
        width: 1px;
        height: 1px;
        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-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 {
        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;
        max-width: 100%;
        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 {
        grid-area: icon;
        width: 3rem;
        height: 3rem;
        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 {
            flex-grow: 1;
            flex-shrink: 1;
            width: 100%
        }
    }
    
    .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 {
        border: .0625em solid var(--theme-control-border);
        border-radius: .125rem;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 1.25em;
        height: 1.25em;
        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%);
        word-wrap: normal;
        border: 0;
        width: 1px;
        height: 1px;
        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 {
        border: solid var(--theme-text-subtle);
        content: "";
        border-width: 0 .0625em .0625em 0;
        border-color: var(--theme-primary-invert);
        width: .3125em;
        height: .75em;
        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 {
        border: solid var(--theme-text-subtle);
        content: "";
        border-width: 0 .0625em .0625em 0;
        border-color: var(--theme-primary-invert);
        width: .3125em;
        height: .75em;
        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 {
        border: solid var(--theme-text-subtle);
        content: "";
        border-width: 0 .0625em .0625em 0;
        width: .3125em;
        height: .75em;
        display: block;
        position: absolute;
        inset-block-start: .125em;
        transform: rotate(45deg)
    }
    
    .input {
        border-color: var(--theme-control-border);
        background-color: var(--theme-body-background);
        width: 100%;
        max-width: 100%;
        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 {
        color: #0000;
        z-index: 1000;
        background: 0 0;
        width: 1.5em;
        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;
        color: var(--theme-text-subtle);
        pointer-events: none;
        z-index: 4;
        width: 2.25em;
        height: 100%;
        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 {
        border-color: var(--theme-control-border);
        background-color: var(--theme-body-background);
        color: var(--theme-text);
        cursor: pointer;
        width: 100%;
        max-width: 100%;
        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 {
        transform-origin: 50%;
        border: 1px solid var(--theme-text);
        pointer-events: none;
        content: " ";
        z-index: 1;
        border-block-start:0;border-inline-end:0;width: .525em;
        height: .525em;
        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 {
        resize: vertical;
        border-color: var(--theme-control-border);
        background-color: var(--theme-body-background);
        width: 100%;
        max-width: 100%;
        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 {
        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;
        width: 1.25em;
        height: 1.25em;
        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 {
            content: "";
            border-radius: 290486px;
            width: .625em;
            height: .625em;
            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;
        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;
        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 {
        object-fit: cover;
        width: 100%;
        height: 100%
    }
    
    .hero.hero-image:before {
        background-image: var(--hero-background-image);
        content: " ";
        background-repeat: no-repeat;
        background-size: cover;
        width: calc(55% - 17.6px);
        height: 100%;
        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.image-fullwidth {
        object-fit: cover;
        width: 100%;
        height: auto;
        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 {
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        gap: 1rem;
        height: max-content;
        margin-block:1rem}
    
    .scroll-snap-item {
        scroll-snap-align: center;
        flex-basis: 90%;
        min-width: 80%;
        height: auto
    }
    
    .popover {
        display: inline-block;
        position: relative
    }
    
    .popover summary {
        list-style: none
    }
    
    .popover summary::-webkit-details-marker {
        display: none
    }
    
    .popover .popover-content {
        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;
        width: 224px;
        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 {
        border-collapse: collapse;
        table-layout: auto;
        width: 100%;
        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 {
        border: .065em solid var(--theme-text-subtle);
        background-color: var(--theme-body-background);
        cursor: pointer;
        border-radius: 290486px;
        width: 2.5em;
        height: 1.25em;
        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 {
        background-color: var(--theme-text-subtle);
        content: "";
        border-radius: 290486px;
        width: .75em;
        height: .75em;
        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%);
        word-wrap: normal;
        border: 0;
        width: 1px;
        height: 1px;
        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 {
        border: 0;
        border-radius: 290486px;
        grid-area: dismiss;
        width: 1em;
        height: 1em;
        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 {
        border: 0;
        border-radius: 290486px;
        grid-area: dismiss;
        width: 1em;
        height: 1em;
        margin-inline-start:.25rem;padding: 0
    }
    
    .persona {
        gap: .5rem;
        font-size: .875rem;
        line-height: 1.3;
        display: flex;
        position: relative
    }
    
    .persona .persona-avatar {
        background-color: var(--theme-alternate-background-medium);
        color: var(--theme-text-invert);
        border-radius: 290486px;
        flex-shrink: 0;
        width: 2.6666em;
        height: 2.6666em
    }
    
    .persona .persona-avatar img,.persona .persona-avatar svg {
        aspect-ratio: 1;
        border-radius: 290486px;
        width: 100%;
        height: auto
    }
    
    .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;
        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%);
        word-wrap: normal;
        border: 0;
        width: 1px;
        height: 1px;
        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%);
            word-wrap: normal;
            border: 0;
            width: 1px;
            height: 1px;
            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%);
            word-wrap: normal;
            border: 0;
            width: 1px;
            height: 1px;
            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%);
            word-wrap: normal;
            border: 0;
            width: 1px;
            height: 1px;
            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%);
            word-wrap: normal;
            border: 0;
            width: 1px;
            height: 1px;
            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%);
            word-wrap: normal;
            border: 0;
            width: 1px;
            height: 1px;
            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 {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        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 {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 125px;
        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: "";
        z-index: -1;
        width: 100%;
        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);
        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 {
        width: 10px;
        height: 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(background-image-pattern-plus.1ce6f23b.svg)
    }
    
    .background-image-pattern-pixie-sticks {
        --background-image-pattern: url(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 {
            width: 297mm;
            height: 210mm
        }
    
        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(docons.419ede5e.eot);
        src: url(docons.419ede5e.eot)format("embedded-opentype"),url(docons.28d69bd4.woff2)format("woff2"),url(docons.5b63ee50.woff)format("woff"),url(docons.48ba0215.ttf)format("truetype");
        font-weight: 400;
        font-style: normal
    }
    
    @font-face {
        font-family: SegoeUI;
        font-display: block;
        src: url(/public/third-party/SegoeUI-Roman-VF_web.woff2)format("woff2"),url(/public/third-party/SegoeUI-Roman-VF_web.woff)format("woff"),url(/public/third-party/SegoeUI-Roman-VF_web.ttf)format("ttf");
        font-weight: 100 700
    }
    
    @font-face {
        font-family: SegoeUI;
        font-display: block;
        src: url(/public/third-party/latest.eot);
        src: url(/public/third-party/latest.woff2)format("woff2"),url(/public/third-party/latest.woff)format("woff"),url(/public/third-party/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
    }
    
    td:not([align]),th:not([align]) {
        text-align: left
    }
    
    .vector-icon {
        fill: currentColor;
        forced-color-adjust: auto;
        width: 14px;
        height: 14px;
        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 {
        width: 100%;
        max-width: 640px;
        position: relative;
        overflow: hidden
    }
    
    div.embeddedvideo:before {
        content: "";
        z-index: -1;
        width: 100%;
        height: 0;
        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);
        border-bottom: 0;
        flex-direction: row;
        min-height: 30px;
        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
    }
    
    article :not(.codeHeader)+pre>code {
        margin-top: -16px
    }
    
    article :not(.codeHeader)+pre>code:before {
        box-sizing: border-box;
        content: " ";
        color: var(--theme-text);
        background-color: var(--theme-code-header);
        border-bottom: 1px solid var(--theme-border);
        height: 31px;
        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 {
        float: left;
        width: 50%;
        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 {
        color: var(--theme-text);
        min-width: calc(100% + 2rem);
        min-height: 18.9px;
        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 {
        border: none;
        min-width: 0
    }
    
    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 {
        -webkit-appearance: none
    }
    
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    
    input::-ms-clear {
        display: none
    }
    
    option {
        margin: 0;
        padding: 0
    }
    
    hr {
        border-style: solid;
        border-width: 1px 0 0;
        border-color: var(--theme-border);
        height: 0
    }
    
    .clearFix:after {
        content: ".";
        visibility: hidden;
        clear: both;
        height: 0;
        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;
        outline-color: var(--theme-text);
        min-height: 100vh;
        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);
        flex-direction: column;
        flex: 100%;
        min-height: 100vh;
        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 {
            width: 100%!important;
            max-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
        }
    }
    
    article img {
        border: 0
    }
    
    article img,article video {
        max-width: 100%;
        height: auto
    }
    
    article img,article audio,article canvas,article progress,article video {
        vertical-align: baseline;
        display: inline-block
    }
    
    article audio:not([controls]) {
        height: 0;
        display: none
    }
    
    article svg:not(:root) {
        overflow: hidden
    }
    
    article ul ul {
        margin: 0 0 0 20px
    }
    
    article ul ul>li {
        list-style-type: circle;
    }
    
    article ul ul ul>li {
        list-style-type: square
    }
    
    article ol ol {
        margin: 0 0 0 20px
    }
    
    article ol ol>li {
        list-style-type: lower-alpha
    }
    
    article ol ol ol>li {
        list-style-type: lower-roman
    }
    
    article h1:first-of-type {
        margin-top: -10px;
        margin-bottom: 0
    }
    
    article h2,article h3,article h4,article h5,article h6 {
        margin-top: 10px;
        margin-bottom: 12px;
        line-height: 1.3
    }
    
    article h1,article 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
    }
    
    article h2 {
        margin-top: 32px;
        font-size: clamp(1.59375rem,18.7895px + 1.39803vw,2.125rem)
    }
    
    article h3 {
        margin-top: 30px;
        margin-bottom: 18px;
        font-size: clamp(1.3125rem,15.4737px + 1.15132vw,1.75rem)
    }
    
    article h4 {
        margin-top: 36px;
        margin-bottom: 6px;
        font-size: clamp(1.125rem,13.2632px + .986842vw,1.5rem)
    }
    
    article h5 {
        letter-spacing: 1px;
        margin-top: 36px;
        margin-bottom: 6px;
        font-size: clamp(1.1rem,15.7053px + .394737vw,1.25rem)
    }
    
    article h6 {
        letter-spacing: 1px;
        margin-top: 36px;
        margin-bottom: 6px;
        font-size: clamp(1.05rem,15.8526px + .197368vw,1.125rem)
    }
    
    article p {
        word-wrap: break-word;
        margin-top: 1rem;
        margin-bottom: 0
    }
    
    article 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
    }
    
    article blockquote footer {
        color: var(--theme-text-subtle);
        font-size: .9em
    }
    
    article ul.clean,article ol.clean {
        margin: 0 0 16px;
        padding: 0
    }
    
    article ul,article ol {
        margin: 16px 0 16px 38px
    }
    
    article ul>li,article ol>li {
        list-style: disc
    }
    
    article ul>li>ul>li {
        list-style-type: circle
    }
    
    article ol>li {
        list-style-type: decimal
    }
    
    article .checklist>ul {
        margin-left: 1rem
    }
    
    article .checklist>ul>li {
        margin-left: 1em;
        list-style-type: none;
        position: relative
    }
    
    article .checklist>ul>li:before {
        content: "＂";
        color: var(--theme-success-base);
        width: 1em;
        height: 1em;
        font-family: docons;
        display: inline-block;
        position: absolute;
        left: -1.5em
    }
    
    article table {
        margin-top: 1rem
    }
    
    article td>ul:first-child {
        margin-top: 0
    }
    
    article[lang^=zh] th,article[lang^=ja] th,article[lang^=ko] th {
        white-space: nowrap
    }
    
    article 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%);
        z-index: 100;
        width: 100%;
        position: relative
    }
    
    .arrow:after {
        content: "";
        border-inline:30px solid #0000;border-block-end:30px solid var(--arrow-color,#243a5e);width: 0;
        height: 0;
        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;
        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);
        min-width: 100%;
        max-width: 100%;
        max-height: 18rem;
        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
    }
    
    article .notebooks-main-toolbar-container {
        border: 1px solid var(--theme-text-subtle)!important
    }
    
    article #jupyter-notebook {
        margin-top: 32px!important
    }
    
    article #jupyter-notebook .notebook-container {
        overflow-y: hidden!important
    }
    
    article #jupyter-notebook .nteract-cell-outputs.cell-code-outputs code {
        background-color: #0000!important
    }
    
    .breadcrumbs-deprecated {
        background: var(--theme-body-background-medium);
        width: 100%;
        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 {
            background:0 0;
            width: auto;
            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 {
            flex-grow: 1;
            flex-shrink: 0;
            width: 100%
        }
    }
    
    .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 {
        flex-direction: column;
        width: 100%;
        height: 100%;
        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 {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%
    }
    
    .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 {
        border-radius: 100%;
        width: 16px;
        height: 16px;
        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) {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex
    }
    
    .modal-content {
        overflow-y: auto
    }
    
    @media screen and (min-width: 768px),print {
        .modal-content {
            width:auto;
            max-width: calc(100vw - 40px)
        }
    }
    
    .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 {
            border-radius:.375rem;
            width: 600px;
            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;
            border-radius: 0;
            width: 100%;
            max-width: 100vw;
            height: 100vh;
            max-height: 100%;
            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;
        width: 320px!important;
        max-width: 100%!important;
        max-height: 100vh!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 {
        width: 40px;
        height: 40px;
        position: fixed;
        top: 20px;
        right: 20px
    }
    
    .modal-card {
        flex-direction: column;
        max-height: calc(100vh - 40px);
        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 {
        background-image: url(modal-complete-plain.c6c870a4.svg);
        background-size: contain;
        min-height: 118px
    }
    
    .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 {
        flex: none;
        width: 100%
    }
    
    .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: "";
            border: 1px solid LinkText;
            background-color: LinkText;
            forced-color-adjust: none;
            border-radius: 290486px;
            width: .375em;
            height: .375em;
            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 {
        border-left: 3px solid var(--theme-border);
        width: 100%;
        padding: 0;
        display: inline-block
    }
    
    .nav-box .nav-box-line .line-item {
        text-align: left;
        width: 100%;
        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 article: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 article: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 {
        word-break: break-word;
        flex: auto;
        width: 100%
    }
    
    .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: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 {
        border-radius: 0;
        width: 100%
    }
    
    @media screen and (max-width: 767px),screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),screen and (min-resolution:120dpi) and (max-width:767.9px) {
        .tabs.is-fullwidth-mobile .tab-parent {
            flex-grow:1;
            flex-shrink: 0
        }
    
        .tabs.is-fullwidth-mobile .tab-control {
            border-radius: 0;
            width: 100%
        }
    }
    
    .tabs.is-toggle .tab-control {
        color: 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 {
        flex-shrink: 0;
        align-items: baseline;
        width: 1rem;
        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 {
        border-top: 2px solid var(--theme-secondary-base);
        border-bottom: 2px solid var(--theme-secondary-base);
        height: calc(100% - 100px);
        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: "";
        border-top: 1px solid var(--theme-secondary-base);
        width: 1000px;
        position: absolute;
        top: .65em
    }
    
    .divider-line .divider-line-label:before {
        right: 100%
    }
    
    .divider-line .divider-line-label:after {
        left: 100%
    }
    
    .nav-bar {
        box-sizing: border-box;
        justify-content: space-between;
        align-items: stretch;
        width: 100%;
        height: 54px;
        min-height: 54px;
        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: "";
        border-left: 2px solid var(--theme-text-subtle);
        height: 1.5rem;
        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 {
        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;
        min-width: 54px;
        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 {
        justify-content: flex-end;
        width: 100%;
        height: 100%
    }
    
    @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 {
        justify-content: flex-end;
        height: 100%;
        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 {
        cursor: pointer;
        border: none;
        width: 54px;
        height: 54px;
        padding: 0;
        display: block;
        position: relative;
        outline-offset: -.125rem!important
    }
    
    .nav-bar-burger span {
        transform-origin: 50%;
        border-top: 1px solid;
        width: 16px;
        height: 1px;
        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);
        border: 1px solid #0000;
        border-radius: 2px;
        align-self: center;
        height: 2.25em;
        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;
        width: 100%;
        height: 0;
        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);
        outline-color: var(--theme-text);
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
        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 {
        border: 1px solid var(--theme-border-white-high-contrast);
        border-top-right-radius: 0;
        border-bottom-left-radius: .375rem;
        min-width: 86px;
        height: auto;
        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 {
        width: auto;
        min-width: 86px;
        max-width: none;
        height: 100%;
        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;
        object-fit: fill!important;
        width: 150px!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 {
            border: 1px solid var(--theme-border-white-high-contrast);
            border-top-right-radius: 0;
            border-bottom-left-radius: .375rem;
            min-width: 86px;
            height: auto;
            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 {
            width: auto;
            min-width: 86px;
            max-width: none;
            height: 100%;
            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;
            object-fit: fill!important;
            width: 150px!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);
        flex-direction: column;
        flex-grow: 1;
        justify-content: flex-start;
        width: 100%;
        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 {
        background-color: var(--theme-body-background);
        width: 100vw
    }
    
    .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: "";
        border-top: 1px solid var(--theme-secondary-base);
        width: 100vw
    }
    
    .trophy-slide {
        margin-top: -50px!important
    }
    
    .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 {
        border-radius: 290486px;
        width: 1em;
        height: 1em;
        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);
        text-transform: uppercase;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        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,.details-summary-reverse {
        background-color: var(--theme-body-background);
        border-bottom: 1px solid var(--theme-border);
        cursor: pointer;
        padding: 1.5rem;
        padding-inline-end:4.5rem;font-weight: 600;
        display: block;
        position: relative;
        outline-offset: -.125rem!important
    }
    
    .details-summary:hover,.details-summary-reverse:hover {
        color: var(--theme-primary-base)
    }
    
    .details-summary:after,.details-summary-reverse:after {
        inset-inline-end: 2.5rem;
        transition: transform .15s;
        position: absolute;
        top: 1.5rem;
        content: "ï¼³"!important;
        font-family: docons!important
    }
    
    [open] .details-summary:after,[open] .details-summary-reverse:after {
        transform: rotateX(180deg)
    }
    
    .details-summary-reverse {
        padding-inline-start:4.5rem;padding-inline-end:revert}
    
    .details-summary-reverse:after {
        inset-inline-start: 2.5rem;
        inset-inline-end: revert
    }
    
    .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);
        align-items: center;
        min-height: 36px;
        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 {
        border-width: 4px;
        justify-content: space-between;
        align-items: normal;
        max-height: 100%;
        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 {
        background-color: var(--theme-border);
        justify-content: center;
        align-items: center;
        min-width: calc(100% + 1.5em);
        height: 18px;
        transition: background-color .8s .4s;
        display: flex;
        position: relative;
        top: 0;
        left: -1.5em
    }
    
    .xp-tag-hexagon:before {
        content: "";
        background-color: var(--theme-border);
        z-index: 1;
        width: 12px;
        height: 12px;
        transition: background-color .8s .4s;
        position: absolute;
        top: 3px;
        left: -6px;
        transform: rotate(45deg);
        border: none!important
    }
    
    .xp-tag-hexagon:after {
        content: "";
        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;
        width: 0;
        height: 0;
        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 {
        width: 25.4558px!important;
        height: 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 {
        width: 12.7279px!important;
        height: 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 {
        width: 9.8995px;
        height: 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 {
        width: 40px;
        min-width: 40px;
        height: 12px;
        display: flex;
        position: relative;
        left: auto
    }
    
    .xp-tag-small .xp-tag-hexagon:before {
        width: 8.48528px;
        height: 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 {
        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);
        width: auto;
        position: absolute;
        top: 100%
    }
    
    .has-centered-menu .dropdown-menu {
        white-space: normal;
        max-width: 90vw;
        left: 50%;
        transform: translate(-50%)
    }
    
    .dropdown-menu.has-overflow-auto {
        -webkit-overflow-scrolling: touch;
        max-height: 14rem;
        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 {
        pointer-events: none;
        content: " ";
        border-style: outset outset solid;
        border-color: #0000;
        width: 0;
        height: 0;
        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 {
        pointer-events: none;
        content: " ";
        border-style: outset outset solid;
        border-color: #0000;
        width: 0;
        height: 0;
        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 {
        flex-direction: column;
        height: auto;
        padding: 1em 3em
    }
    
    .file.is-boxed .file-name {
        border-width: 0 1px 1px
    }
    
    .file.is-boxed .file-icon {
        width: 1.5em;
        height: 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 {
        flex-grow: 1;
        max-width: none
    }
    
    .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 {
        inset-inline-start: 0;
        outline: none;
        width: .01em;
        height: .01em;
        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);
        text-align: left;
        text-overflow: ellipsis;
        border-style: solid;
        border-width: 1px 1px 1px 0;
        max-width: 16em;
        display: block;
        overflow: hidden
    }
    
    .file-icon {
        justify-content: center;
        align-items: center;
        width: 1em;
        height: 1em;
        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);
        pointer-events: none;
        z-index: 4;
        width: 2.25em;
        height: 2.25em;
        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);
        pointer-events: none;
        z-index: 4;
        width: 2.25em;
        height: 2.25em;
        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;
        z-index: 1000;
        background: 0 0;
        width: 1.5em;
        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%);
        word-wrap: normal;
        opacity: 0;
        border: 0;
        width: 1px;
        height: 1px;
        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: -.8375rem;
        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:-.8375rem;padding-inline-start:.8375rem;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 {
        width: 100%;
        height: auto;
        max-height: 100%;
        display: block
    }
    
    .image.is-fullwidth {
        object-fit: cover;
        width: 100%;
        height: auto;
        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 {
        width: 100%;
        height: 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 {
        width: 16px;
        height: 16px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-16x16-tablet {
            width:16px;
            height: 16px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-16x16-desktop {
            width:16px;
            height: 16px
        }
    }
    
    .image.is-max-16x16 {
        max-width: 16px;
        max-height: 16px
    }
    
    .image.is-24x24 {
        width: 24px;
        height: 24px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-24x24-tablet {
            width:24px;
            height: 24px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-24x24-desktop {
            width:24px;
            height: 24px
        }
    }
    
    .image.is-max-24x24 {
        max-width: 24px;
        max-height: 24px
    }
    
    .image.is-32x32 {
        width: 32px;
        height: 32px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-32x32-tablet {
            width:32px;
            height: 32px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-32x32-desktop {
            width:32px;
            height: 32px
        }
    }
    
    .image.is-max-32x32 {
        max-width: 32px;
        max-height: 32px
    }
    
    .image.is-36x36 {
        width: 36px;
        height: 36px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-36x36-tablet {
            width:36px;
            height: 36px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-36x36-desktop {
            width:36px;
            height: 36px
        }
    }
    
    .image.is-max-36x36 {
        max-width: 36px;
        max-height: 36px
    }
    
    .image.is-48x48 {
        width: 48px;
        height: 48px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-48x48-tablet {
            width:48px;
            height: 48px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-48x48-desktop {
            width:48px;
            height: 48px
        }
    }
    
    .image.is-max-48x48 {
        max-width: 48px;
        max-height: 48px
    }
    
    .image.is-64x64 {
        width: 64px;
        height: 64px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-64x64-tablet {
            width:64px;
            height: 64px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-64x64-desktop {
            width:64px;
            height: 64px
        }
    }
    
    .image.is-max-64x64 {
        max-width: 64px;
        max-height: 64px
    }
    
    .image.is-76x76 {
        width: 76px;
        height: 76px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-76x76-tablet {
            width:76px;
            height: 76px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-76x76-desktop {
            width:76px;
            height: 76px
        }
    }
    
    .image.is-max-76x76 {
        max-width: 76px;
        max-height: 76px
    }
    
    .image.is-88x88 {
        width: 88px;
        height: 88px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-88x88-tablet {
            width:88px;
            height: 88px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-88x88-desktop {
            width:88px;
            height: 88px
        }
    }
    
    .image.is-max-88x88 {
        max-width: 88px;
        max-height: 88px
    }
    
    .image.is-96x96 {
        width: 96px;
        height: 96px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-96x96-tablet {
            width:96px;
            height: 96px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-96x96-desktop {
            width:96px;
            height: 96px
        }
    }
    
    .image.is-max-96x96 {
        max-width: 96px;
        max-height: 96px
    }
    
    .image.is-112x112 {
        width: 112px;
        height: 112px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-112x112-tablet {
            width:112px;
            height: 112px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-112x112-desktop {
            width:112px;
            height: 112px
        }
    }
    
    .image.is-max-112x112 {
        max-width: 112px;
        max-height: 112px
    }
    
    .image.is-128x128 {
        width: 128px;
        height: 128px
    }
    
    @media screen and (min-width: 768px),print {
        .image.is-128x128-tablet {
            width:128px;
            height: 128px
        }
    }
    
    @media screen and (min-width: 1088px) {
        .image.is-128x128-desktop {
            width:128px;
            height: 128px
        }
    }
    
    .image.is-max-128x128 {
        max-width: 128px;
        max-height: 128px
    }
    
    .loader {
        display: inline-block
    }
    
    .loader:after {
        border-bottom-color: currentColor!important;
        border-left-color: currentColor!important
    }
    
    .meter {
        -webkit-appearance: none;
        appearance: none;
        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;
        width: 100%;
        height: 12px;
        display: block
    }
    
    .meter::-moz-meter-bar {
        background: 0 0!important
    }
    
    .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);
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        height: 100%;
        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);
        z-index: 1;
        width: 4px;
        height: 90%;
        position: absolute;
        top: 1px
    }
    
    .theme-high-contrast .score-meter .meter-tick {
        border: 1px solid #000;
        width: 6px
    }
    
    .progress {
        -webkit-appearance: none;
        appearance: none;
        background-color: var(--theme-secondary-background-glow-high-contrast);
        border: none;
        border-radius: 0;
        max-width: 100%;
        height: 1rem;
        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 {
        border-radius: 25px!important;
        height: 6px!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 {
        width: 8.48528px;
        height: 8.48528px;
        position: absolute;
        top: 2px;
        transform: rotate(45deg)
    }
    
    .hexagonal-progress {
        border-top: 1px solid #0000;
        border-bottom: 1px solid #0000;
        max-width: 100px;
        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);
            border: none;
            width: 1px;
            height: 1px;
            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);
        white-space: nowrap;
        border: 1px solid var(--theme-border-white-high-contrast);
        border-radius: 2px;
        justify-content: center;
        align-items: center;
        height: 2em;
        padding-left: .5em;
        padding-right: .5em;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        display: inline-flex
    }
    
    .tag:not(body).white-space-pre {
        white-space: pre
    }
    
    .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 {
        width: 50%;
        height: 1px
    }
    
    .tag:not(body).is-delete:after {
        width: 1px;
        height: 50%
    }
    
    .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) {
        width: calc(100% - 32px);
        max-width: calc(100% - 32px);
        margin-left: auto;
        margin-right: auto
    }
    
    @media screen and (min-width: 1800px),print {
        .uhf-container:not(.has-padding) {
            width:1768px;
            max-width: 1768px;
            margin-left: auto;
            margin-right: auto
        }
    }
    
    @media screen and (min-width: 1088px) {
        .uhf-container:not(.has-padding).is-fluid {
            width:auto;
            max-width: none;
            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 {
        flex-flow: row;
        width: 100%;
        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 {
        visibility: hidden;
        height: 16px;
        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);
        border-radius: .125rem;
        justify-content: center;
        align-items: center;
        min-height: 50px;
        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%);
        word-wrap: normal;
        border: 0;
        width: 1px;
        height: 1px;
        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%);
        word-wrap: normal;
        border: 0;
        width: 1px;
        height: 1px;
        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 {
        border-radius: 290486px;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 1.25rem;
        height: 1.25rem;
        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);
        color: var(--theme-text-subtle);
        justify-content: center;
        align-items: center;
        width: 1.25rem;
        height: 1.25rem;
        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 {
            white-space: normal;
            height: auto
        }
    
        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 {
        flex-direction: row;
        flex-grow: 1;
        flex-shrink: 1;
        align-items: stretch;
        min-height: 1px;
        display: flex
    }
    
    html.has-interactive .mainContainer>.columns {
        align-items: stretch;
        width: 100%
    }
    
    html.has-interactive .primary-holder {
        -webkit-overflow-scrolling: touch;
        height: 100%;
        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 {
        flex: none;
        width: 100%
    }
    
    .columns.is-mobile>.column.is-three-quarters {
        flex: none;
        width: 75%
    }
    
    .columns.is-mobile>.column.is-two-thirds {
        flex: none;
        width: 66.6666%
    }
    
    .columns.is-mobile>.column.is-half {
        flex: none;
        width: 50%
    }
    
    .columns.is-mobile>.column.is-one-third {
        flex: none;
        width: 33.3333%
    }
    
    .columns.is-mobile>.column.is-one-quarter {
        flex: none;
        width: 25%
    }
    
    .columns.is-mobile>.column.is-one-fifth {
        flex: none;
        width: 20%
    }
    
    .columns.is-mobile>.column.is-two-fifths {
        flex: none;
        width: 40%
    }
    
    .columns.is-mobile>.column.is-three-fifths {
        flex: none;
        width: 60%
    }
    
    .columns.is-mobile>.column.is-four-fifths {
        flex: none;
        width: 80%
    }
    
    .columns.is-mobile>.column.is-offset-three-quarters {
        margin-left: 75%
    }
    
    .columns.is-mobile>.column.is-offset-two-thirds {
        margin-left: 66.6666%
    }
    
    .columns.is-mobile>.column.is-offset-half {
        margin-left: 50%
    }
    
    .columns.is-mobile>.column.is-offset-one-third {
        margin-left: 33.3333%
    }
    
    .columns.is-mobile>.column.is-offset-one-quarter {
        margin-left: 25%
    }
    
    .columns.is-mobile>.column.is-offset-one-fifth {
        margin-left: 20%
    }
    
    .columns.is-mobile>.column.is-offset-two-fifths {
        margin-left: 40%
    }
    
    .columns.is-mobile>.column.is-offset-three-fifths {
        margin-left: 60%
    }
    
    .columns.is-mobile>.column.is-offset-four-fifths {
        margin-left: 80%
    }
    
    .columns.is-mobile>.column.is-1 {
        flex: none;
        width: 8.33333%
    }
    
    .columns.is-mobile>.column.is-offset-1 {
        margin-left: 8.33333%
    }
    
    .columns.is-mobile>.column.is-2 {
        flex: none;
        width: 16.6667%
    }
    
    .columns.is-mobile>.column.is-offset-2 {
        margin-left: 16.6667%
    }
    
    .columns.is-mobile>.column.is-3 {
        flex: none;
        width: 25%
    }
    
    .columns.is-mobile>.column.is-offset-3 {
        margin-left: 25%
    }
    
    .columns.is-mobile>.column.is-4 {
        flex: none;
        width: 33.3333%
    }
    
    .columns.is-mobile>.column.is-offset-4 {
        margin-left: 33.3333%
    }
    
    .columns.is-mobile>.column.is-5 {
        flex: none;
        width: 41.6667%
    }
    
    .columns.is-mobile>.column.is-offset-5 {
        margin-left: 41.6667%
    }
    
    .columns.is-mobile>.column.is-6 {
        flex: none;
        width: 50%
    }
    
    .columns.is-mobile>.column.is-offset-6 {
        margin-left: 50%
    }
    
    .columns.is-mobile>.column.is-7 {
        flex: none;
        width: 58.3333%
    }
    
    .columns.is-mobile>.column.is-offset-7 {
        margin-left: 58.3333%
    }
    
    .columns.is-mobile>.column.is-8 {
        flex: none;
        width: 66.6667%
    }
    
    .columns.is-mobile>.column.is-offset-8 {
        margin-left: 66.6667%
    }
    
    .columns.is-mobile>.column.is-9 {
        flex: none;
        width: 75%
    }
    
    .columns.is-mobile>.column.is-offset-9 {
        margin-left: 75%
    }
    
    .columns.is-mobile>.column.is-10 {
        flex: none;
        width: 83.3333%
    }
    
    .columns.is-mobile>.column.is-offset-10 {
        margin-left: 83.3333%
    }
    
    .columns.is-mobile>.column.is-11 {
        flex: none;
        width: 91.6667%
    }
    
    .columns.is-mobile>.column.is-offset-11 {
        margin-left: 91.6667%
    }
    
    .columns.is-mobile>.column.is-12 {
        flex: none;
        width: 100%
    }
    
    .columns.is-mobile>.column.is-offset-12 {
        margin-left: 100%
    }
    
    @media screen and (max-width: 767px) and (max-aspect-ratio:1),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 {
            flex:none;
            width: 100%
        }
    }
    
    @media screen and (max-width: 767px),screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:767.9px),screen and (min-resolution:120dpi) and (max-width:767.9px) {
        .column.is-narrow-mobile {
            flex:none
        }
    
        .column.is-full-mobile {
            flex: none;
            width: 100%
        }
    
        .column.is-three-quarters-mobile {
            flex: none;
            width: 75%
        }
    
        .column.is-two-thirds-mobile {
            flex: none;
            width: 66.6666%
        }
    
        .column.is-half-mobile {
            flex: none;
            width: 50%
        }
    
        .column.is-one-third-mobile {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-one-quarter-mobile {
            flex: none;
            width: 25%
        }
    
        .column.is-one-fifth-mobile {
            flex: none;
            width: 20%
        }
    
        .column.is-two-fifths-mobile {
            flex: none;
            width: 40%
        }
    
        .column.is-three-fifths-mobile {
            flex: none;
            width: 60%
        }
    
        .column.is-four-fifths-mobile {
            flex: none;
            width: 80%
        }
    
        .column.is-offset-three-quarters-mobile {
            margin-left: 75%
        }
    
        .column.is-offset-two-thirds-mobile {
            margin-left: 66.6666%
        }
    
        .column.is-offset-half-mobile {
            margin-left: 50%
        }
    
        .column.is-offset-one-third-mobile {
            margin-left: 33.3333%
        }
    
        .column.is-offset-one-quarter-mobile {
            margin-left: 25%
        }
    
        .column.is-offset-one-fifth-mobile {
            margin-left: 20%
        }
    
        .column.is-offset-two-fifths-mobile {
            margin-left: 40%
        }
    
        .column.is-offset-three-fifths-mobile {
            margin-left: 60%
        }
    
        .column.is-offset-four-fifths-mobile {
            margin-left: 80%
        }
    
        .column.is-1-mobile {
            flex: none;
            width: 8.33333%
        }
    
        .column.is-offset-1-mobile {
            margin-left: 8.33333%
        }
    
        .column.is-2-mobile {
            flex: none;
            width: 16.6667%
        }
    
        .column.is-offset-2-mobile {
            margin-left: 16.6667%
        }
    
        .column.is-3-mobile {
            flex: none;
            width: 25%
        }
    
        .column.is-offset-3-mobile {
            margin-left: 25%
        }
    
        .column.is-4-mobile {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-offset-4-mobile {
            margin-left: 33.3333%
        }
    
        .column.is-5-mobile {
            flex: none;
            width: 41.6667%
        }
    
        .column.is-offset-5-mobile {
            margin-left: 41.6667%
        }
    
        .column.is-6-mobile {
            flex: none;
            width: 50%
        }
    
        .column.is-offset-6-mobile {
            margin-left: 50%
        }
    
        .column.is-7-mobile {
            flex: none;
            width: 58.3333%
        }
    
        .column.is-offset-7-mobile {
            margin-left: 58.3333%
        }
    
        .column.is-8-mobile {
            flex: none;
            width: 66.6667%
        }
    
        .column.is-offset-8-mobile {
            margin-left: 66.6667%
        }
    
        .column.is-9-mobile {
            flex: none;
            width: 75%
        }
    
        .column.is-offset-9-mobile {
            margin-left: 75%
        }
    
        .column.is-10-mobile {
            flex: none;
            width: 83.3333%
        }
    
        .column.is-offset-10-mobile {
            margin-left: 83.3333%
        }
    
        .column.is-11-mobile {
            flex: none;
            width: 91.6667%
        }
    
        .column.is-offset-11-mobile {
            margin-left: 91.6667%
        }
    
        .column.is-12-mobile {
            flex: none;
            width: 100%
        }
    
        .column.is-offset-12-mobile {
            margin-left: 100%
        }
    }
    
    @media screen and (min-width: 768px),print {
        .column.is-narrow,.column.is-narrow-tablet {
            flex:none
        }
    
        .column.is-full,.column.is-full-tablet {
            flex: none;
            width: 100%
        }
    
        .column.is-three-quarters,.column.is-three-quarters-tablet {
            flex: none;
            width: 75%
        }
    
        .column.is-two-thirds,.column.is-two-thirds-tablet {
            flex: none;
            width: 66.6666%
        }
    
        .column.is-half,.column.is-half-tablet {
            flex: none;
            width: 50%
        }
    
        .column.is-one-third,.column.is-one-third-tablet {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-one-quarter,.column.is-one-quarter-tablet {
            flex: none;
            width: 25%
        }
    
        .column.is-one-fifth,.column.is-one-fifth-tablet {
            flex: none;
            width: 20%
        }
    
        .column.is-two-fifths,.column.is-two-fifths-tablet {
            flex: none;
            width: 40%
        }
    
        .column.is-three-fifths,.column.is-three-fifths-tablet {
            flex: none;
            width: 60%
        }
    
        .column.is-four-fifths,.column.is-four-fifths-tablet {
            flex: none;
            width: 80%
        }
    
        .column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet {
            margin-left: 75%
        }
    
        .column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet {
            margin-left: 66.6666%
        }
    
        .column.is-offset-half,.column.is-offset-half-tablet {
            margin-left: 50%
        }
    
        .column.is-offset-one-third,.column.is-offset-one-third-tablet {
            margin-left: 33.3333%
        }
    
        .column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet {
            margin-left: 25%
        }
    
        .column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet {
            margin-left: 20%
        }
    
        .column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet {
            margin-left: 40%
        }
    
        .column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet {
            margin-left: 60%
        }
    
        .column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet {
            margin-left: 80%
        }
    
        .column.is-1,.column.is-1-tablet {
            flex: none;
            width: 8.33333%
        }
    
        .column.is-offset-1,.column.is-offset-1-tablet {
            margin-left: 8.33333%
        }
    
        .column.is-2,.column.is-2-tablet {
            flex: none;
            width: 16.6667%
        }
    
        .column.is-offset-2,.column.is-offset-2-tablet {
            margin-left: 16.6667%
        }
    
        .column.is-3,.column.is-3-tablet {
            flex: none;
            width: 25%
        }
    
        .column.is-offset-3,.column.is-offset-3-tablet {
            margin-left: 25%
        }
    
        .column.is-4,.column.is-4-tablet {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-offset-4,.column.is-offset-4-tablet {
            margin-left: 33.3333%
        }
    
        .column.is-5,.column.is-5-tablet {
            flex: none;
            width: 41.6667%
        }
    
        .column.is-offset-5,.column.is-offset-5-tablet {
            margin-left: 41.6667%
        }
    
        .column.is-6,.column.is-6-tablet {
            flex: none;
            width: 50%
        }
    
        .column.is-offset-6,.column.is-offset-6-tablet {
            margin-left: 50%
        }
    
        .column.is-7,.column.is-7-tablet {
            flex: none;
            width: 58.3333%
        }
    
        .column.is-offset-7,.column.is-offset-7-tablet {
            margin-left: 58.3333%
        }
    
        .column.is-8,.column.is-8-tablet {
            flex: none;
            width: 66.6667%
        }
    
        .column.is-offset-8,.column.is-offset-8-tablet {
            margin-left: 66.6667%
        }
    
        .column.is-9,.column.is-9-tablet {
            flex: none;
            width: 75%
        }
    
        .column.is-offset-9,.column.is-offset-9-tablet {
            margin-left: 75%
        }
    
        .column.is-10,.column.is-10-tablet {
            flex: none;
            width: 83.3333%
        }
    
        .column.is-offset-10,.column.is-offset-10-tablet {
            margin-left: 83.3333%
        }
    
        .column.is-11,.column.is-11-tablet {
            flex: none;
            width: 91.6667%
        }
    
        .column.is-offset-11,.column.is-offset-11-tablet {
            margin-left: 91.6667%
        }
    
        .column.is-12,.column.is-12-tablet {
            flex: none;
            width: 100%
        }
    
        .column.is-offset-12,.column.is-offset-12-tablet {
            margin-left: 100%
        }
    }
    
    @media screen and (max-width: 1087px),screen and (-webkit-min-device-pixel-ratio:1.25) and (max-width:1087.9px),screen and (min-resolution:120dpi) and (max-width:1087.9px) {
        .column.is-narrow-touch {
            flex:none
        }
    
        .column.is-full-touch {
            flex: none;
            width: 100%
        }
    
        .column.is-three-quarters-touch {
            flex: none;
            width: 75%
        }
    
        .column.is-two-thirds-touch {
            flex: none;
            width: 66.6666%
        }
    
        .column.is-half-touch {
            flex: none;
            width: 50%
        }
    
        .column.is-one-third-touch {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-one-quarter-touch {
            flex: none;
            width: 25%
        }
    
        .column.is-one-fifth-touch {
            flex: none;
            width: 20%
        }
    
        .column.is-two-fifths-touch {
            flex: none;
            width: 40%
        }
    
        .column.is-three-fifths-touch {
            flex: none;
            width: 60%
        }
    
        .column.is-four-fifths-touch {
            flex: none;
            width: 80%
        }
    
        .column.is-offset-three-quarters-touch {
            margin-left: 75%
        }
    
        .column.is-offset-two-thirds-touch {
            margin-left: 66.6666%
        }
    
        .column.is-offset-half-touch {
            margin-left: 50%
        }
    
        .column.is-offset-one-third-touch {
            margin-left: 33.3333%
        }
    
        .column.is-offset-one-quarter-touch {
            margin-left: 25%
        }
    
        .column.is-offset-one-fifth-touch {
            margin-left: 20%
        }
    
        .column.is-offset-two-fifths-touch {
            margin-left: 40%
        }
    
        .column.is-offset-three-fifths-touch {
            margin-left: 60%
        }
    
        .column.is-offset-four-fifths-touch {
            margin-left: 80%
        }
    
        .column.is-1-touch {
            flex: none;
            width: 8.33333%
        }
    
        .column.is-offset-1-touch {
            margin-left: 8.33333%
        }
    
        .column.is-2-touch {
            flex: none;
            width: 16.6667%
        }
    
        .column.is-offset-2-touch {
            margin-left: 16.6667%
        }
    
        .column.is-3-touch {
            flex: none;
            width: 25%
        }
    
        .column.is-offset-3-touch {
            margin-left: 25%
        }
    
        .column.is-4-touch {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-offset-4-touch {
            margin-left: 33.3333%
        }
    
        .column.is-5-touch {
            flex: none;
            width: 41.6667%
        }
    
        .column.is-offset-5-touch {
            margin-left: 41.6667%
        }
    
        .column.is-6-touch {
            flex: none;
            width: 50%
        }
    
        .column.is-offset-6-touch {
            margin-left: 50%
        }
    
        .column.is-7-touch {
            flex: none;
            width: 58.3333%
        }
    
        .column.is-offset-7-touch {
            margin-left: 58.3333%
        }
    
        .column.is-8-touch {
            flex: none;
            width: 66.6667%
        }
    
        .column.is-offset-8-touch {
            margin-left: 66.6667%
        }
    
        .column.is-9-touch {
            flex: none;
            width: 75%
        }
    
        .column.is-offset-9-touch {
            margin-left: 75%
        }
    
        .column.is-10-touch {
            flex: none;
            width: 83.3333%
        }
    
        .column.is-offset-10-touch {
            margin-left: 83.3333%
        }
    
        .column.is-11-touch {
            flex: none;
            width: 91.6667%
        }
    
        .column.is-offset-11-touch {
            margin-left: 91.6667%
        }
    
        .column.is-12-touch {
            flex: none;
            width: 100%
        }
    
        .column.is-offset-12-touch {
            margin-left: 100%
        }
    }
    
    @media screen and (min-width: 1088px) {
        .column.is-narrow-desktop {
            flex:none
        }
    
        .column.is-full-desktop {
            flex: none;
            width: 100%
        }
    
        .column.is-three-quarters-desktop {
            flex: none;
            width: 75%
        }
    
        .column.is-two-thirds-desktop {
            flex: none;
            width: 66.6666%
        }
    
        .column.is-half-desktop {
            flex: none;
            width: 50%
        }
    
        .column.is-one-third-desktop {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-one-quarter-desktop {
            flex: none;
            width: 25%
        }
    
        .column.is-one-fifth-desktop {
            flex: none;
            width: 20%
        }
    
        .column.is-two-fifths-desktop {
            flex: none;
            width: 40%
        }
    
        .column.is-three-fifths-desktop {
            flex: none;
            width: 60%
        }
    
        .column.is-four-fifths-desktop {
            flex: none;
            width: 80%
        }
    
        .column.is-offset-three-quarters-desktop {
            margin-left: 75%
        }
    
        .column.is-offset-two-thirds-desktop {
            margin-left: 66.6666%
        }
    
        .column.is-offset-half-desktop {
            margin-left: 50%
        }
    
        .column.is-offset-one-third-desktop {
            margin-left: 33.3333%
        }
    
        .column.is-offset-one-quarter-desktop {
            margin-left: 25%
        }
    
        .column.is-offset-one-fifth-desktop {
            margin-left: 20%
        }
    
        .column.is-offset-two-fifths-desktop {
            margin-left: 40%
        }
    
        .column.is-offset-three-fifths-desktop {
            margin-left: 60%
        }
    
        .column.is-offset-four-fifths-desktop {
            margin-left: 80%
        }
    
        .column.is-1-desktop {
            flex: none;
            width: 8.33333%
        }
    
        .column.is-offset-1-desktop {
            margin-left: 8.33333%
        }
    
        .column.is-2-desktop {
            flex: none;
            width: 16.6667%
        }
    
        .column.is-offset-2-desktop {
            margin-left: 16.6667%
        }
    
        .column.is-3-desktop {
            flex: none;
            width: 25%
        }
    
        .column.is-offset-3-desktop {
            margin-left: 25%
        }
    
        .column.is-4-desktop {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-offset-4-desktop {
            margin-left: 33.3333%
        }
    
        .column.is-5-desktop {
            flex: none;
            width: 41.6667%
        }
    
        .column.is-offset-5-desktop {
            margin-left: 41.6667%
        }
    
        .column.is-6-desktop {
            flex: none;
            width: 50%
        }
    
        .column.is-offset-6-desktop {
            margin-left: 50%
        }
    
        .column.is-7-desktop {
            flex: none;
            width: 58.3333%
        }
    
        .column.is-offset-7-desktop {
            margin-left: 58.3333%
        }
    
        .column.is-8-desktop {
            flex: none;
            width: 66.6667%
        }
    
        .column.is-offset-8-desktop {
            margin-left: 66.6667%
        }
    
        .column.is-9-desktop {
            flex: none;
            width: 75%
        }
    
        .column.is-offset-9-desktop {
            margin-left: 75%
        }
    
        .column.is-10-desktop {
            flex: none;
            width: 83.3333%
        }
    
        .column.is-offset-10-desktop {
            margin-left: 83.3333%
        }
    
        .column.is-11-desktop {
            flex: none;
            width: 91.6667%
        }
    
        .column.is-offset-11-desktop {
            margin-left: 91.6667%
        }
    
        .column.is-12-desktop {
            flex: none;
            width: 100%
        }
    
        .column.is-offset-12-desktop {
            margin-left: 100%
        }
    }
    
    @media screen and (min-width: 1800px) {
        .column.is-narrow-widescreen {
            flex:none
        }
    
        .column.is-full-widescreen {
            flex: none;
            width: 100%
        }
    
        .column.is-three-quarters-widescreen {
            flex: none;
            width: 75%
        }
    
        .column.is-two-thirds-widescreen {
            flex: none;
            width: 66.6666%
        }
    
        .column.is-half-widescreen {
            flex: none;
            width: 50%
        }
    
        .column.is-one-third-widescreen {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-one-quarter-widescreen {
            flex: none;
            width: 25%
        }
    
        .column.is-one-fifth-widescreen {
            flex: none;
            width: 20%
        }
    
        .column.is-two-fifths-widescreen {
            flex: none;
            width: 40%
        }
    
        .column.is-three-fifths-widescreen {
            flex: none;
            width: 60%
        }
    
        .column.is-four-fifths-widescreen {
            flex: none;
            width: 80%
        }
    
        .column.is-offset-three-quarters-widescreen {
            margin-left: 75%
        }
    
        .column.is-offset-two-thirds-widescreen {
            margin-left: 66.6666%
        }
    
        .column.is-offset-half-widescreen {
            margin-left: 50%
        }
    
        .column.is-offset-one-third-widescreen {
            margin-left: 33.3333%
        }
    
        .column.is-offset-one-quarter-widescreen {
            margin-left: 25%
        }
    
        .column.is-offset-one-fifth-widescreen {
            margin-left: 20%
        }
    
        .column.is-offset-two-fifths-widescreen {
            margin-left: 40%
        }
    
        .column.is-offset-three-fifths-widescreen {
            margin-left: 60%
        }
    
        .column.is-offset-four-fifths-widescreen {
            margin-left: 80%
        }
    
        .column.is-1-widescreen {
            flex: none;
            width: 8.33333%
        }
    
        .column.is-offset-1-widescreen {
            margin-left: 8.33333%
        }
    
        .column.is-2-widescreen {
            flex: none;
            width: 16.6667%
        }
    
        .column.is-offset-2-widescreen {
            margin-left: 16.6667%
        }
    
        .column.is-3-widescreen {
            flex: none;
            width: 25%
        }
    
        .column.is-offset-3-widescreen {
            margin-left: 25%
        }
    
        .column.is-4-widescreen {
            flex: none;
            width: 33.3333%
        }
    
        .column.is-offset-4-widescreen {
            margin-left: 33.3333%
        }
    
        .column.is-5-widescreen {
            flex: none;
            width: 41.6667%
        }
    
        .column.is-offset-5-widescreen {
            margin-left: 41.6667%
        }
    
        .column.is-6-widescreen {
            flex: none;
            width: 50%
        }
    
        .column.is-offset-6-widescreen {
            margin-left: 50%
        }
    
        .column.is-7-widescreen {
            flex: none;
            width: 58.3333%
        }
    
        .column.is-offset-7-widescreen {
            margin-left: 58.3333%
        }
    
        .column.is-8-widescreen {
            flex: none;
            width: 66.6667%
        }
    
        .column.is-offset-8-widescreen {
            margin-left: 66.6667%
        }
    
        .column.is-9-widescreen {
            flex: none;
            width: 75%
        }
    
        .column.is-offset-9-widescreen {
            margin-left: 75%
        }
    
        .column.is-10-widescreen {
            flex: none;
            width: 83.3333%
        }
    
        .column.is-offset-10-widescreen {
            margin-left: 83.3333%
        }
    
        .column.is-11-widescreen {
            flex: none;
            width: 91.6667%
        }
    
        .column.is-offset-11-widescreen {
            margin-left: 91.6667%
        }
    
        .column.is-12-widescreen {
            flex: none;
            width: 100%
        }
    
        .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>mainarticle[dir=rtl] .columns.is-offset-three-quarters {
        margin-left: 75%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-two-thirds {
        margin-left: 66.6666%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-half {
        margin-left: 50%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-one-third {
        margin-left: 33.3333%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-one-quarter {
        margin-left: 25%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-one-fifth {
        margin-left: 20%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-two-fifths {
        margin-left: 40%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-three-fifths {
        margin-left: 60%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-four-fifths {
        margin-left: 80%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-1 {
        margin-left: 8.33333%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-2 {
        margin-left: 16.6667%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-3 {
        margin-left: 25%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-4 {
        margin-left: 33.3333%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-5 {
        margin-left: 41.6667%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-6 {
        margin-left: 50%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-7 {
        margin-left: 58.3333%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-8 {
        margin-left: 66.6667%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-9 {
        margin-left: 75%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-10 {
        margin-left: 83.3333%
    }
    
    .columns.is-mobile>mainarticle[dir=rtl] .columns.is-offset-11 {
        margin-left: 91.6667%
    }
    
    .columns.is-mobile>mainarticle[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 {
            flex-flow:column wrap;
            align-content: space-between;
            height: 15000px
        }
    
        .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n+1) {
            order: 1
        }
    
        .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n+2) {
            order: 2
        }
    
        .columns.is-masonry.is-three-masonry-columns .column:nth-child(3n) {
            order: 3
        }
    
        .columns.is-masonry:before,.columns.is-masonry:after {
            content: "";
            flex-basis: 100%;
            order: 2;
            width: 0
        }
    }
    
    .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;
        max-width: none;
        height: 100%;
        max-height: 100%
    }
    
    @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%;
        max-width: none;
        height: 100%;
        max-height: 100%
    }
    
    .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 {
        background-color: var(--theme-body-background);
        border-left: 1px solid var(--theme-border);
        width: 100%;
        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 {
            flex: 100%!important;
            width: 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;
        border-bottom: 1px solid var(--theme-border);
        max-width: 100%;
        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) {
        article>.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) article .api-search-field,html:not(.apiBrowserPage) article .api-search-results-container {
            display:none
        }
    }
    
    .azure-auth {
        color: var(--theme-text);
        background-color: var(--theme-secondary-background);
        justify-content: center;
        align-items: center;
        height: 100%;
        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 {
        flex-direction: column;
        justify-content: stretch;
        width: 100%;
        list-style-type: none;
        display: flex;
        overflow-y: auto
    }
    
    .azure-auth-token {
        white-space: nowrap;
        text-overflow: ellipsis;
        background-color: #0000;
        border: none;
        width: 100%;
        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;
        border: 0;
        min-width: 296px;
        height: 4px
    }
    
    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] {
        background-color: #0003;
        width: 100%;
        min-width: 296px;
        height: 4px;
        display: block;
        position: relative
    }
    
    progress.c-progress>[role=progressbar]>span {
        background-color: var(--theme-primary-base);
        color: var(--theme-primary-base);
        height: 100%;
        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 {
        width: 100%;
        min-width: 296px;
        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);
        border-radius: 50%;
        width: 5px;
        height: 5px;
        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);
        border-radius: 12px;
        order: 1;
        width: 44px;
        height: 16px;
        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 {
        border: 1px solid var(--theme-body-background);
        background-color: var(--theme-text);
        content: "";
        border-radius: 50%;
        width: 8px;
        height: 8px;
        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;
        order: 2;
        width: 0;
        height: 0;
        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)
        }
    }
    
    article .row {
        flex-wrap: wrap;
        width: 100%;
        margin-top: 12px;
        display: flex
    }
    
    @media only screen and (min-width: 925px) {
        article .row {
            flex-wrap:nowrap
        }
    }
    
    article .row>.column {
        box-sizing: border-box;
        flex: 0 100%;
        width: 100%;
        display: block;
        overflow-x: auto
    }
    
    article .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
    }
    
    article .row>.column>* {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    
    article .row>.column .codeHeader,article .row>.column pre,article .row>.column pre>code {
        box-sizing: border-box;
        max-width: 100%;
        margin: 0
    }
    
    article .row>.column ul,article .row>.column ol {
        box-sizing: border-box;
        max-width: calc(100% - 38px);
        margin: 0 0 0 38px
    }
    
    article .row>.column ul li,article .row>.column ol li {
        word-wrap: break-word;
        word-break: break-word
    }
    
    @media only screen and (min-width: 925px) {
        article .row>.column {
            flex:calc(25% - 8px);
            margin-right: 12px
        }
    
        article .row>.column:last-child {
            margin-right: 0
        }
    
        article .row>.column.span2 {
            flex: 2 50%;
            width: 50%
        }
    
        article .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.3
    }
    
    .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 {
        flex-direction: column;
        height: 100%;
        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 {
        white-space: pre-wrap;
        word-wrap: break-word;
        border: none;
        height: 25%;
        margin: 0;
        padding: 1em;
        overflow-x: hidden;
        overflow-y: auto
    }
    
    .dotnet-online-service-unavailable {
        padding: 1em;
        font-size: 1rem
    }
    
    .hubpage .card,article .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,article .card:hover,article .card:active {
        border: 1px solid var(--theme-primary-base)
    }
    
    .hubpage .card a,article .card a {
        text-decoration: none
    }
    
    .hubpage .card h3,.hubpage .card .likeAnH3,article .card h3,article .card .likeAnH3 {
        margin: 0;
        font-size: 1rem;
        line-height: 1.125
    }
    
    .hubpage .card .likeAnH3,article .card .likeAnH3 {
        display: block
    }
    
    .hubpage .card p,article .card p {
        margin: 6px 0 0;
        padding: 0;
        font-size: .8375rem;
        line-height: 1.33
    }
    
    .hubpage a .card:hover h3,.hubpage a .card:active h3,.hubpage a .card:hover .likeAnH3,.hubpage a .card:active .likeAnH3,article a .card:hover h3,article a .card:active h3,article a .card:hover .likeAnH3,article 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,article a .card:hover h3:hover,article a .card:active h3:active,article .card h3 a:hover,article .card h3 a:active,article a .card:hover .likeAnH3:hover,article a .card:active .likeAnH3:active,article .card .likeAnH3 a:hover,article .card .likeAnH3 a:active {
        text-decoration: underline
    }
    
    .hubpage .cardPadding,article .cardPadding {
        padding: 4px 12px 22px
    }
    
    .hubpage .cardSize,article .cardSize {
        width: 100%;
        overflow: hidden
    }
    
    .hubpage .cardScaleImage,article .cardScaleImage {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%
    }
    
    .hubpage .cardText a,.hubpage .cardText a:visited,article .cardText a,article .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,article a .card:hover .cardText,article a .card:active .cardText,article .cardText a:hover,article .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,article .cardText h3 a:hover,article .cardText h3 a:active,article .cardText .likeAnH3 a:hover,article .cardText .likeAnH3 a:active {
        color: var(--theme-primary-base);
        text-decoration: underline
    }
    
    .hubpage .cardText .cols>*,article .cardText .cols>* {
        margin: 0
    }
    
    .hubpage .cardsA .cardSize,article .cardsA .cardSize {
        min-width: 260px
    }
    
    .hubpage .cardsA .card,article .cardsA .card {
        min-height: 176px
    }
    
    .hubpage .cardsA .cardImageOuter,article .cardsA .cardImageOuter {
        width: 100%
    }
    
    .hubpage .cardsA .cardImage,article .cardsA .cardImage {
        width: 64px;
        height: 64px;
        margin: 0 auto 8px
    }
    
    .hubpage .cardsA a:hover,article .cardsA a:hover {
        text-decoration: none
    }
    
    .hubpage ul.panelContent.cardsB>li,article ul.panelContent.cardsB>li {
        flex: 0 100%
    }
    
    .hubpage .cardsB .cardSize,article .cardsB .cardSize {
        min-width: 260px
    }
    
    .hubpage .cardsB .cardPadding,article .cardsB .cardPadding {
        padding: 0 18px 22px 12px
    }
    
    .hubpage .cardsB .card,article .cardsB .card {
        box-shadow: none;
        border: 0;
        padding: 0 0 6px
    }
    
    .theme-dark .hubpage .cardsB .card,.theme-dark article .cardsB .card {
        box-shadow: none;
        border: 0
    }
    
    .hubpage .cardsB .card h3 a,article .cardsB .card h3 a {
        color: var(--theme-primary-base)
    }
    
    .hubpage .cardsB .cardImageOuter,article .cardsB .cardImageOuter {
        float: left
    }
    
    .hubpage .cardsB .cardImage,article .cardsB .cardImage {
        width: 48px;
        margin: 0 auto;
        overflow: hidden
    }
    
    .hubpage .cardsB .cardText,article .cardsB .cardText {
        padding-left: 60px;
        font-size: 14px;
        line-height: 23px
    }
    
    .hubpage .cardsB a:hover,article .cardsB a:hover {
        text-decoration: underline
    }
    
    .hubpage .cardsC .cardSize,article .cardsC .cardSize {
        min-width: 260px
    }
    
    .hubpage .cardsC .card,article .cardsC .card {
        min-height: 250px;
        padding: 0 0 6px
    }
    
    .hubpage .cardsC .cardImageOuter,article .cardsC .cardImageOuter {
        width: 100%;
        height: 140px;
        overflow: hidden
    }
    
    .hubpage .cardsC .cardImage img,article .cardsC .cardImage img {
        width: 100%;
        max-width: 400px;
        margin: auto;
        padding: 0;
        display: block
    }
    
    .hubpage .cardsC .cardText,article .cardsC .cardText {
        padding: 6px 12px 0
    }
    
    .hubpage .cardsC a:hover,article .cardsC a:hover {
        text-decoration: none
    }
    
    .hubpage ul.panelContent.cardsD>li,article ul.panelContent.cardsD>li {
        flex: 0 25%
    }
    
    .hubpage .cardsD .cardText a,.hubpage .cardsD .cardText a:visited,article .cardsD .cardText a,article .cardsD .cardText a:visited {
        color: var(--theme-primary-base)
    }
    
    .hubpage .cardsD .cardText a:hover,article .cardsD .cardText a:hover {
        text-decoration: underline
    }
    
    .hubpage .cardsD .card,article .cardsD .card {
        box-shadow: none;
        border: 0;
        padding: 0
    }
    
    .theme-dark .hubpage .cardsD .card,.theme-dark article .cardsD .card {
        box-shadow: none;
        border: 0
    }
    
    .hubpage .cardsD .card h3,article .cardsD .card h3 {
        font-size: 1.188rem
    }
    
    .hubpage .cardsD .card p,article .cardsD .card p {
        margin: 10px 0 0;
        font-size: 1rem
    }
    
    .hubpage .cardsE .cardSize,article .cardsE .cardSize {
        min-width: 260px
    }
    
    .hubpage .cardsE .card,article .cardsE .card {
        box-shadow: none;
        border: 0;
        border-left: 2px solid var(--theme-border);
        height: 180px;
        padding: 0 0 0 12px
    }
    
    .hubpage .cardsE .card:hover a,article .cardsE .card:hover a {
        color: var(--theme-primary-base)
    }
    
    .hubpage .cardsE .cardImageOuter,article .cardsE .cardImageOuter {
        width: 100%
    }
    
    .hubpage .cardsE .cardImage,article .cardsE .cardImage {
        width: 68px;
        height: 68px;
        margin: 0 0 8px
    }
    
    .hubpage .cardsE a:hover,article .cardsE a:hover {
        text-decoration: underline
    }
    
    .hubpage .cardsF .cardSize,article .cardsF .cardSize {
        min-width: 260px
    }
    
    .hubpage .cardsF .card,article .cardsF .card {
        box-shadow: none;
        border: 0;
        padding: 0 0 6px;
        display: flex;
        overflow: visible
    }
    
    html.theme-dark .hubpage .cardsF .card,html.theme-dark article .cardsF .card {
        box-shadow: none;
        border: 0
    }
    
    .hubpage .cardsF .cardImageOuter,article .cardsF .cardImageOuter {
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 12px
    }
    
    .hubpage .cardsF .cardImage,article .cardsF .cardImage {
        width: 64px;
        overflow: hidden
    }
    
    .hubpage .cardsF .cardText,article .cardsF .cardText {
        flex-grow: 1;
        flex-shrink: 1
    }
    
    .hubpage .cardsF .cardText a,article .cardsF .cardText a {
        text-decoration: none
    }
    
    .hubpage .cardsF .cardText a:hover,article .cardsF .cardText a:hover {
        color: var(--theme-primary-base);
        text-decoration: underline
    }
    
    .hubpage .cardsFTitle .cardSize,article .cardsFTitle .cardSize {
        min-width: 260px
    }
    
    .hubpage .cardsFTitle .card,article .cardsFTitle .card {
        box-shadow: none;
        border: 0;
        padding-left: 6px;
        padding-right: 6px
    }
    
    .hubpage .cardsFTitle .cardImageOuter,article .cardsFTitle .cardImageOuter {
        float: left
    }
    
    .hubpage .cardsFTitle .cardImage,article .cardsFTitle .cardImage {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        padding: 2px
    }
    
    .hubpage .cardsFTitle .cardText,article .cardsFTitle .cardText {
        padding-left: 62px
    }
    
    .hubpage .cardsFTitle .cardText h3,.hubpage .cardsFTitle .cardText .likeAnH3,article .cardsFTitle .cardText h3,article .cardsFTitle .cardText .likeAnH3 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25
    }
    
    .hubpage .cardsFTitle .cardText a,article .cardsFTitle .cardText a {
        color: var(--theme-primary-base)
    }
    
    .hubpage .cardsFTitle .cardText p,article .cardsFTitle .cardText p {
        display: none
    }
    
    .hubpage .cardsG .cardSize,article .cardsG .cardSize {
        min-width: 260px
    }
    
    .hubpage .cardsG .card,article .cardsG .card {
        box-shadow: none;
        border: 0;
        padding: 0 0 6px
    }
    
    html.theme-dark .hubpage .cardsG .card,html.theme-dark article .cardsG .card {
        box-shadow: none;
        border: 0
    }
    
    .hubpage .cardsG .card:hover a,article .cardsG .card:hover a {
        color: var(--theme-primary-base)
    }
    
    .hubpage .cardsG .cardImageOuter,article .cardsG .cardImageOuter {
        float: left
    }
    
    .hubpage .cardsG .cardImage,article .cardsG .cardImage {
        width: 150px;
        height: 105px;
        margin: 0 auto 8px;
        overflow: hidden
    }
    
    .hubpage .cardsG .cardImage img,article .cardsG .cardImage img {
        width: 100%
    }
    
    .hubpage .cardsG a:hover,article .cardsG a:hover {
        text-decoration: underline
    }
    
    .hubpage .cardsG .cardText,article .cardsG .cardText {
        padding-left: 162px
    }
    
    @media only screen and (min-width: 1024px) {
        .hubpage ul.panelContent.cardsG>li,article ul.panelContent.cardsG>li {
            flex:0 50%
        }
    }
    
    .hubpage ul.panelContent.cardsH>li,article ul.panelContent.cardsH>li {
        flex: 0 50%
    }
    
    .hubpage .cardsH .cardPadding,article .cardsH .cardPadding {
        padding: 0 24px 24px 0
    }
    
    .hubpage .cardsH .card,article .cardsH .card {
        box-shadow: unset;
        border: 0
    }
    
    .hubpage .cardsH .cardImageOuter,article .cardsH .cardImageOuter {
        width: 100%;
        overflow: hidden
    }
    
    .hubpage .cardsH .cardImage img,article .cardsH .cardImage img {
        width: 100%;
        max-width: 500px;
        height: 220px;
        margin: 0 auto;
        display: block
    }
    
    .hubpage .cardsH .cardText,article .cardsH .cardText {
        margin-top: 18px
    }
    
    .hubpage .cardsH .cardText p,article .cardsH .cardText p {
        line-height: 1.6
    }
    
    .hubpage .cardsH a:hover,article .cardsH a:hover {
        text-decoration: none
    }
    
    .hubpage ul.panelContent.cardsI>li,article ul.panelContent.cardsI>li {
        flex: 0 50%
    }
    
    .hubpage .cardsI .cardPadding,article .cardsI .cardPadding {
        padding: 0 24px 64px 0
    }
    
    .hubpage .cardsI .card,article .cardsI .card {
        box-shadow: unset;
        border: 0
    }
    
    .hubpage .cardsI .cardImageOuter,article .cardsI .cardImageOuter {
        float: left
    }
    
    .hubpage .cardsI .cardImage,article .cardsI .cardImage {
        width: 80px;
        height: 80px;
        margin: 0 auto 8px
    }
    
    .hubpage .cardsI .cardText,article .cardsI .cardText {
        padding-left: 98px
    }
    
    .hubpage .cardsI .cardText p,article .cardsI .cardText p {
        line-height: 1.6
    }
    
    .hubpage .cardsI a:hover,article .cardsI a:hover {
        text-decoration: none
    }
    
    .hubpage .cardsI+hr,article .cardsI+hr {
        margin-top: 0
    }
    
    .hubpage ul.panelContent.cardsJ>li,article ul.panelContent.cardsJ>li {
        flex: 0 100%
    }
    
    .hubpage .cardsJ .cardPadding,article .cardsJ .cardPadding {
        padding: 0 24px 46px 0
    }
    
    .hubpage .cardsJ .card,article .cardsJ .card {
        box-shadow: unset;
        border: 0
    }
    
    .hubpage .cardsJ .cardImageOuter,article .cardsJ .cardImageOuter {
        float: left
    }
    
    .hubpage .cardsJ .cardImage,article .cardsJ .cardImage {
        width: 80px;
        height: 80px;
        margin: 0 auto 8px
    }
    
    .hubpage .cardsJ .cardText,article .cardsJ .cardText {
        padding-left: 98px
    }
    
    .hubpage .cardsJ .cardText p,article .cardsJ .cardText p {
        line-height: 1.6
    }
    
    .hubpage .cardsJ a:hover,article .cardsJ a:hover {
        text-decoration: none
    }
    
    .hubpage .cardsJ+hr,article .cardsJ+hr {
        margin-top: 0
    }
    
    .hubpage .cardsK .cardPadding,article .cardsK .cardPadding {
        padding: 0 24px 24px 0
    }
    
    .hubpage .cardsK .card,article .cardsK .card {
        box-shadow: unset;
        border: 0
    }
    
    .hubpage .cardsK .cardImageOuter,article .cardsK .cardImageOuter {
        height: 140px;
        overflow: hidden
    }
    
    .hubpage .cardsK .cardImage img,article .cardsK .cardImage img {
        width: 100%;
        height: 140px;
        margin: 0 auto;
        display: block
    }
    
    .hubpage .cardsK .cardText,article .cardsK .cardText {
        margin-top: 18px
    }
    
    .hubpage .cardsK .cardText p,article .cardsK .cardText p {
        line-height: 1.6
    }
    
    .hubpage .cardsK a:hover,article .cardsK a:hover {
        text-decoration: none
    }
    
    .hubpage .cardsL .cardPadding,article .cardsL .cardPadding {
        padding: 0
    }
    
    .hubpage .cardsL .card,article .cardsL .card {
        box-shadow: unset;
        border: 0;
        padding-bottom: 54px
    }
    
    .hubpage .cardsL .cardText,article .cardsL .cardText {
        flex-flow: wrap;
        flex: auto;
        display: flex
    }
    
    .hubpage .cardsL h3,article .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,article .cardsL h4 {
        flex: 100%;
        margin-top: 8px;
        margin-bottom: 0;
        overflow: hidden
    }
    
    .hubpage .cardsL .ico48Link,article .cardsL .ico48Link {
        flex: 33%;
        max-width: 33%
    }
    
    .hubpage .cardsM,article .cardsM {
        margin: 0!important
    }
    
    .hubpage .cardsM .card,article .cardsM .card {
        box-sizing: border-box;
        align-items: center;
        height: 100%;
        padding: 12px;
        display: flex
    }
    
    .hubpage .cardsM .card:hover,article .cardsM .card:hover {
        text-decoration: none
    }
    
    .hubpage .cardsM .cardImage,article .cardsM .cardImage {
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 12px;
        width: 36px!important;
        height: 36px!important
    }
    
    .hubpage .cardsM .cardText,article .cardsM .cardText {
        color: var(--theme-text);
        flex-grow: 1
    }
    
    .hubpage .cardsM .cardText>:first-child,article .cardsM .cardText>:first-child {
        color: var(--theme-text);
        margin-top: 0
    }
    
    .hubpage .cardsM .cardText>:only-child,article .cardsM .cardText>:only-child {
        font-weight: 400
    }
    
    .hubpage .cardsW .card,article .cardsW .card {
        box-shadow: none;
        border: 0;
        padding: 0
    }
    
    .theme-dark .hubpage .cardsW .card,.theme-dark article .cardsW .card {
        box-shadow: none;
        border: 0
    }
    
    .hubpage .cardsW .cardImage,article .cardsW .cardImage {
        width: 100%;
        display: block
    }
    
    .hubpage .cardsW .card h3,.hubpage .cardsW .card .likeAnH3,article .cardsW .card h3,article .cardsW .card .likeAnH3 {
        font-size: 1.188rem
    }
    
    .hubpage .cardsW .card p,article .cardsW .card p {
        margin: 10px 0 0;
        font-size: 1rem
    }
    
    .hubpage .noTouch .cardsX .card:hover,.hubpage .noTouch .cardsX .card:active,article .noTouch .cardsX .card:hover,article .noTouch .cardsX .card:active {
        border-color: #0000
    }
    
    .hubpage .cardsX .cardSize,article .cardsX .cardSize {
        position: relative
    }
    
    .hubpage .cardsX .card,article .cardsX .card {
        min-height: 92px;
        padding: 0
    }
    
    .hubpage .cardsX .cardImageOuter,article .cardsX .cardImageOuter {
        margin: 0
    }
    
    .hubpage .cardsX .cardImage,article .cardsX .cardImage {
        width: 300px;
        height: 92px;
        margin: auto
    }
    
    .hubpage .cardsX .cardText,article .cardsX .cardText,.hubpage .cardsX .card h3,.hubpage .cardsX .card .likeAnH3,article .cardsX .card h3,article .cardsX .card .likeAnH3 {
        display: none
    }
    
    @media only screen and (min-width: 769px) {
        .hubpage .cardsX>li,article .cardsX>li {
            margin-bottom:32px
        }
    }
    
    .hubpage .cardsY .card,article .cardsY .card {
        padding: 6px
    }
    
    .hubpage .cardsY .cardImageOuter,article .cardsY .cardImageOuter {
        float: left;
        margin: 6px 0 6px 4px
    }
    
    .hubpage .cardsY .cardImage,article .cardsY .cardImage {
        width: 50px;
        height: 50px
    }
    
    .hubpage .cardsY .cardImage img,article .cardsY .cardImage img {
        max-width: 50px;
        max-height: 50px
    }
    
    .hubpage .cardsY .cardText,article .cardsY .cardText {
        margin-top: 12px;
        padding-left: 64px
    }
    
    .hubpage .cardsY .card p,article .cardsY .card p {
        margin: 0;
        font-size: .875rem
    }
    
    .hubpage .cardsY a:hover,article .cardsY a:hover {
        text-decoration: none
    }
    
    .hubpage .cardsZ .cardImageOuter,article .cardsZ .cardImageOuter {
        display: none
    }
    
    .hubpage .cardsZ .card,article .cardsZ .card {
        min-height: 116px;
        padding-top: 24px
    }
    
    .hubpage ul.panelContent.directory>li,article ul.panelContent.directory>li {
        float: left;
        width: 50%
    }
    
    .hubpage ul.panelContent.directory>li>.group,article ul.panelContent.directory>li>.group {
        float: left;
        width: 50%;
        min-width: 240px
    }
    
    .hubpage .directory h3,.hubpage .directory .likeAnH3,article .directory h3,article .directory .likeAnH3 {
        margin-top: 4px
    }
    
    .hubpage .directory>main li ul,article .directory>main li ul {
        margin-bottom: 32px;
        list-style-type: none
    }
    
    .hubpage ul.panelContent.directory>li ul img,article ul.panelContent.directory>li ul img {
        float: left;
        width: 24px;
        height: 24px
    }
    
    @media only screen and (min-width: 1024px) {
        .hubpage .panelItem>ul.panelContent.directory>li,article .panelItem>ul.panelContent.directory>li {
            flex:0 50%
        }
    }
    
    .hubpage ul.panelContent.directory>li ul a,article ul.panelContent.directory>li ul a {
        color: var(--theme-text-subtle)
    }
    
    .hubpage .group li p,article .group li p {
        color: var(--theme-text-subtle);
        margin-left: 36px
    }
    
    .hubpage .group li:hover p,.hubpage .group li:active p,article .group li:hover p,article .group li:active p {
        color: var(--theme-primary-base);
        text-decoration: underline
    }
    
    .hubpage .ico48Link,.hubpage .ico64Link,article .ico48Link,article .ico64Link {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 8px;
        font-size: .8375rem;
        display: inline-block
    }
    
    .hubpage .ico48Link h3,.hubpage .ico64Link h3,article .ico48Link h3,article .ico64Link h3 {
        margin-top: 0;
        margin-bottom: 12px
    }
    
    .hubpage .ico48Link img,article .ico48Link img {
        width: 48px;
        height: 48px
    }
    
    .hubpage .ico64Link img,article .ico64Link img {
        width: 64px;
        height: 64px
    }
    
    .hubpage .ico48Link span,.hubpage .ico64Link span,article .ico48Link span,article .ico64Link span {
        display: block
    }
    
    .hubpage .ico48Case .ico48Link,.hubpage .ico64Case .ico64Link,article .ico48Case .ico48Link,article .ico64Case .ico64Link {
        margin-right: 48px
    }
    
    .hubpage li.bottomRightItem,article li.bottomRightItem {
        min-height: 100px;
        position: relative
    }
    
    .hubpage li.bottomRightItem a,article 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 article {
        width: auto;
        margin-left: 0;
        margin-right: 0
    }
    
    html.hubpage article h1 {
        margin-bottom: 16px
    }
    
    html.hubpage article ol,html.hubpage article ul,html.hubpage article ol ol,html.hubpage article ul ul,html.hubpage article[dir=rtl] ol,html.hubpage article[dir=rtl] ul,html.hubpage article[dir=rtl] ol ol,html.hubpage article[dir=rtl] ul ul {
        margin: 0;
        padding: 0
    }
    
    html.hubpage article ul.panelContent li,html.hubpage article ul.panelContent>li {
        list-style-type: none
    }
    
    html.hubpage article ul.noBullet {
        margin-left: 0
    }
    
    html.hubpage article ul.noBullet>li {
        list-style-type: none
    }
    
    html.hubpage article .container {
        width: 100%;
        max-width: 1600px;
        margin: 16px auto 0;
        position: relative
    }
    
    html.hubpage article .container:before,html.hubpage article .container:after {
        content: " ";
        display: table
    }
    
    html.hubpage article .container:after {
        clear: both
    }
    
    html.hubpage article .featuredContent {
        margin: 0 auto;
        display: flex;
        float: none!important
    }
    
    @media only screen and (min-width: 769px) {
        html.hubpage article .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);
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer;
        text-align: left;
        color: var(--theme-secondary-invert);
        background-position: 6px 4px;
        background-size: 24px 24px;
        border-style: none;
        width: 100%;
        height: 32px;
        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 {
            cursor:pointer;
            width: 228px;
            margin: 0 0 6px;
            font-size: .8375rem;
            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
    }
    
    article[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
    }
    
    htmlarticle .columnHolder {
        flex: auto;
        flex-wrap: column wrap;
        display: flex
    }
    
    htmlarticle .abstractHolder {
        flex-direction: column;
        justify-content: space-between;
        margin-top: 18px;
        display: flex
    }
    
    htmlarticle .abstract {
        width: 100%;
        font-size: 1.125rem;
        line-height: 1.7
    }
    
    htmlarticle .abstract p:first-child {
        margin-top: 0
    }
    
    htmlarticle .abstractHolder .menu {
        margin-top: 24px
    }
    
    htmlarticle .abstractHolder .menu ul {
        margin-top: 0;
        margin-left: 0
    }
    
    htmlarticle .abstractHolder .menu li {
        margin-top: 12px;
        line-height: 1.3;
        list-style-type: none
    }
    
    htmlarticle .abstractHolder .menu li:first-child {
        margin-top: 2px
    }
    
    htmlarticle .abstractHolder .menu .abstract-title {
        color: var(--theme-warning-dark);
        padding-bottom: 10px;
        font-weight: 600
    }
    
    htmlarticle .abstractHolder .aside {
        flex-direction: column;
        max-width: 250px;
        margin-top: 24px;
        display: flex
    }
    
    htmlarticle .abstractHolder .aside a {
        margin-right: 18px;
        display: inline-block
    }
    
    @media (min-width: 450px) {
        htmlarticle .abstractHolder .aside {
            flex-direction:row
        }
    }
    
    @media (max-width: 1023px) {
        htmlarticle .columnHolder .panelContent {
            margin-top:0;
            margin-bottom: 0
        }
    
        htmlarticle .columnHolder .column50:first-child .panelContent {
            margin-top: 24px;
            margin-bottom: 0
        }
    
        htmlarticle .abstractHolder {
            flex-direction: column;
            display: flex
        }
    
        htmlarticle .abstractHolder .abstract {
            order: 1
        }
    
        htmlarticle .abstractHolder .aside,htmlarticle .abstractHolder .menu {
            order: 2;
            max-width: unset!important
        }
    }
    
    @media (min-width: 1024px) {
        htmlarticle .abstractHolder {
            flex-direction:row;
            position: relative
        }
    
        htmlarticle .abstract {
            max-width: calc(100% - 315px)
        }
    
        htmlarticle .columnHolder {
            flex-direction: row
        }
    
        htmlarticle .column50 {
            flex: 50%;
            max-width: 50%
        }
    
        htmlarticle .abstractHolder .menu {
            border-left: 1px solid var(--theme-border);
            max-width: 225px;
            margin-top: 0;
            margin-left: 48px;
            padding-left: 17px;
            position: absolute;
            top: 0;
            right: 0
        }
    
        htmlarticle .abstractHolder .aside {
            flex-direction: column;
            order: 2;
            margin-top: 0;
            margin-left: 24px
        }
    
        htmlarticle .abstractHolder .aside a {
            margin-right: 0
        }
    }
    
    htmlarticle article ul.panelContent {
        flex-wrap: wrap;
        margin-top: 24px;
        margin-left: -12px;
        list-style-type: none;
        display: flex
    }
    
    htmlarticle ul.panelContent>li {
        flex: 0 100%;
        list-style-type: none
    }
    
    htmlarticle 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) {
        htmlarticle ul.panelContent>li {
            flex:0 50%
        }
    }
    
    @media only screen and (min-width: 1024px) {
        htmlarticle ul.panelContent>li {
            flex:0 33%
        }
    }
    
    htmlarticle .cardsW+h2 {
        margin-top: 14px
    }
    
    htmlarticle .cardsW a:hover {
        text-decoration: underline
    }
    
    htmlarticle ul.spaced>li {
        margin-bottom: 8px
    }
    
    htmlarticle ul.spaced+h2 {
        margin-top: 34px
    }
    
    htmlarticle ul.noBullet {
        margin-left: 0
    }
    
    htmlarticle ul.noBullet>li {
        list-style-type: none
    }
    
    htmlarticle table.dataMatrix th,htmlarticle table.dataMatrix td {
        text-align: center
    }
    
    htmlarticle table.dataMatrix th span {
        font-size: .75rem;
        display: block
    }
    
    htmlarticle table.dataMatrix td:first-child {
        text-align: left;
        font-size: 1rem;
        font-weight: 600
    }
    
    htmlarticle table.dataMatrix td span.docon-external-link {
        font-size: 2.125rem
    }
    
    htmlarticle table.dataMatrix td span.docon-external-link:after {
        content: "ï¼­";
        font-family: docons
    }
    
    htmlarticle table.dataMatrix td a {
        color: var(--theme-text)
    }
    
    htmlarticle table.dataMatrix td a:hover {
        color: var(--theme-primary-base);
        text-decoration: none
    }
    
    htmlarticle table.dataMatrix svg {
        fill: currentColor;
        forced-color-adjust: auto;
        width: 24px;
        height: 24px
    }
    
    htmlarticle .introHolder {
        flex-direction: column;
        margin-top: 18px;
        display: flex
    }
    
    htmlarticle .introHolder+h2 {
        margin-top: 0
    }
    
    htmlarticle article>p:first-child,htmlarticle .intro {
        padding-bottom: 36px;
        font-size: 1.125rem;
        line-height: 1.7
    }
    
    htmlarticle .intro {
        margin-top: 18px
    }
    
    htmlarticle .introHolder .intro {
        margin-top: 0
    }
    
    htmlarticle .calloutHolder .callout a {
        color: var(--theme-text)
    }
    
    htmlarticle .calloutHolder .callout a:hover {
        color: var(--theme-primary-base)
    }
    
    htmlarticle .calloutHolder .callout img {
        float: left;
        width: 50px;
        height: 50px;
        margin-top: 6px;
        margin-right: 12px
    }
    
    @media (min-width: 768px) {
        htmlarticle .introHolder {
            flex-direction:row
        }
    
        htmlarticle .introHolder .intro {
            flex-basis: calc(100% - 370px);
            max-width: calc(100% - 370px)
        }
    
        htmlarticle .introHolder .calloutHolder {
            flex: 0 0 358px;
            max-width: 358px;
            margin-left: 12px
        }
    
        htmlarticle .calloutHolder .callout {
            border-left: solid 1px var(--theme-border);
            padding-left: 12px
        }
    }
    
    htmlarticle .downloadHolder {
        border-top: 1px solid var(--theme-border);
        margin-top: 48px;
        padding-top: 36px;
        display: none
    }
    
    htmlarticle .downloadHolder .img {
        float: left;
        background-image: url(download_hover.b3cc5409.svg);
        background-size: cover;
        width: 50px;
        height: 50px
    }
    
    htmlarticle .downloadHolder:hover .img {
        background-position: -50px 0
    }
    
    htmlarticle .downloadHolder .text {
        padding-top: 8px;
        padding-left: 60px
    }
    
    htmlarticle[lang=en-us] .downloadHolder {
        display: block
    }
    
    htmlarticle.os-high-contrast-enabled .downloadHolder .img {
        display: none
    }
    
    htmlarticle.os-high-contrast-enabled .downloadHolder .text {
        padding-left: 0
    }
    
    html.learningpath .prerequisites p:first-of-type {
        margin-top: 0
    }
    
    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: "ï Š";
        background-color: var(--theme-secondary-box-shadow);
        color: var(--theme-text-subtle);
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        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-width: 95vw;
        max-height: 75vh
    }
    
    @media screen and (min-width: 768px),print {
        .image-browser-expandable {
            max-width:80vw;
            max-height: 80vh
        }
    }
    
    .image-browser-pannable {
        cursor: move;
        max-width: none
    }
    
    .image-browser-transition {
        transition: all .3s linear
    }
    
    html.localelist article ul {
        margin: 32px 0 0;
        list-style-type: none
    }
    
    html.localelist article ul>li {
        list-style-type: none
    }
    
    html.localelist article ul>li>a:not(:hover):not(:focus-visible) {
        color: var(--theme-text)
    }
    
    html.localelist article .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
    }
    
    article .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
    }
    
    article .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 {
            cursor: default;
            -webkit-user-select: none;
            user-select: none;
            flex-grow: 0;
            flex-shrink: 0;
            width: 100%;
            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) article .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 {
        min-width: 250px;
        height: 36px;
        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);
        box-sizing: border-box;
        width: 300px;
        position: relative
    }
    
    html.profilelist .map-mode-container .map-infobox:after,html.profilelist .map-mode-container .map-infobox:before {
        pointer-events: none;
        content: " ";
        border-style: solid solid outset;
        border-color: #0000;
        width: 0;
        height: 0;
        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);
        border: 1px solid var(--theme-border);
        width: 100%;
        max-height: 370px;
        margin: 0;
        overflow-x: hidden
    }
    
    html.profilelist .map-mode-container .map-infobox ul li {
        border-top: 1px solid var(--theme-border);
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        height: 90px;
        margin: 0 auto;
        display: flex
    }
    
    html.profilelist .map-mode-container .map-infobox ul li>a {
        justify-content: center;
        align-items: center;
        width: 33%;
        display: flex
    }
    
    html.profilelist .map-mode-container .map-infobox ul li>a img {
        border-radius: 50%;
        width: 75%;
        height: 75%
    }
    
    html.profilelist .map-mode-container .map-infobox ul li .profile-text {
        width: 66%
    }
    
    html.profilelist .map-mode-container .map-infobox ul li .profile-text 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(quiz-complete.9e5b011a.svg);
        background-position: calc(50% - 24px);
        background-repeat: no-repeat
    }
    
    .summaryHolder {
        display: flex
    }
    
    .summaryHolder>img {
        flex-shrink: 1;
        flex-basis: max-content;
        height: 64px;
        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 article ul li {
        list-style-type: none
    }
    
    html.restpage ul.type-list {
        margin: 0
    }
    
    .rest-tryit-form {
        background-color: var(--theme-body-background-medium);
        width: 100%;
        height: 100%;
        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 {
        flex-direction: row;
        align-items: stretch;
        width: 100%;
        min-height: 45px;
        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);
        text-align: right;
        width: 100%;
        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 {
            flex: 0 calc(100% - 300px);
            width: 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 article[dir=rtl] .tutorial-nav {
        flex-direction: row-reverse
    }
    
    html.tutorial .tutorial-nav-button {
        text-align: center;
        flex-grow: 0;
        flex-shrink: 0;
        min-width: 80px;
        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 {
            flex-direction: column;
            flex-shrink: 1;
            flex-basis: 50%;
            max-width: 300px;
            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 {
        visibility: hidden;
        fill: var(--theme-success-base);
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        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;
        max-width: 100%;
        height: 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 */