@charset "UTF-8";
/* fluent design css */
/*@import"https://cdn.jsdelivr.net/npm/@docsearch/css@3";*/ 
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /*Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;*/
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root, [data-theme=light] {
    --sidebar-width: 260px;
    --offscreen-sidebar-width: 324px;
    --side-padding: 32px;
    --sidebar-border-color: var(--colorNeutralBackground10)
}



.content-width {
    margin: 0 auto;
    padding-left: var(--side-padding, 32px);
    padding-right: var(--side-padding, 32px);
    width: 100%
}



.mt-1 {
    margin-top: .5em
}

.m-0-wrap * {
    margin: 0
}

@font-face {
    font-family: Cascadia Code;
    src: url(/assets/fonts/CascadiaCode.ttf) format("truetype"),url(/assets/fonts/CascadiaCode-Regular.otf) format("opentype"),url(/assets/fonts/CascadiaCode.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

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

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

@font-face {
    font-family: Segoe UI;
    src: local("Segoe UI Bold"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype");
    font-weight: 900;
    font-display: swap
}

h1 {
    font-size: 68px;
    margin: 24px 0;
    font-weight: 600;
    line-height: 92px;
    letter-spacing: -.04em;
    font-style: normal
}

    h1:first-child {
        margin-top: 0
    }

h2, h3, h4, h5, h6 {
    margin: 1em 0;
    font-weight: 600
}

    h2 code, h3 code, h4 code, h5 code, h6 code {
        font-size: inherit
    }

h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    margin: 40px 0
}

h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 24px
}

p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 40px
}

.muted {
    color: var(--colorNeutralForeground11)
}

.small {
    font-size: 14px;
    line-height: 21px
}

.two-columns .small {
    margin-bottom: 12px
}

.ok {
    color: var(--colorNeutralForeground2Pro)
}

.notok {
    color: var(--colorNeutralForegroundCon)
}

pre {
    padding: 1em;
    background-color: #faf9f8
}

strong {
    font-weight: 600
}

    strong.red {
        color: var(--colorInfoTileStrongEnforce)
    }

    strong.gray {
        color: var(--colorNeutralStroke1Selected)
    }

.caption-2 {
    font-size: 10px;
    line-height: 14px
}

.subtitle-2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

    .subtitle-2.light {
        font-weight: 400
    }


.subtitle-2-annotation {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--colorNeutralForeground3);
    margin-top: -12px
}

.subtitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600
}


.title-3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.title-3-android {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

.title-2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600
}


.title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600
}


.subtitle-paragraph, .implementation-property-description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--colorNeutralForeground6);
    margin-bottom: 24px
}

    .subtitle-paragraph.ok, .implementation-property-description.ok {
        color: var(--colorNeutralForeground2Pro);
        font-weight: 600
    }

    .subtitle-paragraph.notok, .implementation-property-description.notok {
        color: var(--colorNeutralForegroundCon);
        font-weight: 600
    }

    .subtitle-paragraph.no-bottom, .implementation-property-description.no-bottom {
        margin-bottom: 0
    }

    .subtitle-paragraph.no-margin, .implementation-property-description.no-margin {
        margin: 0
    }

    .subtitle-paragraph.gray, .implementation-property-description.gray {
        color: var(--colorNeutralForeground3)
    }

        .subtitle-paragraph.gray code, .implementation-property-description.gray code {
            color: var(--colorNeutralForeground1)
        }

    .subtitle-paragraph code, .implementation-property-description code {
        font-size: 16px
    }

    .subtitle-paragraph + div, .subtitle-paragraph + img, .subtitle-paragraph + table, .subtitle-paragraph + a, .subtitle-paragraph + hr, .subtitle-paragraph + h2, .subtitle-paragraph + h3, .subtitle-paragraph + h4, .implementation-property-description + div, .implementation-property-description + img, .implementation-property-description + table, .implementation-property-description + a, .implementation-property-description + hr, .implementation-property-description + h2, .implementation-property-description + h3, .implementation-property-description + h4 {
        padding-top: 16px
    }

.card-title, .implementation-property-title, .implementation-property-values, .implementation-property-default {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--colorNeutralForeground1);
    margin-bottom: 12px
}

    .card-title.ok, .implementation-property-title.ok, .implementation-property-values.ok, .ok.implementation-property-default {
        color: var(--colorNeutralForeground2Pro)
    }

    .card-title.notok, .implementation-property-title.notok, .implementation-property-values.notok, .notok.implementation-property-default {
        color: var(--colorNeutralForegroundCon)
    }

    .card-title.gray, .implementation-property-title.gray, .implementation-property-values.gray, .gray.implementation-property-default {
        color: var(--colorNeutralForeground3)
    }

.implementation-property-default {
    margin-bottom: 0
}

    .implementation-property-default.none {
        font-style: normal;
        font-weight: 400;
        color: var(--colorNeutralForeground3);
        font-style: italic
    }

.card-body {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0
}

    .card-body.large {
        font-size: 16px;
        line-height: 24px
    }

    .card-body.gray {
        color: var(--colorNeutralForeground3)
    }

code {
    font-family: Menlo,monospace;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -.2px
}

h1:focus {
    outline: none
}

ol.subtitle-paragraph {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 15px
}

    ol.subtitle-paragraph li {
        padding-left: 0
    }

        ol.subtitle-paragraph li::marker {
            content: "•  "
        }

    ol.subtitle-paragraph.list-numbers {
        list-style-type: decimal;
        counter-reset: list
    }

        ol.subtitle-paragraph.list-numbers li {
            counter-increment: list
        }

            ol.subtitle-paragraph.list-numbers li::marker {
                content: counter(list) ". "
            }

    ol.subtitle-paragraph.indented {
        padding-left: 40px
    }

    ol.subtitle-paragraph.indented--half {
        padding-left: 20px
    }

    ol.subtitle-paragraph.no-marker {
        list-style-type: none;
        padding-left: 0
    }

        ol.subtitle-paragraph.no-marker li::marker {
            content: ""
        }


