.icon-extensions {
    aspect-ratio: .875;
    -webkit-mask-image: url(./inline-extensions.D4SWAvkq.svg);
    mask-image: url(./inline-extensions.D4SWAvkq.svg)
}

.icon-favorites {
    aspect-ratio: 1.0471204188;
    -webkit-mask-image: url(./inline-favorites.DNVXBVhT.svg);
    mask-image: url(./inline-favorites.DNVXBVhT.svg)
}

.icon-add-favorite,.icon-favorites {
    background-color: currentColor;
    display: inline-block;
    height: 1.05em;
    margin: -.1em .1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-add-favorite {
    aspect-ratio: 1;
    -webkit-mask-image: url(./inline-add-favorite.B9o7frEc.svg);
    mask-image: url(./inline-add-favorite.B9o7frEc.svg)
}

.icon-arrow-right {
    height: 1.05em;
    margin: 0 0 -.4em;
    -webkit-mask-image: url(./fluent-arrow-right.CuEfaTxD.svg);
    mask-image: url(./fluent-arrow-right.CuEfaTxD.svg)
}

.icon-arrow-right,.icon-bell {
    aspect-ratio: 1;
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-bell {
    height: 1em;
    margin: 0 0 -.2em;
    -webkit-mask-image: url(./inline-bell.DgiTwuc_.svg);
    mask-image: url(./inline-bell.DgiTwuc_.svg)
}

.icon-browser-essentials {
    -webkit-mask-image: url(./inline-browser-essentials.zVaqNVl1.svg);
    mask-image: url(./inline-browser-essentials.zVaqNVl1.svg)
}

.icon-browser-essentials,.icon-collections {
    aspect-ratio: 1;
    background-color: currentColor;
    display: inline-block;
    height: 1.05em;
    margin: -.1em .1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-collections {
    -webkit-mask-image: url(./inline-collections.DHtDybab.svg);
    mask-image: url(./inline-collections.DHtDybab.svg)
}

.icon-downloads {
    height: 1.05em;
    margin: -.1em .1em;
    -webkit-mask-image: url(./inline-downloads.BJKeabVN.svg);
    mask-image: url(./inline-downloads.BJKeabVN.svg)
}

.icon-downloads,.icon-ellipsis {
    aspect-ratio: 1;
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-ellipsis {
    height: 1.3em;
    margin: 0 0 -.33em;
    -webkit-mask-image: url(./inline-ellipsis.B8lKuGHq.svg);
    mask-image: url(./inline-ellipsis.B8lKuGHq.svg)
}

.icon-read-aloud {
    -webkit-mask-image: url(./inline-read-aloud.CfXWQqts.svg);
    mask-image: url(./inline-read-aloud.CfXWQqts.svg)
}

.icon-read-aloud,.icon-share {
    aspect-ratio: 1;
    background-color: currentColor;
    display: inline-block;
    height: 1.05em;
    margin: -.1em .1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-share {
    -webkit-mask-image: url(./inline-share.CKbg5XdS.svg);
    mask-image: url(./inline-share.CKbg5XdS.svg)
}

.icon-shopping {
    height: 1.05em;
    margin: -.1em .1em;
    -webkit-mask-image: url(./inline-shopping.BRgXKDO2.svg);
    mask-image: url(./inline-shopping.BRgXKDO2.svg)
}

.icon-microphone,.icon-shopping {
    aspect-ratio: 1;
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-microphone {
    height: 1.15em;
    margin: 0 .05em -.15em;
    -webkit-mask-image: url(./inline-microphone.Bw7YcH48.svg);
    mask-image: url(./inline-microphone.Bw7YcH48.svg)
}

.icon-bing {
    aspect-ratio: 1;
    background-color: currentColor;
    display: inline-block;
    height: 1.35em;
    margin: -.15em 0 -.2em;
    -webkit-mask-image: url(./inline-bing-logo.B-per0hf.svg);
    mask-image: url(./inline-bing-logo.B-per0hf.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-bing-multicolor {
    background-image: url(./inline-bing-logo.B-per0hf.svg);
    height: 1.35em;
    margin: -.15em 0 -.2em
}

.icon-bing-multicolor,.icon-edge {
    aspect-ratio: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    overflow: hidden;
    text-indent: -10000px
}

.icon-edge {
    background-image: url(./inline-edge.Di2UlXXX.png);
    height: 1.25em;
    margin: -.15em 0 -.2em .05em
}

.icon-shopping-hub {
    background-image: url(./inline-hub-shopping.DAH1XwEf.png);
    height: 1.25em
}

.icon-search-multicolor,.icon-shopping-hub {
    aspect-ratio: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: -.15em 0 -.15em .05em;
    overflow: hidden;
    text-indent: -10000px
}

.icon-search-multicolor {
    background-image: url(./inline-search-multi.CqpctYfz.png);
    height: 1.15em
}

.icon-checkmark-circle-blue {
    background-image: url(./inline-checkmark-circle-blue.Djb1zXTu.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.icon-checkmark-circle,.icon-checkmark-circle-blue {
    aspect-ratio: 1;
    display: inline-block;
    height: 1.05em;
    margin: -.1em .1em;
    overflow: hidden;
    text-indent: -10000px
}

.icon-checkmark-circle {
    background-color: currentColor;
    -webkit-mask-image: url(./inline-checkmark-circle.CGCB553z.svg);
    mask-image: url(./inline-checkmark-circle.CGCB553z.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.icon-copilot {
    background-image: url(./copilot.BR-lbdu8.svg)
}

.icon-copilot,.icon-copilot-outline {
    aspect-ratio: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 1.05em;
    margin: -.1em .1em;
    overflow: hidden;
    text-indent: -10000px
}

.icon-copilot-outline {
    background-image: url(./inline-copilot-outline.D0PtwZsb.svg)
}

.icon-copilot-multicolor {
    background-image: url(./inline-copilot-multi.CS5SUwJ9.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.icon-copilot-microphone,.icon-copilot-multicolor {
    aspect-ratio: 1;
    display: inline-block;
    height: 1.05em;
    margin: -.1em .1em;
    overflow: hidden;
    text-indent: -10000px
}

.icon-copilot-microphone {
    background-color: currentColor;
    -webkit-mask-image: url(./inline-copilot-microphone.BXVlGlAy.svg);
    mask-image: url(./inline-copilot-microphone.BXVlGlAy.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.icon-microsoft {
    background-image: url(./inline-microsoft.CRYXo2Eu.svg);
    height: 1.05em;
    margin: .1em 0 -.1em
}

.icon-microsoft,.icon-toggle-blue {
    aspect-ratio: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    overflow: hidden;
    text-indent: -10000px
}

.icon-toggle-blue {
    background-image: url(./inline-toggle-blue.7FpWSvs8.svg);
    height: 2em;
    margin: -.25em 0 -.7em
}

.icon-splitscreen {
    aspect-ratio: 1;
    height: .85em;
    margin: .15em 0 -.15em;
    -webkit-mask-image: url(./inline-splitscreen.BvE-Nvu3.svg);
    mask-image: url(./inline-splitscreen.BvE-Nvu3.svg)
}

.icon-horiztabs,.icon-splitscreen {
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-horiztabs {
    aspect-ratio: .9;
    height: 1em;
    margin: .2em 0 -.2em;
    -webkit-mask-image: url(./inline-horiztabs.CZt_uJJU.svg);
    mask-image: url(./inline-horiztabs.CZt_uJJU.svg)
}

.icon-picture-in-picture {
    aspect-ratio: 1;
    background-color: currentColor;
    display: inline-block;
    height: 1.15em;
    margin: 0 .05em -.3em;
    -webkit-mask-image: url(./inline-picture-in-picture.Cpg7X6Tp.svg);
    mask-image: url(./inline-picture-in-picture.Cpg7X6Tp.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-media-controls {
    -webkit-mask-image: url(./inline-media-controls.ByyO6Rgw.svg);
    mask-image: url(./inline-media-controls.ByyO6Rgw.svg)
}

.icon-media-controls,.icon-visual-search {
    aspect-ratio: 1;
    background-color: currentColor;
    display: inline-block;
    height: 1.15em;
    margin: 0 .05em -.15em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -10000px
}

.icon-visual-search {
    -webkit-mask-image: url(./inline-visual-search.CKpcBcgs.svg);
    mask-image: url(./inline-visual-search.CKpcBcgs.svg)
}

.icon-windows-11-logo {
    aspect-ratio: 1;
    background-image: url(./windows-11-logo.DyjxrRX-.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 1.05em;
    margin: -.1em .1em;
    overflow: hidden;
    text-indent: -10000px
}

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

:after,:before {
    text-decoration: inherit;
    vertical-align: inherit
}


hr {
    overflow: visible
}

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

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

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

b,strong {
    font-weight: 700
}

small {
    font-size: 80%
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

iframe {
    border-style: none
}

table {
    border-collapse: collapse
}

button,input,select {
    margin: 0
}

button {
    text-transform: none
}

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

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto;
    resize: vertical
}

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

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

details {
    display: block
}

dialog {
    background-color: #fff;
    border: solid;
    color: #000;
    display: none;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

dialog[open] {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[tabindex],area,button,input,label,select,summary,textarea {
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true],[disabled] {
    cursor: not-allowed
}

[aria-hidden=false][hidden] {
    display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0,0,0,0);
    position: absolute
}

a {
    color: inherit
}

a,a:hover {
    text-decoration: inherit
}

h1,h2,h3,h4,h5,h6 {
    line-height: normal
}

h1,h2,h3,h4,h5,h6,p {
    margin: 0
}

button,h1,h2,h3,h4,h5,h6,p {
    font-size: inherit;
    padding: 0
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none transparent;
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-spacing: 0;
    color: inherit;
    display: block;
    font-family: inherit;
    height: auto;
    line-height: 1;
    outline: none;
    text-align: left;
    text-indent: 0;
    width: auto
}

ol,ul {
    list-style: none
}

ol,ol li,ul,ul li {
    margin: 0;
    padding: 0
}


::-moz-selection {
    background: #2f2c4c;
    color: #fff
}

::selection {
    background: #2f2c4c;
    color: #fff
}

code,pre {
    font-family: menlo,monaco,consolas,monospace;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4
}

hr {
    border: none;
    border-top: 1px solid;
    height: 0;
    margin: 2rem 0;
    padding: 0
}

sup {
    line-height: .5
}

heading {
    font-weight: 700;
    line-height: 1;
    margin-bottom: .75em;
    margin-top: .75em
}

subheading {
    line-height: 1.15;
    margin-bottom: .5em
}

code {
    font-family: menlo,monaco,consolas,monospace;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4
}

.d1 {
    font-size: 54px
}

.d1,.d2 {
    font-weight: 700;
    line-height: 1;
    margin-bottom: .75em;
    margin-top: .75em
}

.d2 {
    font-size: clamp(32px,3.684vw,56px)
}

.d3 {
    font-size: clamp(28px,2.763vw,42px);
    font-weight: 700;
    line-height: 1;
    margin-bottom: .75em;
    margin-top: .75em
}

.h1 {
    font-size: clamp(32px,3.684vw,56px);
    line-height: 1
}

.h1,.h2 {
    font-weight: 400;
    letter-spacing: -.0125em
}

.h2 {
    font-size: clamp(28px,2.763vw,42px);
    line-height: 1.15
}

.h3 {
    font-size: clamp(24px,2.237vw,34px)
}

.h3,.h4 {
    font-weight: 400;
    letter-spacing: -.0125em;
    line-height: 1.15
}

.h4 {
    font-size: clamp(21px,1.842vw,28px)
}

.h5 {
    letter-spacing: -.0125em;
    line-height: 1.15
}

.h5,.sh1 {
    font-size: clamp(19px,1.579vw,24px);
    font-weight: 400
}

.sh1 {
    line-height: 1.35
}

.sh2 {
    font-size: clamp(17px,1.316vw,20px)
}

.sh2,.sh3 {
    font-weight: 400;
    line-height: 1.35
}

.sh3 {
    font-size: clamp(16px,1.184vw,18px)
}

headings {
    font-weight: 400;
    letter-spacing: -.0125em;
    line-height: 1.15
}

sub-headings {
    font-weight: 400;
    line-height: 1.35
}

.hero {
    font-size: clamp(40px,4.737vw,72px);
    font-weight: 400;
    letter-spacing: -.0125em;
    line-height: 1
}

.link {
    color: var(--theme-link);
    cursor: pointer;
    text-decoration: none
}

.link:hover {
    color: var(--theme-link-hover)
}

.link:active,.link:hover {
    text-decoration: underline
}

.link:active {
    color: var(--theme-link-active)
}

.container {
    margin: 0 auto;
    max-width: 1520px;
    padding: 0 min(5vw,40px);
    position: relative;
    width: 100%
}

@media screen and (max-width: 810px) {
    .container {
        padding-left:24px;
        padding-right: 24px
    }
}

.visually-hidden {
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    clip: rect(1px,1px,1px,1px)
}

:focus-visible {
    outline: 1px dashed #1a59c8;
    outline-offset: 0;
    outline-offset: 4px
}

.common-search-box__input:focus-visible {
    outline: none
}

.common-background-animated-gradient {
    background-image: linear-gradient(180deg,#070b15,#6584d5);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.common-background-animated-gradient__canvas {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.common-background-animated-gradient--animated-grad-lightblue {
    background-image: linear-gradient(135deg,#eadeff,#dfeaff 25%,#f1fcff 70%,#e5fffc)
}

.common-background {
    height: 100%;
    pointer-events: none;
    position: relative;
    transition: background-color .4s cubic-bezier(.215,.61,.355,1);
    width: 100%;
    z-index: 0
}

.common-background__color,.common-background__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.common-background__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: inherit
}

.common-background__video-layer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.common-background__video-layer video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.common-background--default {
    background-color: var(--theme-page-bg)
}

.common-background--blurred {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(var(--theme-page-bg-rgb),.75)
}

.common-background--debug {
    background-color: #ffd700a6
}

.common-background--grad-dark-gray-blue {
    background-color: transparent;
    background-image: radial-gradient(circle at 0 21%,#00427e 0,#1e588c 25%,#adc8d3 99%)
}

.common-background--grad-dark-gray-blue-vertical {
    background-color: transparent;
    background-image: linear-gradient(180deg,#00427e 0,#1e588c 50%,#497aa2 99%)
}

.common-background--grad-light-purple-blue {
    background-color: transparent;
    background-image: linear-gradient(135deg,#eadeff,#dfeaff 25%,#f1fcff 70%,#e5fffc)
}

.common-background--grad-dark-purple-blue {
    background-color: transparent;
    background-image: linear-gradient(105deg,#14192e -3%,#14192e 3%,#2a345e 30%,#2f3449 66%,#2c294e 90%)
}

.common-background--grad-lightblue-radial {
    background-image: radial-gradient(circle at 51% 34%,var(--theme-section-bg-lightblue) 0,var(--theme-section-bg-lightblue-darker) 100%)
}

.common-background--grad-lightgray-lightblue {
    background-image: linear-gradient(105deg,var(--theme-section-bg-gray),var(--theme-section-bg-lightblue))
}

.common-background--dark {
    background-color: var(--theme-dark-bg)
}

.common-background--light {
    background-color: var(--theme-light-bg)
}

.common-background--grad-blue-purple {
    background-image: linear-gradient(-75deg,#642c91 2%,#003968)
}

.common-background--grad-darkblue {
    background-image: linear-gradient(90deg,#072139,#1a416c 90%)
}

.common-background--gray {
    background-color: var(--theme-section-bg-gray)
}

.common-background--lightblue {
    background-color: var(--theme-section-bg-lightblue)
}

.common-background--grad-bing-lightpink {
    background-image: linear-gradient(45deg,#f2d8f6,#f2d8f6,#f7dfec)
}

.common-background--grad-bing-lightpinkpurple {
    background-image: linear-gradient(180deg,#e8d5f8,#d3c8fd)
}

.common-background--grad-bing-lightblue {
    background-image: linear-gradient(45deg,#c5effc,#7ad8fa)
}

.common-background--grad-bing-pinklightblue {
    background-image: linear-gradient(90deg,#ffeffe,#d1dbfa)
}

.common-background--grad-bing-lightpurple {
    background-color: #fff;
    background: linear-gradient(76deg,#ffffff8c -55.75%,#3a36e88c 0,#ebf0f98c 100.41%)
}

.common-background--copilot-green {
    background-color: #ebfbce
}

.common-background--copilot-orange {
    background-color: #ffe7d4
}

.common-background--copilot-blue {
    background-color: #e6f3fe
}

.common-background--copilot-purple {
    background-color: #f0e7ff
}

.common-background--copilot-light-alpha65 {
    background-color: #ffffffa6
}

.fluent--dark .common-background--grad-light-purple-blue {
    background-color: transparent;
    background-image: linear-gradient(135deg,#647c92,#4d759f 25%,#37587c 70%,#3e5c60)
}

.mini-block-container {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    width: 100%
}

.mini-block-container__blocks {
    display: flex;
    flex-direction: column;
    width: 100%
}

.mini-block-container--fill {
    height: 100%;
    min-height: 100%
}

.mini-block-container--fill .mini-block-container__blocks {
    height: 100%;
    justify-content: center
}

.mini-block-container--debug {
    border: 1px dashed blue
}

.mini-block-container--debug .mini-block-container__blocks>* {
    border: 1px dashed red
}

.scroll-id[data-v-96899c04] {
    height: 1px;
    opacity: 0;
    position: absolute;
    top: -80px;
    width: 1px
}

.popup-container__background[data-v-96899c04] {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.popup-container__dialog {
    background-color: var(--theme-page-bg);
    border-radius: 1em;
    box-shadow: 0 0 0 1px #0000001a,0 14.5px 18px -5px #00000025,0 28.5px 45.5px #0000000e,0 11px 60px #00000008;
    color: var(--theme-page-fg);
    font-size: inherit;
    padding: 2.25em 2em 2.75em;
    text-align: center;
    width: 90vw
}

.popup-container__close[data-v-96899c04] {
    color: var(--theme-page-fg);
    position: absolute;
    right: 1.5em;
    top: 1.5em
}

.popup-container__mini-block-container[data-v-96899c04] {
    position: relative
}

.common-keyboard-focus-banner {
    background-color: #e6e6e6;
    height: 0;
    left: -999px;
    overflow: hidden;
    position: absolute;
    width: 0
}

.common-keyboard-focus-banner:focus-visible {
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100000
}

.common-keyboard-focus-banner a {
    border: 1px dashed #000;
    display: block;
    padding: 25px;
    text-align: center;
    text-decoration: underline
}

.common-search-box__fade-enter-active,.common-search-box__fade-leave-active {
    transition: opacity .1s cubic-bezier(.215,.61,.355,1)
}

.common-search-box__fade-enter-active,.common-search-box__fade-leave-active {
    transition-delay: 0
}

.common-search-box__fade-enter,.common-search-box__fade-enter-from,.common-search-box__fade-leave-to {
    opacity: 0
}

.common-search-box__fade-leave-active {
    pointer-events: none
}

.common-search-box {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    font-size: clamp(12px,.921vw,14px);
    gap: .5em;
    position: relative
}

.common-search-box__toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: .5em
}

.common-search-box__toggle span {
    border-bottom: 2px solid transparent;
    display: inline-block;
    padding: .5em 0;
    transition: border fast cubic-bezier(.215,.61,.355,1)
}

.common-search-box__toggle:hover span {
    border-color: currentColor
}

.common-search-box__sizer {
    flex: 1;
    height: 100%;
    position: relative;
    width: 100%
}

.common-search-box__search {
    background-color: var(--theme-page-bg);
    border: 1px solid rgba(var(--theme-page-fg-rgb),.3);
    border-radius: 100px;
    height: 2.25em;
    min-width: 20em;
    position: relative;
    transition: border .2s cubic-bezier(.215,.61,.355,1)
}

.common-search-box__search:focus-within {
    border: 1px solid var(--theme-page-fg)
}

.common-search-box__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    bottom: 0;
    box-sizing: border-box;
    color: currentColor;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    left: 1em;
    outline: none;
    padding: 0;
    position: relative;
    position: absolute;
    right: 2em;
    top: 0;
    white-space: nowrap
}

.common-search-box__spinner.px-spinner {
    font-size: .8em;
    opacity: .66;
    position: absolute;
    right: 4.5em;
    top: 50%;
    transform: translateY(-50%)
}

.common-search-box__button,.common-search-box__button.px-icon-button {
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%)
}

.common-search-box__button.px-icon-button:hover,.common-search-box__button:hover {
    transform: translateY(calc(-50% - 1px))
}

.common-search-box__button.px-icon-button:active,.common-search-box__button:active {
    transform: translateY(calc(-50% + 1px))
}

.common-search-box__results {
    max-height: min(600px,80vh);
    overflow-x: hidden;
    overflow-y: auto;
    padding: .5em;
    text-align: left;
    width: min(480px,80vw)
}

.common-search-box__results mark {
    background: transparent;
    font-weight: 700
}

.common-search-box__results--variant-bing {
    padding: .5em 0
}

.common-search-box__result-wrapper--highlight {
    background-color: rgba(var(--theme-link-rgb),.1)
}

.common-search-box__result-wrapper--variant-bing {
    padding: 0 .5em
}

.common-search-box__result-wrapper--highlight.common-search-box__result-wrapper--variant-bing {
    background-color: rgba(var(--theme-page-fg-rgb),.08)
}

.common-search-box__results-title {
    font-size: clamp(11px,.855vw,13px);
    font-weight: 700;
    margin-bottom: .75em;
    margin-left: .75em;
    text-transform: uppercase
}

.common-search-box__result {
    border-radius: .5em;
    cursor: pointer;
    display: block;
    padding: .5em .75em 1em
}

.common-search-box__result-title {
    font-weight: 600
}

.common-search-box__result-description {
    display: -webkit-box;
    font-size: clamp(12px,.921vw,14px);
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 4.2em;
    overflow: hidden
}

.common-search-box__noresults {
    display: block
}

.common-search-box__noresults span {
    color: var(--theme-link);
    margin-inline-start:.25em}

.common-search-box__noresults svg {
    margin-inline-start:.15em;margin-top: -.1em
}

.common-search-box__noresults:hover span {
    color: var(--theme-link-hover)
}

.common-search-box--variant-bing .common-search-box__search--open {
    border-radius: .75em .75em 0 0
}

.common-search-box__popup--variant-bing.common-search-box__popup--open .px-float__popup {
    border-radius: 0 0 .75em .75em;
    box-shadow: 0 0 0 1px #0000001a,0 2px 4px 1px #0000002e
}

.common-search-box--variant-bing.common-search-box--top .common-search-box__search--open {
    border-radius: 0 0 .75em .75em
}

.common-search-box__popup--variant-bing.common-search-box__popup--open.common-search-box__popup--top .px-float__popup {
    border-radius: .75em .75em 0 0;
    box-shadow: 0 0 0 1px #0000001a,0 -1px 4px #0000002e
}

.common-search-box--icon-mode,.common-search-box--icon-mode .common-search-box {
    justify-content: center
}

.common-search-box--icon-mode .common-search-box__sizer {
    flex: 0
}

.common-search-box--icon-expanded .common-search-box__sizer {
    flex: 1
}

.features-search-result {
    border-radius: .5em;
    cursor: pointer;
    display: block;
    padding: .5em .75em 1em
}

.features-search-result__result-title {
    font-weight: 600
}

.features-search-result__result-label {
    border-radius: 3px;
    display: inline-block;
    font-size: clamp(9px,.658vw,10px);
    font-weight: 700;
    margin-left: .5em;
    padding: .1em .4em .2em;
    position: relative;
    text-transform: uppercase;
    top: -.2em
}

.features-search-result__result-label,.features-search-result__result-label--color-yellow {
    background-color: var(--theme-yellow);
    color: var(--theme-page-fg)
}

.features-search-result__result-label--color-blue {
    background-color: var(--theme-blue);
    color: var(--theme-page-bg)
}

.features-search-result__result-label--color-purple {
    background-color: var(--theme-purple);
    color: var(--theme-page-bg)
}

.features-search-result__result-label--color-teal {
    background-color: var(--theme-teal);
    color: var(--theme-page-bg)
}

.features-search-result__result-label--color-green {
    background-color: var(--theme-green);
    color: var(--theme-page-fg)
}

.features-search-result__result-label--color-gray {
    background-color: rgba(var(--theme-page-fg-rgb),.15);
    color: var(--theme-page-fg)
}

.features-search-result__result-label--color-black {
    background-color: var(--theme-page-fg);
    color: var(--theme-page-bg)
}

.features-search-result__result-description {
    display: -webkit-box;
    font-size: clamp(12px,.921vw,14px);
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.2em;
    overflow: hidden
}

.common-edge-sites-search__noresults {
    color: site-var(page-fg);
    display: block;
    padding: 1em .75em 1.15em
}

.common-edge-sites-search__noresults span {
    color: site-var(link);
    margin-inline-start:.25em}

.common-edge-sites-search__noresults svg {
    margin-inline-start:.15em;margin-top: -.1em
}

.common-edge-sites-search__noresults:hover span {
    color: site-var(link-hover)
}

.common-edge-sites-search__features-result {
    padding: .5em .75em 1em
}

.search-box__noresults {
    color: site-var(page-fg);
    display: block;
    padding: 1em .75em 1.15em
}

.search-box__noresults span {
    color: site-var(link);
    margin-inline-start:.25em}

.search-box__noresults svg {
    margin-inline-start:.15em;margin-top: -.1em
}

.search-box__noresults:hover span {
    color: site-var(link-hover)
}

.common-nav-item {
    align-items: center;
    display: flex;
    flex: none;
    font-size: clamp(14px,1.053vw,16px);
    position: relative
}

.common-nav-item>div {
    align-items: center;
    border-radius: .2em;
    display: inline-flex;
    height: 100%;
    line-height: 1em;
    padding: 0 .75em
}

.common-nav-item>div>a,.common-nav-item>div>button,.common-nav-item>div>span {
    align-items: center;
    display: inline-flex;
    height: 100%;
    line-height: inherit
}

.common-nav-item>div>a:focus-visible,.common-nav-item>div>button:focus-visible,.common-nav-item>div>span:focus-visible {
    outline: 1px dashed #1a59c8;
    outline-offset: 0
}

@media screen and (max-width: 810px) {
    .common-nav-item>div>a,.common-nav-item>div>button,.common-nav-item>div>span {
        padding:0 .25em
    }
}

.common-nav-item>div>a span,.common-nav-item>div>button span,.common-nav-item>div>span span {
    display: block;
    display: inline-flex;
    line-height: inherit;
    overflow: hidden;
    padding: 8px 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.common-nav-item>div>a span:after,.common-nav-item>div>button span:after,.common-nav-item>div>span span:after {
    border-bottom: 2px solid transparent;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    transition: border fast cubic-bezier(.215,.61,.355,1),opacity fast cubic-bezier(.215,.61,.355,1)
}

.common-nav-item>div>a,.common-nav-item>div>button {
    cursor: pointer
}

.common-nav-item>div>a:hover span:after,.common-nav-item>div>button:hover span:after {
    border-color: currentColor
}

.common-nav-item:first-child div {
    padding-inline-start:0}

.common-nav-item__menu-icon {
    flex: none;
    margin-left: .5em;
    position: relative;
    top: .1em
}

.common-nav-item__mobile-submenu {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    padding-left: 1em;
    width: 100%
}

.common-nav-item__popup {
    box-shadow: 0 9px 11.5px -3px #0000001a,0 18.5px 28.5px #00000009,0 7px 37.5px #00000007;
    overflow: hidden
}

.common-nav-item__dropdown-nav-items {
    max-height: 100%;
    overflow: auto
}

.common-nav-item--current>div>a span:after,.common-nav-item--current>div>button span:after,.common-nav-item--current>div>span span:after {
    border-color: currentColor;
    opacity: 1
}

.common-nav-item--logo {
    font-size: 1.1em
}

.common-nav-item--logo>div a span:after,.common-nav-item--logo>div button span:after,.common-nav-item--logo>div div span:after {
    display: none
}

.common-nav-item--title {
    font-size: 1.1em
}

.common-nav-item--title a,.common-nav-item--title button,.common-nav-item--title div {
    font-weight: 600
}

.common-nav-item--dropdown>div {
    padding: 0;
    width: 100%
}

.common-nav-item--dropdown>div>a,.common-nav-item--dropdown>div>button {
    min-width: 12em;
    padding: 6px 24px 10px!important;
    transition: background-color .1s cubic-bezier(.215,.61,.355,1);
    width: 100%
}

.common-nav-item--dropdown>div>a span:after,.common-nav-item--dropdown>div>button span:after {
    display: none
}

.common-nav-item--dropdown>div>a:hover,.common-nav-item--dropdown>div>button:hover {
    background-color: rgba(var(--theme-link-rgb),.08)
}

.common-nav-item--dropdown .common-nav-item__menu-icon {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg)
}

.common-nav-item--mobile {
    align-items: stretch;
    flex-direction: column;
    font-size: clamp(16px,1.184vw,18px)
}

.common-nav-item--mobile>div {
    display: flex;
    padding: .5em 1em!important;
    width: 100%
}

.common-nav-item--mobile>div>a,.common-nav-item--mobile>div>a:first-child,.common-nav-item--mobile>div>button,.common-nav-item--mobile>div>button:first-child {
    padding: 0
}

.common-nav-item--mobile>div>a span:after,.common-nav-item--mobile>div>button span:after {
    display: none
}

.common-nav-item--mobile>div>a {
    flex: 1
}

.common-nav-item--mobile>div>button {
    flex: 2000
}

.common-nav-item--no-hover>div>a span:after,.common-nav-item--no-hover>div>button span:after {
    display: none
}

.px-fit {
    position: relative;
    width: 100%
}

.px-fit,.px-fit__outer {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    height: 100%
}

.px-fit__outer {
    left: 0;
    position: absolute;
    width: 0;
    width: 100%
}

.px-fit__outer>* {
    grid-area: 1/1
}

.px-fit__outer {
    transition: opacity .1s cubic-bezier(.215,.61,.355,1)
}

.px-fit--fitting .px-fit {
    width: 100vh
}

.px-fit--fitting .px-fit__outer {
    height: auto;
    left: 0;
    overflow: visible;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: auto
}

.px-fit--debug.px-fit--fitting .px-fit__outer {
    background-color: #fff;
    opacity: 1
}

.px-button--base {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: .33em;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    justify-content: center;
    min-height: 2.5em;
    min-width: 6em;
    outline: none;
    padding: 0 1.5em .15em;
    position: relative;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.px-button--base:disabled,.px-button--base:disabled:active,.px-button--base:disabled:hover,.px-button--base:disabled[aria-checked] {
    cursor: not-allowed
}

.px-button--default {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--theme-button-bg);
    border: none;
    border-radius: .33em;
    box-shadow: 0 .7565932872px 2px #00000026;
    box-sizing: border-box;
    color: var(--theme-button-fg);
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    justify-content: center;
    line-height: 1.1;
    min-height: 2.5em;
    min-width: 6em;
    outline: none;
    padding: 0 1.5em .15em;
    position: relative;
    text-overflow: ellipsis;
    transition: background-color .2s cubic-bezier(.215,.61,.355,1),color .2s cubic-bezier(.215,.61,.355,1),box-shadow .2s cubic-bezier(.215,.61,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.px-button--default:disabled,.px-button--default:disabled:active,.px-button--default:disabled:hover,.px-button--default:disabled[aria-checked] {
    background-color: #bababa80;
    box-shadow: none;
    color: #888;
    cursor: not-allowed
}

.px-button--default:hover {
    background-color: var(--theme-button-bg-hover);
    box-shadow: 0 1.7994922406px 4px #00000040;
    color: var(--theme-button-fg)
}

.px-button--default:active {
    background-color: var(--theme-button-bg-active);
    box-shadow: 0 0 #00000026;
    color: var(--theme-button-fg)
}

.px-button--default:focus-visible {
    box-shadow: 0 0 0 3px #1a59c854
}

.px-button--outline {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--theme-button-bg);
    background: #1a59c800;
    border: 2px solid #1a59c8;
    border-radius: .33em;
    box-sizing: border-box;
    color: var(--theme-button-fg);
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    justify-content: center;
    line-height: 1.1;
    min-height: 2.5em;
    min-width: 6em;
    outline: none;
    padding: 0 1.5em .15em;
    position: relative;
    text-overflow: ellipsis;
    transition: background .3s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.215,.61,.355,1),border .3s cubic-bezier(.215,.61,.355,1),box-shadow .3s cubic-bezier(.215,.61,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.px-button--outline:disabled,.px-button--outline:disabled:active,.px-button--outline:disabled:hover,.px-button--outline:disabled[aria-checked] {
    background: #d5d5d5;
    box-shadow: none;
    color: #888;
    cursor: not-allowed
}

.px-button--outline:hover {
    background: #487ad30d;
    background-color: var(--theme-button-bg-hover);
    border-color: #487ad3;
    color: var(--theme-button-fg)
}

.px-button--outline:active {
    background: #1750b41a;
    background-color: var(--theme-button-bg-active);
    border-color: #1750b4;
    color: var(--theme-button-fg)
}

.px-button--outline:focus-visible {
    box-shadow: 0 0 0 3px #1a59c854
}

.px-button--pill {
    border-radius: 1000px;
    padding: 0 1.5em
}

:root {
    --px-toggle-button-gap: .33em;
    --px-toggle-button-icon-offset: -.33em
}

.px-toggle-button--default {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--theme-button-bg);
    border: none;
    border-radius: .33em;
    box-shadow: 0 .7565932872px 2px #00000026;
    box-sizing: border-box;
    color: var(--theme-button-fg);
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    justify-content: center;
    line-height: 1.1;
    min-height: 2.5em;
    min-width: 6em;
    outline: none;
    padding: 0 1.5em .15em;
    position: relative;
    text-overflow: ellipsis;
    transition: background-color .2s cubic-bezier(.215,.61,.355,1),color .2s cubic-bezier(.215,.61,.355,1),box-shadow .2s cubic-bezier(.215,.61,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.px-toggle-button--default:disabled,.px-toggle-button--default:disabled:active,.px-toggle-button--default:disabled:hover,.px-toggle-button--default:disabled[aria-checked] {
    background-color: #bababa80;
    box-shadow: none;
    color: #888;
    cursor: not-allowed
}

.px-toggle-button--default:hover {
    background-color: var(--theme-button-bg-hover);
    box-shadow: 0 1.7994922406px 4px #00000040;
    color: var(--theme-button-fg)
}

.px-toggle-button--default:active {
    background-color: var(--theme-button-bg-active);
    box-shadow: 0 0 #00000026;
    color: var(--theme-button-fg)
}

.px-toggle-button--default:focus-visible {
    box-shadow: 0 0 0 3px #1a59c854
}

.px-toggle-button {
    gap: var(--px-toggle-button-gap)
}

.px-toggle-button__icon,.px-toggle-button__label {
    display: inline-grid;
    grid-template-columns: auto;
    grid-template-rows: auto
}

.px-toggle-button__icon>*,.px-toggle-button__label>* {
    grid-area: 1/1
}

.px-toggle-button__icon {
    align-items: center;
    justify-items: center;
    margin-inline-start:var(--px-toggle-button-icon-offset)}

.px-toggle-button--checked.px-button--default: not(:disabled),.px-toggle-button--checked.px-button--default:not(:disabled):hover {
    background-color:#2f2c4c;
    box-shadow: none
}

.px-toggle-button--checked.px-button--outline:not(:disabled) {
    background-color: #1d5bc9
}

.px-toggle-button--icon .px-toggle-button__content,.px-toggle-button--icon .px-toggle-button__icon {
    transition: transform .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1)
}

.px-side-drawer__side-enter-active,.px-side-drawer__side-leave-active {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

.px-side-drawer__side-enter-active .px-side-drawer__overlay-base,.px-side-drawer__side-leave-active .px-side-drawer__overlay-base {
    transition: opacity .4s cubic-bezier(.215,.61,.355,1)
}

.px-side-drawer__side-enter-active .px-side-drawer__drawer,.px-side-drawer__side-leave-active .px-side-drawer__drawer {
    transition: transform .4s cubic-bezier(.215,.61,.355,1)
}

.px-side-drawer__side-enter .px-side-drawer__overlay-base,.px-side-drawer__side-enter-from .px-side-drawer__overlay-base,.px-side-drawer__side-leave-to .px-side-drawer__overlay-base {
    opacity: 0
}

.px-side-drawer__side-enter .px-side-drawer__drawer,.px-side-drawer__side-enter-from .px-side-drawer__drawer,.px-side-drawer__side-leave-to .px-side-drawer__drawer {
    transform: translate(100%)
}

.px-side-drawer__top-enter-active,.px-side-drawer__top-leave-active {
    transition: color .4s cubic-bezier(.215,.61,.355,1)
}

.px-side-drawer__top-enter-active .px-side-drawer__overlay-base,.px-side-drawer__top-leave-active .px-side-drawer__overlay-base {
    transition: opacity .4s cubic-bezier(.215,.61,.355,1)
}

.px-side-drawer__top-enter-active .px-side-drawer__drawer,.px-side-drawer__top-leave-active .px-side-drawer__drawer {
    transition: transform .4s cubic-bezier(.215,.61,.355,1)
}

.px-side-drawer__top-enter .px-side-drawer__overlay-base,.px-side-drawer__top-enter-from .px-side-drawer__overlay-base,.px-side-drawer__top-leave-to .px-side-drawer__overlay-base {
    opacity: 0
}

.px-side-drawer__top-enter .px-side-drawer__drawer,.px-side-drawer__top-enter-from .px-side-drawer__drawer,.px-side-drawer__top-leave-to .px-side-drawer__drawer {
    transform: translateY(-100%)
}

.px-side-drawer {
    height: 100%;
    min-width: 10px;
    position: fixed;
    right: 0;
    top: 0
}

.px-side-drawer__overlay {
    background-color: #3333331a
}

.px-side-drawer__bottom,.px-side-drawer__drawer,.px-side-drawer__top {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 1em
}

.px-side-drawer__bottom>section,.px-side-drawer__drawer>section,.px-side-drawer__top>section {
    display: flex;
    flex-direction: column
}

.px-side-drawer__drawer {
    background-color: #fff;
    box-shadow: 0 9px 11.5px -3px #0000001a,0 18.5px 28.5px #00000009,0 7px 37.5px #00000007;
    height: 100%;
    justify-content: space-between;
    max-width: 100vw;
    overflow: auto;
    width: 320px
}

.px-side-drawer__top {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #ffffff80;
    position: sticky;
    top: 0;
    z-index: 1
}

.px-side-drawer__content {
    flex: 1
}

.px-side-drawer__close {
    display: flex;
    justify-content: flex-end
}

.px-side-drawer__icon-button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: .33em;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    outline: none;
    padding: 1em;
    position: relative;
    text-overflow: ellipsis;
    transition: transform .2s cubic-bezier(.215,.61,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.px-side-drawer__icon-button:disabled,.px-side-drawer__icon-button:disabled:active,.px-side-drawer__icon-button:disabled:hover,.px-side-drawer__icon-button:disabled[aria-checked] {
    cursor: not-allowed;
    opacity: .5
}

.px-side-drawer__icon-button:focus-visible {
    box-shadow: 0 0 0 3px #1a59c854
}

.px-side-drawer__icon-button:hover {
    transform: translateY(-1px)
}

.px-side-drawer__icon-button:active {
    transform: translateY(1px)
}

.px-side-drawer--blur .px-side-drawer__overlay {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.px-side-drawer--mode-top {
    height: auto
}

.px-side-drawer--mode-top .px-side-drawer__drawer {
    height: auto;
    max-width: 100vw;
    width: 100vw
}

.px-svg {
    color: inherit;
    display: inline-block;
    line-height: 1
}

.common-nav {
    --is-mobile: false
}

@media screen and (max-width: 810px) {
    .common-nav {
        --is-mobile:true
    }
}

.common-nav {
    align-items: stretch;
    display: flex;
    font-size: 1rem;
    height: 3em;
    justify-content: center;
    position: relative;
    z-index: 10
}

.common-nav--sticky {
    background-color: #fff;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999
}

.common-nav--transparent {
    background-color: transparent;
    position: absolute
}

.common-nav--transparent-sticky {
    background-color: transparent;
    position: fixed
}

.common-nav--transparent-sticky.common-nav--scrolled {
    background-color: #fff
}

.common-nav {
    transition: box-shadow .5s cubic-bezier(.215,.61,.355,1)
}

.common-nav--scrolled {
    box-shadow: 0 6px 7.5px -2px #00000013,0 12.5px 19px #00000006,0 4.5px 25px #00000006
}

.common-nav__items {
    align-items: stretch;
    display: flex;
    height: 100%
}

.common-nav__items--not-fit {
    flex-wrap: wrap
}

.common-nav__logo-item img {
    height: 100%;
    width: 100%
}

.common-nav__logo-item--has-separator:after {
    background-color: currentColor;
    content: "";
    display: block;
    height: 1.5em;
    margin: 0 .5em;
    width: 1px
}

.common-nav__logo-item--no-link-logo {
    padding-right: .75em
}

.common-nav__logo-title {
    margin-left: .25em
}

.common-nav__mobile-drawer {
    display: none
}

.common-nav__menu {
    align-items: stretch;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: min(1520px,100vw);
    padding: 0 min(5vw,40px)
}

.common-nav__fit-items {
    display: flex
}

.common-nav__fit-items--not-fit nav {
    flex: 1 1 0;
    overflow: hidden
}

.common-nav__menu-item--not-fit {
    flex: 0 0 auto;
    height: 100%
}

.common-nav__end {
    align-items: center;
    display: flex;
    flex: none;
    height: 100%;
    margin-inline-start:.5em;width: auto
}

@media screen and (min-width: 810px) {
    .common-nav--mode-center-items .common-nav__menu,.common-nav--mode-stretch .common-nav__menu {
        min-width:100%;
        padding: 0 1.5em
    }

    .common-nav--mode-center-items .common-nav__start-fill {
        flex-grow: 0;
        flex-shrink: 1;
        height: 100%;
        width: 50%
    }

    .common-nav--mode-center-items .common-nav__end {
        flex: none;
        grid-area: end
    }

    .common-nav--mode-center-items .common-nav__fit-items {
        justify-content: center
    }

    .common-nav--mode-center .common-nav__menu {
        max-width: 100%;
        min-width: 100%;
        padding: 0 1.5em
    }

    .common-nav--mode-center .common-nav__fit-items {
        justify-content: center
    }

    .common-nav--mode-center .common-nav__end {
        margin-inline-start:1em}
}

@media screen and (max-width: 810px) {
    .common-nav__mobile-drawer {
        display:initial
    }

    .common-nav__menu-item {
        display: none
    }

    .common-nav__menu {
        align-items: stretch;
        display: flex;
        justify-content: space-between
    }

    .common-nav__mobile-toggle {
        align-items: center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        border-radius: .33em;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-flex;
        font-family: inherit;
        font-size: inherit;
        font-weight: 400;
        height: 3em;
        justify-content: center;
        margin-inline-end:-.5em;min-height: 0;
        min-width: 0;
        outline: none;
        padding: .5em;
        position: relative;
        text-overflow: ellipsis;
        transition: transform .2s cubic-bezier(.215,.61,.355,1);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        white-space: nowrap
    }

    .common-nav__mobile-toggle:disabled,.common-nav__mobile-toggle:disabled:active,.common-nav__mobile-toggle:disabled:hover,.common-nav__mobile-toggle:disabled[aria-checked] {
        cursor: not-allowed;
        opacity: .5
    }

    .common-nav__mobile-toggle:focus-visible {
        box-shadow: 0 0 0 3px #1a59c854
    }

    .common-nav__mobile-toggle:hover {
        transform: translateY(-1px)
    }

    .common-nav__mobile-toggle:active {
        transform: translateY(1px)
    }

    .common-nav__mobile-menu-item--title {
        font-weight: 600
    }
}

@media screen and (max-width: 640px) {
    .common-nav__logo-item:after,.common-nav__title-item {
        display:none
    }
}

.scroll-id {
    height: 1px;
    opacity: 0;
    position: absolute;
    top: -80px;
    width: 1px
}

.block-container {
    color: var(--theme-page-fg);
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    max-width: 100%;
    overflow-x: clip;
    position: relative;
    width: 100%
}

.block-container__container {
    grid-template-areas: 1/1;
    height: 100%
}

@media screen and (max-width: 810px) {
    .block-container {
        margin:0
    }
}

.block-container__container {
    margin: 0 auto;
    max-width: 1520px;
    padding: 0 min(5vw,40px);
    position: relative;
    width: 100%
}

@media screen and (max-width: 810px) {
    .block-container__container {
        padding-left:24px;
        padding-right: 24px
    }
}

.block-container__container {
    display: grid
}

.block-container__background,.block-container__overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.block-container__background--inner,.block-container__overlay--inner {
    border-radius: 1.25em;
    left: min(5vw,40px);
    right: min(5vw,40px)
}

@media screen and (max-width: 810px) {
    .block-container__background--inner,.block-container__overlay--inner {
        left:24px;
        right: 24px
    }
}

.block-container__content {
    position: relative
}

.block-container--has-inner-background>.block-container__container>.block-container__content {
    padding: 0 4em
}

@media screen and (max-width: 810px) {
    .block-container--has-inner-background>.block-container__container>.block-container__content {
        padding:0 2em
    }
}

.block-container__scroll-id {
    height: 1px;
    opacity: 0;
    position: absolute;
    top: -80px;
    width: 1px
}

.block-container__scroll-id--visible {
    height: auto;
    min-width: 100px;
    opacity: 1;
    width: auto;
    z-index: 100000
}

.block-container__scroll-id--visible span {
    background-color: #000;
    border-radius: 3px;
    box-shadow: 0 3px 8px #0000001a;
    color: #fff;
    display: block;
    font-size: 13px;
    left: 20px;
    padding: .5em 1em;
    position: absolute;
    top: 100px;
    white-space: nowrap
}

.block-container--reduced-radius .block-container__background--inner {
    border-radius: .825em
}

.block-container--reduced-padding.block-container--has-inner-background .block-container__content {
    padding: 0 2em
}

:root .theme-copilot .block-container__background--inner {
    border-radius: 4.5rem
}

body,html {
    scroll-behavior: smooth
}

body.nav--color-light #nav {
    color: #fff
}

#uhf-footer {
    margin-top: 0!important
}

@media screen and (max-width: 810px) {
    #header-search-box {
        display:none
    }
}

.fluent-layout--loading {
    opacity: 0
}

.fluent-layout--loading * {
    transition: none!important
}

.fluent-layout__nav-end {
    align-items: center;
    display: flex;
    gap: 1em
}

.error-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.error-page h1 {
    font-size: 1.6rem;
    margin-top: 1rem;
    text-align: center
}

.error-page main {
    flex: 1
}