table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 21px
}

    table tr {
        height: 53px
    }

    table td, table th {
        padding-left: 12px
    }

    table thead {
        text-align: left;
        font-weight: 600;
        border-bottom: 1px solid var(--colorNeutralStroke3)
    }

    table tbody tr:nth-child(2n) {
        background-color: var(--colorNeutralBackground14)
    }

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px
}

    .nav .logo-search-container {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .nav .toggle-login-container {
        display: flex;
        align-items: center;
        gap: 24px
    }

.links {
    flex: 1 0 auto;
    align-items: center;
    justify-content: space-between
}

.fluent1-link {
    padding: 8px 15px;
    border-radius: 18px;
    color: var(--colorNeutralForeground12);
    border: 1px solid var(--colorNeutralForeground12);
    transition: color .1s,border-color .1s;
    font-size: 12px;
    font-font-weight: 600;
    line-height: 16px
}

    .fluent1-link:hover {
        color: var(--colorNeutralForeground12Hover);
        border-color: var(--colorNeutralForeground12Hover)
    }

@media(min-width:1140px) {
    .nav .logo-search-container {
        column-gap: 75px
    }
}


.ext {
    column-gap: 10px
}

.sep {
    margin: 24px 0;
    border: 0;
    height: 1px;
    display: block;
    background: var(--colorStrokeFocus2);
    opacity: .1
}

.social-links {
    margin-left: -6px;
    column-gap: 4px
}

    .social-links a {
        display: flex;
        align-items: center;
        padding: 6px
    }

.external-links {
    column-gap: .5em;
    font-size: 12px;
    margin-top: 1em;
    text-align: center;
    justify-content: right;
    row-gap: .5em;
    flex-wrap: wrap
}

    .external-links a, .external-links li, .external-links button {
        color: var(--colorStrokeFocus2);
        line-height: 16px
    }

        .external-links li:last-child {
            padding-left: 4px
        }

    .external-links a, .external-links button {
        padding: 3px 4px;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: var(--colorNeutralStrokeAccessiblePressed)
    }

    .external-links button {
        border: none;
        background: none
    }

@media(min-width:440px) {
    .footer-top {
        justify-content: space-between
    }

    .footer-links {
        font-weight: 600;
        font-size: 16px;
        line-height: 21px
    }

    .footer-bottom {
        display: flex;
        column-gap: .5em
    }

    .external-links {
        margin: 0
    }

        .external-links a, .external-links button {
            padding: 0
        }
}

@media(min-width:834px) {
    .external-links a, .external-links button {
        padding: 3px 4px
    }
}



[data-theme=light], :root {
    --borderRadiusNone: 0;
    --borderRadiusSmall: 2px;
    --borderRadiusMedium: 4px;
    --borderRadiusLarge: 6px;
    --borderRadiusXLarge: 8px;
    --borderRadiusCircular: 10000px;
    --fontSizeBase100: 10px;
    --fontSizeBase200: 12px;
    --fontSizeBase300: 14px;
    --fontSizeBase400: 16px;
    --fontSizeBase500: 20px;
    --fontSizeBase600: 24px;
    --fontSizeHero700: 28px;
    --fontSizeHero800: 32px;
    --fontSizeHero900: 40px;
    --fontSizeHero1000: 68px;
    --lineHeightBase100: 14px;
    --lineHeightBase200: 16px;
    --lineHeightBase300: 20px;
    --lineHeightBase400: 22px;
    --lineHeightBase500: 28px;
    --lineHeightBase600: 32px;
    --lineHeightHero700: 36px;
    --lineHeightHero800: 40px;
    --lineHeightHero900: 52px;
    --lineHeightHero1000: 92px;
    --fontFamilyBase: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    --fontFamilyMonospace: Consolas, "Courier New", Courier, monospace;
    --fontFamilyNumeric: Bahnschrift, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    --fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightSemibold: 600;
    --fontWeightBold: 700;
    --strokeWidthThin: 1px;
    --strokeWidthThick: 2px;
    --strokeWidthThicker: 3px;
    --strokeWidthThickest: 4px;
    --spacingHorizontalNone: 0;
    --spacingHorizontalXXS: 2px;
    --spacingHorizontalXS: 4px;
    --spacingHorizontalSNudge: 6px;
    --spacingHorizontalS: 8px;
    --spacingHorizontalMNudge: 10px;
    --spacingHorizontalM: 12px;
    --spacingHorizontalL: 16px;
    --spacingHorizontalXL: 20px;
    --spacingHorizontalXXL: 24px;
    --spacingHorizontalXXXL: 32px;
    --spacingVerticalNone: 0;
    --spacingVerticalXXS: 2px;
    --spacingVerticalXS: 4px;
    --spacingVerticalSNudge: 6px;
    --spacingVerticalS: 8px;
    --spacingVerticalMNudge: 10px;
    --spacingVerticalM: 12px;
    --spacingVerticalL: 16px;
    --spacingVerticalXL: 20px;
    --spacingVerticalXXL: 24px;
    --spacingVerticalXXXL: 32px;
    --durationUltraFast: 50ms;
    --durationFaster: .1s;
    --durationFast: .15s;
    --durationNormal: .2s;
    --durationGentle: .25s;
    --durationSlow: .3s;
    --durationSlower: .4s;
    --durationUltraSlow: .5s;
    --curveAccelerateMax: cubic-bezier(.9, .1, 1, .2);
    --curveAccelerateMid: cubic-bezier(1, 0, 1, 1);
    --curveAccelerateMin: cubic-bezier(.8, 0, .78, 1);
    --curveDecelerateMax: cubic-bezier(.1, .9, .2, 1);
    --curveDecelerateMid: cubic-bezier(0, 0, 0, 1);
    --curveDecelerateMin: cubic-bezier(.33, 0, .1, 1);
    --curveEasyEaseMax: cubic-bezier(.8, 0, .2, 1);
    --curveEasyEase: cubic-bezier(.33, 0, .67, 1);
    --curveLinear: cubic-bezier(0, 0, 1, 1);
    --colorNeutralForeground1: #242424;
    --colorNeutralForeground1Hover: #242424;
    --colorNeutralForeground1Pressed: #242424;
    --colorNeutralForeground1Selected: #242424;
    --colorNeutralForeground2: #424242;
    --colorNeutralForeground2Hover: #242424;
    --colorNeutralForeground2Pressed: #242424;
    --colorNeutralForeground2Selected: #242424;
    --colorNeutralForeground2BrandHover: #0f6cbd;
    --colorNeutralForeground2BrandPressed: #115ea3;
    --colorNeutralForeground2BrandSelected: #0f6cbd;
    --colorNeutralForeground3: #616161;
    --colorNeutralForeground3Hover: #424242;
    --colorNeutralForeground3Pressed: #424242;
    --colorNeutralForeground3Selected: #424242;
    --colorNeutralForeground3BrandHover: #0f6cbd;
    --colorNeutralForeground3BrandPressed: #115ea3;
    --colorNeutralForeground3BrandSelected: #0f6cbd;
    --colorNeutralForeground4: #707070;
    --colorNeutralForegroundDisabled: #bdbdbd;
    --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, .4);
    --colorBrandForegroundLink: #115ea3;
    --colorBrandForegroundLinkHover: #0f548c;
    --colorBrandForegroundLinkPressed: #0c3b5e;
    --colorBrandForegroundLinkSelected: #115ea3;
    --colorNeutralForeground2Link: #424242;
    --colorNeutralForeground2LinkHover: #242424;
    --colorNeutralForeground2LinkPressed: #242424;
    --colorNeutralForeground2LinkSelected: #242424;
    --colorCompoundBrandForeground1: #0f6cbd;
    --colorCompoundBrandForeground1Hover: #115ea3;
    --colorCompoundBrandForeground1Pressed: #0f548c;
    --colorBrandForeground1: #0f6cbd;
    --colorBrandForeground2: #115ea3;
    --colorBrandForeground2Hover: #0f548c;
    --colorBrandForeground2Pressed: #0a2e4a;
    --colorNeutralForeground1Static: #242424;
    --colorNeutralForegroundStaticInverted: #ffffff;
    --colorNeutralForegroundInverted: #ffffff;
    --colorNeutralForegroundInvertedHover: #ffffff;
    --colorNeutralForegroundInvertedPressed: #ffffff;
    --colorNeutralForegroundInvertedSelected: #ffffff;
    --colorNeutralForegroundInverted2: #ffffff;
    --colorNeutralForegroundOnBrand: #ffffff;
    --colorNeutralForegroundInvertedLink: #ffffff;
    --colorNeutralForegroundInvertedLinkHover: #ffffff;
    --colorNeutralForegroundInvertedLinkPressed: #ffffff;
    --colorNeutralForegroundInvertedLinkSelected: #ffffff;
    --colorBrandForegroundInverted: #479ef5;
    --colorBrandForegroundInvertedHover: #62abf5;
    --colorBrandForegroundInvertedPressed: #479ef5;
    --colorBrandForegroundOnLight: #0f6cbd;
    --colorBrandForegroundOnLightHover: #115ea3;
    --colorBrandForegroundOnLightPressed: #0e4775;
    --colorBrandForegroundOnLightSelected: #0f548c;
    --colorNeutralBackground1: #ffffff;
    --colorNeutralBackground1Hover: #f5f5f5;
    --colorNeutralBackground1Pressed: #e0e0e0;
    --colorNeutralBackground1Selected: #ebebeb;
    --colorNeutralBackground2: #fafafa;
    --colorNeutralBackground2Hover: #f0f0f0;
    --colorNeutralBackground2Pressed: #dbdbdb;
    --colorNeutralBackground2Selected: #e6e6e6;
    --colorNeutralBackground3: #f5f5f5;
    --colorNeutralBackground3Hover: #ebebeb;
    --colorNeutralBackground3Pressed: #d6d6d6;
    --colorNeutralBackground3Selected: #e0e0e0;
    --colorNeutralBackground4: #f0f0f0;
    --colorNeutralBackground4Hover: #fafafa;
    --colorNeutralBackground4Pressed: #f5f5f5;
    --colorNeutralBackground4Selected: #ffffff;
    --colorNeutralBackground5: #ebebeb;
    --colorNeutralBackground5Hover: #f5f5f5;
    --colorNeutralBackground5Pressed: #f0f0f0;
    --colorNeutralBackground5Selected: #fafafa;
    --colorNeutralBackground6: #e6e6e6;
    --colorNeutralBackgroundInverted: #292929;
    --colorNeutralBackgroundStatic: #333333;
    --colorNeutralBackgroundAlpha: rgba(255, 255, 255, .5);
    --colorNeutralBackgroundAlpha2: rgba(255, 255, 255, .8);
    --colorSubtleBackground: transparent;
    --colorSubtleBackgroundHover: #f5f5f5;
    --colorSubtleBackgroundPressed: #e0e0e0;
    --colorSubtleBackgroundSelected: #ebebeb;
    --colorSubtleBackgroundLightAlphaHover: rgba(255, 255, 255, .7);
    --colorSubtleBackgroundLightAlphaPressed: rgba(255, 255, 255, .5);
    --colorSubtleBackgroundLightAlphaSelected: transparent;
    --colorSubtleBackgroundInverted: transparent;
    --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, .1);
    --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, .3);
    --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, .2);
    --colorTransparentBackground: transparent;
    --colorTransparentBackgroundHover: transparent;
    --colorTransparentBackgroundPressed: transparent;
    --colorTransparentBackgroundSelected: transparent;
    --colorNeutralBackgroundDisabled: #f0f0f0;
    --colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, .1);
    --colorNeutralStencil1: #e6e6e6;
    --colorNeutralStencil2: #fafafa;
    --colorNeutralStencil1Alpha: rgba(0, 0, 0, .1);
    --colorNeutralStencil2Alpha: rgba(0, 0, 0, .05);
    --colorBackgroundOverlay: rgba(0, 0, 0, .4);
    --colorScrollbarOverlay: rgba(0, 0, 0, .5);
    --colorBrandBackground: #0f6cbd;
    --colorBrandBackgroundHover: #115ea3;
    --colorBrandBackgroundPressed: #0c3b5e;
    --colorBrandBackgroundSelected: #0f548c;
    --colorCompoundBrandBackground: #0f6cbd;
    --colorCompoundBrandBackgroundHover: #115ea3;
    --colorCompoundBrandBackgroundPressed: #0f548c;
    --colorBrandBackgroundStatic: #0f6cbd;
    --colorBrandBackground2: #ebf3fc;
    --colorBrandBackground2Hover: #cfe4fa;
    --colorBrandBackground2Pressed: #96c6fa;
    --colorBrandBackground3Static: #0f548c;
    --colorBrandBackground4Static: #0c3b5e;
    --colorBrandBackgroundInverted: #ffffff;
    --colorBrandBackgroundInvertedHover: #ebf3fc;
    --colorBrandBackgroundInvertedPressed: #b4d6fa;
    --colorBrandBackgroundInvertedSelected: #cfe4fa;
    --colorNeutralCardBackground: #fafafa;
    --colorNeutralCardBackgroundHover: #ffffff;
    --colorNeutralCardBackgroundPressed: #f5f5f5;
    --colorNeutralCardBackgroundSelected: #ebebeb;
    --colorNeutralCardBackgroundDisabled: #f0f0f0;
    --colorNeutralStrokeAccessible: #616161;
    --colorNeutralStrokeAccessibleHover: #575757;
    --colorNeutralStrokeAccessiblePressed: #4d4d4d;
    --colorNeutralStrokeAccessibleSelected: #0f6cbd;
    --colorNeutralStroke1: #d1d1d1;
    --colorNeutralStroke1Hover: #c7c7c7;
    --colorNeutralStroke1Pressed: #b3b3b3;
    --colorNeutralStroke1Selected: #bdbdbd;
    --colorNeutralStroke2: #e0e0e0;
    --colorNeutralStroke3: #f0f0f0;
    --colorNeutralStrokeSubtle: #e0e0e0;
    --colorNeutralStrokeOnBrand: #ffffff;
    --colorNeutralStrokeOnBrand2: #ffffff;
    --colorNeutralStrokeOnBrand2Hover: #ffffff;
    --colorNeutralStrokeOnBrand2Pressed: #ffffff;
    --colorNeutralStrokeOnBrand2Selected: #ffffff;
    --colorBrandStroke1: #0f6cbd;
    --colorBrandStroke2: #b4d6fa;
    --colorBrandStroke2Hover: #77b7f7;
    --colorBrandStroke2Pressed: #0f6cbd;
    --colorBrandStroke2Contrast: #b4d6fa;
    --colorCompoundBrandStroke: #0f6cbd;
    --colorCompoundBrandStrokeHover: #115ea3;
    --colorCompoundBrandStrokePressed: #0f548c;
    --colorNeutralStrokeDisabled: #e0e0e0;
    --colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, .4);
    --colorTransparentStroke: transparent;
    --colorTransparentStrokeInteractive: transparent;
    --colorTransparentStrokeDisabled: transparent;
    --colorNeutralStrokeAlpha: rgba(0, 0, 0, .05);
    --colorNeutralStrokeAlpha2: rgba(255, 255, 255, .2);
    --colorStrokeFocus1: #ffffff;
    --colorStrokeFocus2: #000000;
    --colorNeutralShadowAmbient: rgba(0, 0, 0, .12);
    --colorNeutralShadowKey: rgba(0, 0, 0, .14);
    --colorNeutralShadowAmbientLighter: rgba(0, 0, 0, .06);
    --colorNeutralShadowKeyLighter: rgba(0, 0, 0, .07);
    --colorNeutralShadowAmbientDarker: rgba(0, 0, 0, .2);
    --colorNeutralShadowKeyDarker: rgba(0, 0, 0, .24);
    --colorBrandShadowAmbient: rgba(0, 0, 0, .3);
    --colorBrandShadowKey: rgba(0, 0, 0, .25);
    --colorPaletteRedBackground1: #fdf6f6;
    --colorPaletteRedBackground2: #f1bbbc;
    --colorPaletteRedBackground3: #d13438;
    --colorPaletteRedForeground1: #bc2f32;
    --colorPaletteRedForeground2: #751d1f;
    --colorPaletteRedForeground3: #d13438;
    --colorPaletteRedBorderActive: #d13438;
    --colorPaletteRedBorder1: #f1bbbc;
    --colorPaletteRedBorder2: #d13438;
    --colorPaletteGreenBackground1: #f1faf1;
    --colorPaletteGreenBackground2: #9fd89f;
    --colorPaletteGreenBackground3: #107c10;
    --colorPaletteGreenForeground1: #0e700e;
    --colorPaletteGreenForeground2: #094509;
    --colorPaletteGreenForeground3: #107c10;
    --colorPaletteGreenBorderActive: #107c10;
    --colorPaletteGreenBorder1: #9fd89f;
    --colorPaletteGreenBorder2: #107c10;
    --colorPaletteDarkOrangeBackground1: #fdf6f3;
    --colorPaletteDarkOrangeBackground2: #f4bfab;
    --colorPaletteDarkOrangeBackground3: #da3b01;
    --colorPaletteDarkOrangeForeground1: #c43501;
    --colorPaletteDarkOrangeForeground2: #7a2101;
    --colorPaletteDarkOrangeForeground3: #da3b01;
    --colorPaletteDarkOrangeBorderActive: #da3b01;
    --colorPaletteDarkOrangeBorder1: #f4bfab;
    --colorPaletteDarkOrangeBorder2: #da3b01;
    --colorPaletteYellowBackground1: #fffef5;
    --colorPaletteYellowBackground2: #fef7b2;
    --colorPaletteYellowBackground3: #fde300;
    --colorPaletteYellowForeground1: #817400;
    --colorPaletteYellowForeground2: #817400;
    --colorPaletteYellowForeground3: #fde300;
    --colorPaletteYellowBorderActive: #fde300;
    --colorPaletteYellowBorder1: #fef7b2;
    --colorPaletteYellowBorder2: #fde300;
    --colorPaletteBerryBackground1: #fdf5fc;
    --colorPaletteBerryBackground2: #edbbe7;
    --colorPaletteBerryBackground3: #c239b3;
    --colorPaletteBerryForeground1: #af33a1;
    --colorPaletteBerryForeground2: #6d2064;
    --colorPaletteBerryForeground3: #c239b3;
    --colorPaletteBerryBorderActive: #c239b3;
    --colorPaletteBerryBorder1: #edbbe7;
    --colorPaletteBerryBorder2: #c239b3;
    --colorPaletteLightGreenBackground1: #f2fbf2;
    --colorPaletteLightGreenBackground2: #a7e3a5;
    --colorPaletteLightGreenBackground3: #13a10e;
    --colorPaletteLightGreenForeground1: #11910d;
    --colorPaletteLightGreenForeground2: #0b5a08;
    --colorPaletteLightGreenForeground3: #13a10e;
    --colorPaletteLightGreenBorderActive: #13a10e;
    --colorPaletteLightGreenBorder1: #a7e3a5;
    --colorPaletteLightGreenBorder2: #13a10e;
    --colorPaletteMarigoldBackground1: #fefbf4;
    --colorPaletteMarigoldBackground2: #f9e2ae;
    --colorPaletteMarigoldBackground3: #eaa300;
    --colorPaletteMarigoldForeground1: #d39300;
    --colorPaletteMarigoldForeground2: #835b00;
    --colorPaletteMarigoldForeground3: #eaa300;
    --colorPaletteMarigoldBorderActive: #eaa300;
    --colorPaletteMarigoldBorder1: #f9e2ae;
    --colorPaletteMarigoldBorder2: #eaa300;
    --colorPaletteRedForegroundInverted: #dc5e62;
    --colorPaletteGreenForegroundInverted: #359b35;
    --colorPaletteYellowForegroundInverted: #fef7b2;
    --colorPaletteDarkRedBackground2: #d69ca5;
    --colorPaletteDarkRedForeground2: #420610;
    --colorPaletteDarkRedBorderActive: #750b1c;
    --colorPaletteCranberryBackground2: #eeacb2;
    --colorPaletteCranberryForeground2: #6e0811;
    --colorPaletteCranberryBorderActive: #c50f1f;
    --colorPalettePumpkinBackground2: #efc4ad;
    --colorPalettePumpkinForeground2: #712d09;
    --colorPalettePumpkinBorderActive: #ca5010;
    --colorPalettePeachBackground2: #ffddb3;
    --colorPalettePeachForeground2: #8f4e00;
    --colorPalettePeachBorderActive: #ff8c00;
    --colorPaletteGoldBackground2: #ecdfa5;
    --colorPaletteGoldForeground2: #6c5700;
    --colorPaletteGoldBorderActive: #c19c00;
    --colorPaletteBrassBackground2: #e0cea2;
    --colorPaletteBrassForeground2: #553e06;
    --colorPaletteBrassBorderActive: #986f0b;
    --colorPaletteBrownBackground2: #ddc3b0;
    --colorPaletteBrownForeground2: #50301a;
    --colorPaletteBrownBorderActive: #8e562e;
    --colorPaletteForestBackground2: #bdd99b;
    --colorPaletteForestForeground2: #294903;
    --colorPaletteForestBorderActive: #498205;
    --colorPaletteSeafoamBackground2: #a8f0cd;
    --colorPaletteSeafoamForeground2: #00723b;
    --colorPaletteSeafoamBorderActive: #00cc6a;
    --colorPaletteDarkGreenBackground2: #9ad29a;
    --colorPaletteDarkGreenForeground2: #063b06;
    --colorPaletteDarkGreenBorderActive: #0b6a0b;
    --colorPaletteLightTealBackground2: #a6e9ed;
    --colorPaletteLightTealForeground2: #00666d;
    --colorPaletteLightTealBorderActive: #00b7c3;
    --colorPaletteTealBackground2: #9bd9db;
    --colorPaletteTealForeground2: #02494c;
    --colorPaletteTealBorderActive: #038387;
    --colorPaletteSteelBackground2: #94c8d4;
    --colorPaletteSteelForeground2: #00333f;
    --colorPaletteSteelBorderActive: #005b70;
    --colorPaletteBlueBackground2: #a9d3f2;
    --colorPaletteBlueForeground2: #004377;
    --colorPaletteBlueBorderActive: #0078d4;
    --colorPaletteRoyalBlueBackground2: #9abfdc;
    --colorPaletteRoyalBlueForeground2: #002c4e;
    --colorPaletteRoyalBlueBorderActive: #004e8c;
    --colorPaletteCornflowerBackground2: #c8d1fa;
    --colorPaletteCornflowerForeground2: #2c3c85;
    --colorPaletteCornflowerBorderActive: #4f6bed;
    --colorPaletteNavyBackground2: #a3b2e8;
    --colorPaletteNavyForeground2: #001665;
    --colorPaletteNavyBorderActive: #0027b4;
    --colorPaletteLavenderBackground2: #d2ccf8;
    --colorPaletteLavenderForeground2: #3f3682;
    --colorPaletteLavenderBorderActive: #7160e8;
    --colorPalettePurpleBackground2: #c6b1de;
    --colorPalettePurpleForeground2: #341a51;
    --colorPalettePurpleBorderActive: #5c2e91;
    --colorPaletteGrapeBackground2: #d9a7e0;
    --colorPaletteGrapeForeground2: #4c0d55;
    --colorPaletteGrapeBorderActive: #881798;
    --colorPaletteLilacBackground2: #e6bfed;
    --colorPaletteLilacForeground2: #63276d;
    --colorPaletteLilacBorderActive: #b146c2;
    --colorPalettePinkBackground2: #f7c0e3;
    --colorPalettePinkForeground2: #80215d;
    --colorPalettePinkBorderActive: #e43ba6;
    --colorPaletteMagentaBackground2: #eca5d1;
    --colorPaletteMagentaForeground2: #6b0043;
    --colorPaletteMagentaBorderActive: #bf0077;
    --colorPalettePlumBackground2: #d696c0;
    --colorPalettePlumForeground2: #43002b;
    --colorPalettePlumBorderActive: #77004d;
    --colorPaletteBeigeBackground2: #d7d4d4;
    --colorPaletteBeigeForeground2: #444241;
    --colorPaletteBeigeBorderActive: #7a7574;
    --colorPaletteMinkBackground2: #cecccb;
    --colorPaletteMinkForeground2: #343231;
    --colorPaletteMinkBorderActive: #5d5a58;
    --colorPalettePlatinumBackground2: #cdd6d8;
    --colorPalettePlatinumForeground2: #3b4447;
    --colorPalettePlatinumBorderActive: #69797e;
    --colorPaletteAnchorBackground2: #bcc3c7;
    --colorPaletteAnchorForeground2: #202427;
    --colorPaletteAnchorBorderActive: #394146;
    --colorStatusSuccessBackground1: #f1faf1;
    --colorStatusSuccessBackground2: #9fd89f;
    --colorStatusSuccessBackground3: #107c10;
    --colorStatusSuccessForeground1: #0e700e;
    --colorStatusSuccessForeground2: #094509;
    --colorStatusSuccessForeground3: #107c10;
    --colorStatusSuccessForegroundInverted: #54b054;
    --colorStatusSuccessBorderActive: #107c10;
    --colorStatusSuccessBorder1: #9fd89f;
    --colorStatusSuccessBorder2: #107c10;
    --colorStatusWarningBackground1: #fff9f5;
    --colorStatusWarningBackground2: #fdcfb4;
    --colorStatusWarningBackground3: #f7630c;
    --colorStatusWarningForeground1: #bc4b09;
    --colorStatusWarningForeground2: #8a3707;
    --colorStatusWarningForeground3: #bc4b09;
    --colorStatusWarningForegroundInverted: #faa06b;
    --colorStatusWarningBorderActive: #f7630c;
    --colorStatusWarningBorder1: #fdcfb4;
    --colorStatusWarningBorder2: #bc4b09;
    --colorStatusDangerBackground1: #fdf3f4;
    --colorStatusDangerBackground2: #eeacb2;
    --colorStatusDangerBackground3: #c50f1f;
    --colorStatusDangerForeground1: #b10e1c;
    --colorStatusDangerForeground2: #6e0811;
    --colorStatusDangerForeground3: #c50f1f;
    --colorStatusDangerForegroundInverted: #dc626d;
    --colorStatusDangerBorderActive: #c50f1f;
    --colorStatusDangerBorder1: #eeacb2;
    --colorStatusDangerBorder2: #c50f1f;
    --colorStatusDangerBackground3Hover: #b10e1c;
    --colorStatusDangerBackground3Pressed: #960b18;
    --shadow2: 0 0 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .14);
    --shadow4: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14);
    --shadow8: 0 0 2px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .14);
    --shadow16: 0 0 2px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .14);
    --shadow28: 0 0 8px rgba(0, 0, 0, .12), 0 14px 28px rgba(0, 0, 0, .14);
    --shadow64: 0 0 8px rgba(0, 0, 0, .12), 0 32px 64px rgba(0, 0, 0, .14);
    --shadow2Brand: 0 0 2px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .25);
    --shadow4Brand: 0 0 2px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .25);
    --shadow8Brand: 0 0 2px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .25);
    --shadow16Brand: 0 0 2px rgba(0, 0, 0, .3), 0 8px 16px rgba(0, 0, 0, .25);
    --shadow28Brand: 0 0 8px rgba(0, 0, 0, .3), 0 14px 28px rgba(0, 0, 0, .25);
    --shadow64Brand: 0 0 8px rgba(0, 0, 0, .3), 0 32px 64px rgba(0, 0, 0, .25)
}

[data-theme=dark] {
    --borderRadiusNone: 0;
    --borderRadiusSmall: 2px;
    --borderRadiusMedium: 4px;
    --borderRadiusLarge: 6px;
    --borderRadiusXLarge: 8px;
    --borderRadiusCircular: 10000px;
    --fontSizeBase100: 10px;
    --fontSizeBase200: 12px;
    --fontSizeBase300: 14px;
    --fontSizeBase400: 16px;
    --fontSizeBase500: 20px;
    --fontSizeBase600: 24px;
    --fontSizeHero700: 28px;
    --fontSizeHero800: 32px;
    --fontSizeHero900: 40px;
    --fontSizeHero1000: 68px;
    --lineHeightBase100: 14px;
    --lineHeightBase200: 16px;
    --lineHeightBase300: 20px;
    --lineHeightBase400: 22px;
    --lineHeightBase500: 28px;
    --lineHeightBase600: 32px;
    --lineHeightHero700: 36px;
    --lineHeightHero800: 40px;
    --lineHeightHero900: 52px;
    --lineHeightHero1000: 92px;
    --fontFamilyBase: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    --fontFamilyMonospace: Consolas, "Courier New", Courier, monospace;
    --fontFamilyNumeric: Bahnschrift, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    --fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightSemibold: 600;
    --fontWeightBold: 700;
    --strokeWidthThin: 1px;
    --strokeWidthThick: 2px;
    --strokeWidthThicker: 3px;
    --strokeWidthThickest: 4px;
    --spacingHorizontalNone: 0;
    --spacingHorizontalXXS: 2px;
    --spacingHorizontalXS: 4px;
    --spacingHorizontalSNudge: 6px;
    --spacingHorizontalS: 8px;
    --spacingHorizontalMNudge: 10px;
    --spacingHorizontalM: 12px;
    --spacingHorizontalL: 16px;
    --spacingHorizontalXL: 20px;
    --spacingHorizontalXXL: 24px;
    --spacingHorizontalXXXL: 32px;
    --spacingVerticalNone: 0;
    --spacingVerticalXXS: 2px;
    --spacingVerticalXS: 4px;
    --spacingVerticalSNudge: 6px;
    --spacingVerticalS: 8px;
    --spacingVerticalMNudge: 10px;
    --spacingVerticalM: 12px;
    --spacingVerticalL: 16px;
    --spacingVerticalXL: 20px;
    --spacingVerticalXXL: 24px;
    --spacingVerticalXXXL: 32px;
    --durationUltraFast: 50ms;
    --durationFaster: .1s;
    --durationFast: .15s;
    --durationNormal: .2s;
    --durationGentle: .25s;
    --durationSlow: .3s;
    --durationSlower: .4s;
    --durationUltraSlow: .5s;
    --curveAccelerateMax: cubic-bezier(.9, .1, 1, .2);
    --curveAccelerateMid: cubic-bezier(1, 0, 1, 1);
    --curveAccelerateMin: cubic-bezier(.8, 0, .78, 1);
    --curveDecelerateMax: cubic-bezier(.1, .9, .2, 1);
    --curveDecelerateMid: cubic-bezier(0, 0, 0, 1);
    --curveDecelerateMin: cubic-bezier(.33, 0, .1, 1);
    --curveEasyEaseMax: cubic-bezier(.8, 0, .2, 1);
    --curveEasyEase: cubic-bezier(.33, 0, .67, 1);
    --curveLinear: cubic-bezier(0, 0, 1, 1);
    --colorNeutralForeground1: #ffffff;
    --colorNeutralForeground1Hover: #ffffff;
    --colorNeutralForeground1Pressed: #ffffff;
    --colorNeutralForeground1Selected: #ffffff;
    --colorNeutralForeground2: #d6d6d6;
    --colorNeutralForeground2Hover: #ffffff;
    --colorNeutralForeground2Pressed: #ffffff;
    --colorNeutralForeground2Selected: #ffffff;
    --colorNeutralForeground2BrandHover: #479ef5;
    --colorNeutralForeground2BrandPressed: #2886de;
    --colorNeutralForeground2BrandSelected: #479ef5;
    --colorNeutralForeground3: #adadad;
    --colorNeutralForeground3Hover: #d6d6d6;
    --colorNeutralForeground3Pressed: #d6d6d6;
    --colorNeutralForeground3Selected: #d6d6d6;
    --colorNeutralForeground3BrandHover: #479ef5;
    --colorNeutralForeground3BrandPressed: #2886de;
    --colorNeutralForeground3BrandSelected: #479ef5;
    --colorNeutralForeground4: #999999;
    --colorNeutralForegroundDisabled: #5c5c5c;
    --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, .4);
    --colorBrandForegroundLink: #479ef5;
    --colorBrandForegroundLinkHover: #62abf5;
    --colorBrandForegroundLinkPressed: #2886de;
    --colorBrandForegroundLinkSelected: #479ef5;
    --colorNeutralForeground2Link: #d6d6d6;
    --colorNeutralForeground2LinkHover: #ffffff;
    --colorNeutralForeground2LinkPressed: #ffffff;
    --colorNeutralForeground2LinkSelected: #ffffff;
    --colorCompoundBrandForeground1: #479ef5;
    --colorCompoundBrandForeground1Hover: #62abf5;
    --colorCompoundBrandForeground1Pressed: #2886de;
    --colorBrandForeground1: #479ef5;
    --colorBrandForeground2: #62abf5;
    --colorBrandForeground2Hover: #96c6fa;
    --colorBrandForeground2Pressed: #ebf3fc;
    --colorNeutralForeground1Static: #242424;
    --colorNeutralForegroundStaticInverted: #ffffff;
    --colorNeutralForegroundInverted: #242424;
    --colorNeutralForegroundInvertedHover: #242424;
    --colorNeutralForegroundInvertedPressed: #242424;
    --colorNeutralForegroundInvertedSelected: #242424;
    --colorNeutralForegroundInverted2: #242424;
    --colorNeutralForegroundOnBrand: #ffffff;
    --colorNeutralForegroundInvertedLink: #ffffff;
    --colorNeutralForegroundInvertedLinkHover: #ffffff;
    --colorNeutralForegroundInvertedLinkPressed: #ffffff;
    --colorNeutralForegroundInvertedLinkSelected: #ffffff;
    --colorBrandForegroundInverted: #0f6cbd;
    --colorBrandForegroundInvertedHover: #115ea3;
    --colorBrandForegroundInvertedPressed: #0f548c;
    --colorBrandForegroundOnLight: #0f6cbd;
    --colorBrandForegroundOnLightHover: #115ea3;
    --colorBrandForegroundOnLightPressed: #0e4775;
    --colorBrandForegroundOnLightSelected: #0f548c;
    --colorNeutralBackground1: #292929;
    --colorNeutralBackground1Hover: #3d3d3d;
    --colorNeutralBackground1Pressed: #1f1f1f;
    --colorNeutralBackground1Selected: #383838;
    --colorNeutralBackground2: #1f1f1f;
    --colorNeutralBackground2Hover: #333333;
    --colorNeutralBackground2Pressed: #141414;
    --colorNeutralBackground2Selected: #2e2e2e;
    --colorNeutralBackground3: #141414;
    --colorNeutralBackground3Hover: #292929;
    --colorNeutralBackground3Pressed: #0a0a0a;
    --colorNeutralBackground3Selected: #242424;
    --colorNeutralBackground4: #0a0a0a;
    --colorNeutralBackground4Hover: #1f1f1f;
    --colorNeutralBackground4Pressed: #000000;
    --colorNeutralBackground4Selected: #1a1a1a;
    --colorNeutralBackground5: #000000;
    --colorNeutralBackground5Hover: #141414;
    --colorNeutralBackground5Pressed: #050505;
    --colorNeutralBackground5Selected: #0f0f0f;
    --colorNeutralBackground6: #333333;
    --colorNeutralBackgroundInverted: #ffffff;
    --colorNeutralBackgroundStatic: #3d3d3d;
    --colorNeutralBackgroundAlpha: rgba(26, 26, 26, .5);
    --colorNeutralBackgroundAlpha2: rgba(31, 31, 31, .7);
    --colorSubtleBackground: transparent;
    --colorSubtleBackgroundHover: #383838;
    --colorSubtleBackgroundPressed: #2e2e2e;
    --colorSubtleBackgroundSelected: #333333;
    --colorSubtleBackgroundLightAlphaHover: rgba(36, 36, 36, .8);
    --colorSubtleBackgroundLightAlphaPressed: rgba(36, 36, 36, .5);
    --colorSubtleBackgroundLightAlphaSelected: transparent;
    --colorSubtleBackgroundInverted: transparent;
    --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, .1);
    --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, .3);
    --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, .2);
    --colorTransparentBackground: transparent;
    --colorTransparentBackgroundHover: transparent;
    --colorTransparentBackgroundPressed: transparent;
    --colorTransparentBackgroundSelected: transparent;
    --colorNeutralBackgroundDisabled: #141414;
    --colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, .1);
    --colorNeutralStencil1: #575757;
    --colorNeutralStencil2: #333333;
    --colorNeutralStencil1Alpha: rgba(255, 255, 255, .1);
    --colorNeutralStencil2Alpha: rgba(255, 255, 255, .05);
    --colorBackgroundOverlay: rgba(0, 0, 0, .5);
    --colorScrollbarOverlay: rgba(255, 255, 255, .6);
    --colorBrandBackground: #115ea3;
    --colorBrandBackgroundHover: #0f6cbd;
    --colorBrandBackgroundPressed: #0c3b5e;
    --colorBrandBackgroundSelected: #0f548c;
    --colorCompoundBrandBackground: #479ef5;
    --colorCompoundBrandBackgroundHover: #62abf5;
    --colorCompoundBrandBackgroundPressed: #2886de;
    --colorBrandBackgroundStatic: #0f6cbd;
    --colorBrandBackground2: #082338;
    --colorBrandBackground2Hover: #0c3b5e;
    --colorBrandBackground2Pressed: #061724;
    --colorBrandBackground3Static: #0f548c;
    --colorBrandBackground4Static: #0c3b5e;
    --colorBrandBackgroundInverted: #ffffff;
    --colorBrandBackgroundInvertedHover: #ebf3fc;
    --colorBrandBackgroundInvertedPressed: #b4d6fa;
    --colorBrandBackgroundInvertedSelected: #cfe4fa;
    --colorNeutralCardBackground: #333333;
    --colorNeutralCardBackgroundHover: #3d3d3d;
    --colorNeutralCardBackgroundPressed: #2e2e2e;
    --colorNeutralCardBackgroundSelected: #383838;
    --colorNeutralCardBackgroundDisabled: #141414;
    --colorNeutralStrokeAccessible: #adadad;
    --colorNeutralStrokeAccessibleHover: #bdbdbd;
    --colorNeutralStrokeAccessiblePressed: #b3b3b3;
    --colorNeutralStrokeAccessibleSelected: #479ef5;
    --colorNeutralStroke1: #666666;
    --colorNeutralStroke1Hover: #757575;
    --colorNeutralStroke1Pressed: #6b6b6b;
    --colorNeutralStroke1Selected: #707070;
    --colorNeutralStroke2: #525252;
    --colorNeutralStroke3: #3d3d3d;
    --colorNeutralStrokeSubtle: #0a0a0a;
    --colorNeutralStrokeOnBrand: #292929;
    --colorNeutralStrokeOnBrand2: #ffffff;
    --colorNeutralStrokeOnBrand2Hover: #ffffff;
    --colorNeutralStrokeOnBrand2Pressed: #ffffff;
    --colorNeutralStrokeOnBrand2Selected: #ffffff;
    --colorBrandStroke1: #479ef5;
    --colorBrandStroke2: #0e4775;
    --colorBrandStroke2Hover: #0e4775;
    --colorBrandStroke2Pressed: #0a2e4a;
    --colorBrandStroke2Contrast: #0e4775;
    --colorCompoundBrandStroke: #479ef5;
    --colorCompoundBrandStrokeHover: #62abf5;
    --colorCompoundBrandStrokePressed: #2886de;
    --colorNeutralStrokeDisabled: #424242;
    --colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, .4);
    --colorTransparentStroke: transparent;
    --colorTransparentStrokeInteractive: transparent;
    --colorTransparentStrokeDisabled: transparent;
    --colorNeutralStrokeAlpha: rgba(255, 255, 255, .1);
    --colorNeutralStrokeAlpha2: rgba(255, 255, 255, .2);
    --colorStrokeFocus1: #000000;
    --colorStrokeFocus2: #ffffff;
    --colorNeutralShadowAmbient: rgba(0, 0, 0, .24);
    --colorNeutralShadowKey: rgba(0, 0, 0, .28);
    --colorNeutralShadowAmbientLighter: rgba(0, 0, 0, .12);
    --colorNeutralShadowKeyLighter: rgba(0, 0, 0, .14);
    --colorNeutralShadowAmbientDarker: rgba(0, 0, 0, .4);
    --colorNeutralShadowKeyDarker: rgba(0, 0, 0, .48);
    --colorBrandShadowAmbient: rgba(0, 0, 0, .3);
    --colorBrandShadowKey: rgba(0, 0, 0, .25);
    --colorPaletteRedBackground1: #3f1011;
    --colorPaletteRedBackground2: #751d1f;
    --colorPaletteRedBackground3: #d13438;
    --colorPaletteRedForeground1: #e37d80;
    --colorPaletteRedForeground2: #f1bbbc;
    --colorPaletteRedForeground3: #e37d80;
    --colorPaletteRedBorderActive: #e37d80;
    --colorPaletteRedBorder1: #d13438;
    --colorPaletteRedBorder2: #e37d80;
    --colorPaletteGreenBackground1: #052505;
    --colorPaletteGreenBackground2: #094509;
    --colorPaletteGreenBackground3: #107c10;
    --colorPaletteGreenForeground1: #54b054;
    --colorPaletteGreenForeground2: #9fd89f;
    --colorPaletteGreenForeground3: #9fd89f;
    --colorPaletteGreenBorderActive: #54b054;
    --colorPaletteGreenBorder1: #107c10;
    --colorPaletteGreenBorder2: #9fd89f;
    --colorPaletteDarkOrangeBackground1: #411200;
    --colorPaletteDarkOrangeBackground2: #7a2101;
    --colorPaletteDarkOrangeBackground3: #da3b01;
    --colorPaletteDarkOrangeForeground1: #e9835e;
    --colorPaletteDarkOrangeForeground2: #f4bfab;
    --colorPaletteDarkOrangeForeground3: #e9835e;
    --colorPaletteDarkOrangeBorderActive: #e9835e;
    --colorPaletteDarkOrangeBorder1: #da3b01;
    --colorPaletteDarkOrangeBorder2: #e9835e;
    --colorPaletteYellowBackground1: #4c4400;
    --colorPaletteYellowBackground2: #817400;
    --colorPaletteYellowBackground3: #fde300;
    --colorPaletteYellowForeground1: #feee66;
    --colorPaletteYellowForeground2: #fef7b2;
    --colorPaletteYellowForeground3: #fdea3d;
    --colorPaletteYellowBorderActive: #feee66;
    --colorPaletteYellowBorder1: #fde300;
    --colorPaletteYellowBorder2: #fdea3d;
    --colorPaletteBerryBackground1: #3a1136;
    --colorPaletteBerryBackground2: #6d2064;
    --colorPaletteBerryBackground3: #c239b3;
    --colorPaletteBerryForeground1: #da7ed0;
    --colorPaletteBerryForeground2: #edbbe7;
    --colorPaletteBerryForeground3: #d161c4;
    --colorPaletteBerryBorderActive: #da7ed0;
    --colorPaletteBerryBorder1: #c239b3;
    --colorPaletteBerryBorder2: #d161c4;
    --colorPaletteLightGreenBackground1: #063004;
    --colorPaletteLightGreenBackground2: #0b5a08;
    --colorPaletteLightGreenBackground3: #13a10e;
    --colorPaletteLightGreenForeground1: #5ec75a;
    --colorPaletteLightGreenForeground2: #a7e3a5;
    --colorPaletteLightGreenForeground3: #3db838;
    --colorPaletteLightGreenBorderActive: #5ec75a;
    --colorPaletteLightGreenBorder1: #13a10e;
    --colorPaletteLightGreenBorder2: #3db838;
    --colorPaletteMarigoldBackground1: #463100;
    --colorPaletteMarigoldBackground2: #835b00;
    --colorPaletteMarigoldBackground3: #eaa300;
    --colorPaletteMarigoldForeground1: #f2c661;
    --colorPaletteMarigoldForeground2: #f9e2ae;
    --colorPaletteMarigoldForeground3: #efb839;
    --colorPaletteMarigoldBorderActive: #f2c661;
    --colorPaletteMarigoldBorder1: #eaa300;
    --colorPaletteMarigoldBorder2: #efb839;
    --colorPaletteRedForegroundInverted: #d13438;
    --colorPaletteGreenForegroundInverted: #107c10;
    --colorPaletteYellowForegroundInverted: #817400;
    --colorPaletteDarkRedBackground2: #590815;
    --colorPaletteDarkRedForeground2: #d69ca5;
    --colorPaletteDarkRedBorderActive: #ac4f5e;
    --colorPaletteCranberryBackground2: #6e0811;
    --colorPaletteCranberryForeground2: #eeacb2;
    --colorPaletteCranberryBorderActive: #dc626d;
    --colorPalettePumpkinBackground2: #712d09;
    --colorPalettePumpkinForeground2: #efc4ad;
    --colorPalettePumpkinBorderActive: #df8e64;
    --colorPalettePeachBackground2: #8f4e00;
    --colorPalettePeachForeground2: #ffddb3;
    --colorPalettePeachBorderActive: #ffba66;
    --colorPaletteGoldBackground2: #6c5700;
    --colorPaletteGoldForeground2: #ecdfa5;
    --colorPaletteGoldBorderActive: #dac157;
    --colorPaletteBrassBackground2: #553e06;
    --colorPaletteBrassForeground2: #e0cea2;
    --colorPaletteBrassBorderActive: #c1a256;
    --colorPaletteBrownBackground2: #50301a;
    --colorPaletteBrownForeground2: #ddc3b0;
    --colorPaletteBrownBorderActive: #bb8f6f;
    --colorPaletteForestBackground2: #294903;
    --colorPaletteForestForeground2: #bdd99b;
    --colorPaletteForestBorderActive: #85b44c;
    --colorPaletteSeafoamBackground2: #00723b;
    --colorPaletteSeafoamForeground2: #a8f0cd;
    --colorPaletteSeafoamBorderActive: #5ae0a0;
    --colorPaletteDarkGreenBackground2: #063b06;
    --colorPaletteDarkGreenForeground2: #9ad29a;
    --colorPaletteDarkGreenBorderActive: #4da64d;
    --colorPaletteLightTealBackground2: #00666d;
    --colorPaletteLightTealForeground2: #a6e9ed;
    --colorPaletteLightTealBorderActive: #58d3db;
    --colorPaletteTealBackground2: #02494c;
    --colorPaletteTealForeground2: #9bd9db;
    --colorPaletteTealBorderActive: #4cb4b7;
    --colorPaletteSteelBackground2: #00333f;
    --colorPaletteSteelForeground2: #94c8d4;
    --colorPaletteSteelBorderActive: #4496a9;
    --colorPaletteBlueBackground2: #004377;
    --colorPaletteBlueForeground2: #a9d3f2;
    --colorPaletteBlueBorderActive: #5caae5;
    --colorPaletteRoyalBlueBackground2: #002c4e;
    --colorPaletteRoyalBlueForeground2: #9abfdc;
    --colorPaletteRoyalBlueBorderActive: #4a89ba;
    --colorPaletteCornflowerBackground2: #2c3c85;
    --colorPaletteCornflowerForeground2: #c8d1fa;
    --colorPaletteCornflowerBorderActive: #93a4f4;
    --colorPaletteNavyBackground2: #001665;
    --colorPaletteNavyForeground2: #a3b2e8;
    --colorPaletteNavyBorderActive: #546fd2;
    --colorPaletteLavenderBackground2: #3f3682;
    --colorPaletteLavenderForeground2: #d2ccf8;
    --colorPaletteLavenderBorderActive: #a79cf1;
    --colorPalettePurpleBackground2: #341a51;
    --colorPalettePurpleForeground2: #c6b1de;
    --colorPalettePurpleBorderActive: #9470bd;
    --colorPaletteGrapeBackground2: #4c0d55;
    --colorPaletteGrapeForeground2: #d9a7e0;
    --colorPaletteGrapeBorderActive: #b55fc1;
    --colorPaletteLilacBackground2: #63276d;
    --colorPaletteLilacForeground2: #e6bfed;
    --colorPaletteLilacBorderActive: #cf87da;
    --colorPalettePinkBackground2: #80215d;
    --colorPalettePinkForeground2: #f7c0e3;
    --colorPalettePinkBorderActive: #ef85c8;
    --colorPaletteMagentaBackground2: #6b0043;
    --colorPaletteMagentaForeground2: #eca5d1;
    --colorPaletteMagentaBorderActive: #d957a8;
    --colorPalettePlumBackground2: #5a003b;
    --colorPalettePlumForeground2: #d696c0;
    --colorPalettePlumBorderActive: #ad4589;
    --colorPaletteBeigeBackground2: #444241;
    --colorPaletteBeigeForeground2: #d7d4d4;
    --colorPaletteBeigeBorderActive: #afabaa;
    --colorPaletteMinkBackground2: #343231;
    --colorPaletteMinkForeground2: #cecccb;
    --colorPaletteMinkBorderActive: #9e9b99;
    --colorPalettePlatinumBackground2: #3b4447;
    --colorPalettePlatinumForeground2: #cdd6d8;
    --colorPalettePlatinumBorderActive: #a0adb2;
    --colorPaletteAnchorBackground2: #202427;
    --colorPaletteAnchorForeground2: #bcc3c7;
    --colorPaletteAnchorBorderActive: #808a90;
    --colorStatusSuccessBackground1: #052505;
    --colorStatusSuccessBackground2: #094509;
    --colorStatusSuccessBackground3: #107c10;
    --colorStatusSuccessForeground1: #54b054;
    --colorStatusSuccessForeground2: #9fd89f;
    --colorStatusSuccessForeground3: #9fd89f;
    --colorStatusSuccessBorderActive: #54b054;
    --colorStatusSuccessForegroundInverted: #0e700e;
    --colorStatusSuccessBorder1: #107c10;
    --colorStatusSuccessBorder2: #9fd89f;
    --colorStatusWarningBackground1: #4a1e04;
    --colorStatusWarningBackground2: #8a3707;
    --colorStatusWarningBackground3: #f7630c;
    --colorStatusWarningForeground1: #faa06b;
    --colorStatusWarningForeground2: #fdcfb4;
    --colorStatusWarningForeground3: #f98845;
    --colorStatusWarningBorderActive: #faa06b;
    --colorStatusWarningForegroundInverted: #bc4b09;
    --colorStatusWarningBorder1: #f7630c;
    --colorStatusWarningBorder2: #f98845;
    --colorStatusDangerBackground1: #3b0509;
    --colorStatusDangerBackground2: #6e0811;
    --colorStatusDangerBackground3: #c50f1f;
    --colorStatusDangerForeground1: #dc626d;
    --colorStatusDangerForeground2: #eeacb2;
    --colorStatusDangerForeground3: #eeacb2;
    --colorStatusDangerBorderActive: #dc626d;
    --colorStatusDangerForegroundInverted: #b10e1c;
    --colorStatusDangerBorder1: #c50f1f;
    --colorStatusDangerBorder2: #dc626d;
    --colorStatusDangerBackground3Hover: #b10e1c;
    --colorStatusDangerBackground3Pressed: #960b18;
    --shadow2: 0 0 2px rgba(0, 0, 0, .24), 0 1px 2px rgba(0, 0, 0, .28);
    --shadow4: 0 0 2px rgba(0, 0, 0, .24), 0 2px 4px rgba(0, 0, 0, .28);
    --shadow8: 0 0 2px rgba(0, 0, 0, .24), 0 4px 8px rgba(0, 0, 0, .28);
    --shadow16: 0 0 2px rgba(0, 0, 0, .24), 0 8px 16px rgba(0, 0, 0, .28);
    --shadow28: 0 0 8px rgba(0, 0, 0, .24), 0 14px 28px rgba(0, 0, 0, .28);
    --shadow64: 0 0 8px rgba(0, 0, 0, .24), 0 32px 64px rgba(0, 0, 0, .28);
    --shadow2Brand: 0 0 2px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .25);
    --shadow4Brand: 0 0 2px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .25);
    --shadow8Brand: 0 0 2px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .25);
    --shadow16Brand: 0 0 2px rgba(0, 0, 0, .3), 0 8px 16px rgba(0, 0, 0, .25);
    --shadow28Brand: 0 0 8px rgba(0, 0, 0, .3), 0 14px 28px rgba(0, 0, 0, .25);
    --shadow64Brand: 0 0 8px rgba(0, 0, 0, .3), 0 32px 64px rgba(0, 0, 0, .25)
}

:root, [data-theme=light] {
    --colorNeutralBackground7: #252423;
    --colorNeutralBackground8: #b3d4ff;
    --colorNeutralBackground9: #ffffff;
    --colorNeutralBackground10: #edebe9;
    --colorNeutralBackground11: #ffeff6;
    --colorNeutralBackground12Hover: #fae9ec;
    --colorNeutralBackground12Pressed: #fad6dc;
    --colorNeutralBackground13: #f1b8c0;
    --colorNeutralBackground14: #fafafa;
    --colorNeutralBackground14Hover: #3b5dae;
    --colorNeutralBackground14Pressed: #29417b;
    --colorNeutralBackground15: #faf9f8;
    --colorNeutralBackground16: #e5e8ff;
    --colorNeutralBackground17: #fbedef;
    --colorNeutralBackground18: #dff6dd;
    --colorNeutralBackground19: #fde7e9;
    --colorNeutralBackground20: #fff4ce;
    --colorNeutralBackground21: #4b5dff;
    --colorNeutralBackground22: #8082f4;
    --colorNeutralBackground23: #ae94d9;
    --colorNeutralBackground24: #ee1f5d;
    --colorNeutralBackground25: #ffb700;
    --colorNeutralBackground26: #ff98cb;
    --colorNeutralForeground5: #a63f50;
    --colorNeutralForeground6: #1b1a19;
    --colorNeutralForeground7: #9d4659;
    --colorNeutralForeground7Focus: #808080;
    --colorNeutralForeground8: #af4e63;
    --colorNeutralForeground8Alpha: #af4e6380;
    --colorNeutralForeground8Hover: #954355;
    --colorNeutralForeground8Pressed: #682f3d;
    --colorNeutralForeground9: #444444;
    --colorNeutralForeground10: #c43857;
    --colorNeutralForeground11: #605e5c;
    --colorNeutralForeground12: #0c0c0c;
    --colorNeutralForeground12Hover: #d9546a;
    --colorNeutralForeground13: #161514;
    --colorNeutralForeground14: #727272;
    --colorNeutralForeground15: #d6d6d6;
    --colorNeutralForeground16: #af4e63;
    --colorNeutralForegroundPro: #018a39;
    --colorNeutralForeground2Pro: #107c10;
    --colorNeutralForegroundCon: #c50f1f;
    --colorNeutralForeground3Link: #484644;
    --colorNeutralForeground3LinkPressed: #a63f50;
    --colorInfoTileStrongEnforce: #da3815;
    --colorNeutralBackground27: #ee5d1f;
    --colorNeutralBackground28: #ebebeb;
    --colorNeutralBackground29: #eeebf0;
    --colorNeutralBackground30: #f4f8f9;
    --colorHeroBackgroundInverted: #000000;
    --colorHeroForegroundInverted: #ffffff;
    --colorNeutralBackground31: #fdfefe;
    --colorSidebar: #ffffff;
    --colorTocHover: #fad6dc;
    --colorTocPressed: #994053;
    --brand-comm-blue: #0078d4;
    --brand-powerbi: #f2c811;
    --brand-office: #d83b01;
    --brand-powerpoint: #c43e1c;
    --brand-windows: #0078d4;
    --brand-publisher: #077568;
    --brand-cortana: #222222;
    --brand-stream: #bc1948;
    --brand-excel: #107c41;
    --brand-sway: #008272;
    --brand-groupme: #00bcf2;
    --brand-teams: #5b5fc7;
    --brand-onedrive: #0078d4;
    --brand-visio: #3955a3;
    --brand-planner: #107c41;
    --brand-word: #185abd;
    --brand-powerapps: #742774;
    --brand-booking: #00a99d;
    --docsearch-primary-color: var(--colorNeutralForeground16);
    --docsearch-highlight-color: var(--colorNeutralForeground16);
    --docsearch-muted-color: #444950;
    --docsearch-container-background: rgb(199 199 199 / 86%);
    --docsearch-logo-color: #000;
    --docsearch-modal-background: var(--colorNeutralBackgroundDisabled);
    --docsearch-key-gradient-override: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
    --docsearch-key-shadow-override: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, .4);
    --docsearch-modal-shadow: inset 1px 1px 0 0 hsla(0, 0%, 100%, .5), 0 3px 8px 0 #00000040;
    --docsearch-hit-shadow: 0 1px 3px 0 #00000040;
    --docsearch-key-shadow: inset 0 -2px 0 0 #0000002b, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(91 91 92 / 40%)
}

[data-theme=dark] {
    --colorNeutralBackground10: #121416;
    --colorNeutralBackground11: #260b0f;
    --colorNeutralBackground12Hover: #260b0f;
    --colorNeutralBackground12Pressed: #3d151c;
    --colorNeutralBackground13: #0e473f;
    --colorNeutralBackground14: #1a1a1a;
    --colorNeutralBackground14Hover: #c4a251;
    --colorNeutralBackground14Pressed: #d6be84;
    --colorNeutralBackground15: #050607;
    --colorNeutralBackground16: #1a1700;
    --colorNeutralBackground17: #041210;
    --colorNeutralBackground18: #200922;
    --colorNeutralBackground19: #021816;
    --colorNeutralBackground20: #000b31;
    --colorNeutralBackground21: #b4a200;
    --colorNeutralBackground22: #7f7d0b;
    --colorNeutralBackground23: #516b26;
    --colorNeutralBackground7: #141414;
    --colorNeutralBackground8: #4c2b00;
    --colorNeutralBackground9: #1f1f1f;
    --colorNeutralForeground11: #9fa1a3;
    --colorNeutralForeground12: #f3f3f3;
    --colorNeutralForeground12Hover: #db7488;
    --colorNeutralForeground13: #e9eaeb;
    --colorNeutralForeground14: #8d8d8d;
    --colorNeutralForeground3Link: #b7b9bb;
    --colorNeutralForeground3LinkPressed: #fd9fb0;
    --colorNeutralForeground6: #e4e5e6;
    --colorNeutralForeground7Focus: #7f7f7f;
    --colorNeutralForeground8: #db7488;
    --colorNeutralForeground8Hover: #6abcaa;
    --colorNeutralForeground8Pressed: #97d0c2;
    --colorNeutralForeground9: #bbbbbb;
    --colorNeutralForeground16: #cf4460;
    --colorNeutralForegroundPro: #fe75c6;
    --colorNeutralBackground28: #333333;
    --colorNeutralBackground29: #1f1f1f;
    --colorNeutralBackground30: #242424;
    --colorHeroBackgroundInverted: #ffffff;
    --colorHeroForegroundInverted: #424242;
    --colorNeutralBackground31: #292929;
    --colorSidebar: #141414;
    --colorTocHover: #6e2a37;
    --colorTocPressed: #db7488;
    --colorNeutralForeground2Pro: #109c10;
    --colorNeutralForegroundCon: #ff3232;
    --docsearch-key-gradient-override: linear-gradient(-26.5deg, #4a4a4a, #000000);
    --docsearch-key-shadow-override: inset 0 -2px 0 0 #1c1d25, inset 0 0 1px 1px #515461, 0 2px 2px 0 rgba(3, 4, 9, .3)
}

ul, ol {
    list-style: none;
    padding: 0;
    margin: 0
}

* {
    box-sizing: border-box;
    margin: 0
}

:root, [data-theme=light] {
    font-size: 1rem;
    --user-font-scale: 1rem - 16px;
    font-size: clamp(.875rem,.4626rem + 1.0309vw + var(--user-font-scale),1.125rem);
    scroll-behavior: smooth;
    --link-color: #02767a
}

body {
    background: var(--colorNeutralBackground9);
    color: var(--colorStrokeFocus2);
}


footer {
    background: var(--colorNeutralBackground3)
}

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

button {
    cursor: pointer
}

h2:target, h3:target {
    scroll-margin: 100px
}


[data-theme=light], :root {
    color-scheme: light
}

[data-theme=dark] {
    color-scheme: dark
}

    [data-theme=dark] .dimmed-image img {
        filter: brightness(70%)
    }

    [data-theme=dark] .copilot-logo {
        filter: invert(1);
        background: none
    }

    [data-theme=dark] .copilot-header img {
        filter: invert(1)
    }


.theme-switcher-tooltip {
    border-radius: 20px !important;
    margin-top: 10px !important
}

.theme-switcher {
    margin-left: auto;
    position: relative;
    width: 30px;
    display: block
}

.theme-switcher-checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    white-space: nowrap
}

.theme-switcher-label {
    position: relative;
    width: 100%;
    height: 18px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    border: 2px solid var(--colorHeroBackgroundInverted);
    margin: 0
}

.theme-switcher-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.theme-switcher-switch {
    display: block;
    width: 9px;
    margin: 2.5px;
    background: var(--colorHeroBackgroundInverted);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    border-radius: 20px;
    transition: all .3s ease-in 0s
}

.theme-switcher-checkbox:checked + .theme-switcher-label .theme-switcher-switch {
    right: 0
}

.theme-switcher-checkbox:checked + .theme-switcher-label:after {
    content: "";
    background-color: #000;
    width: 8px;
    height: 9px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px
}

.signin-text {
    color: var(--colorNeutralForeground2)
}

.login-button {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 5px 12px 5px 8px;
    border: 1px solid transparent
}

    .login-button:hover {
        border: 1px solid var(--colorNeutralStroke1);
        border-radius: 8px
    }