.visuallyhidden {
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
}

.Breadcrumb {
    margin-bottom: 5rem
}

.Breadcrumb * {
    font: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: inherit;
    margin: 0;
    padding: 0;
}

.Breadcrumb button {
	background: rgba(0,0,0,0);
    -webkit-appearance: button;
    cursor: pointer;
    border-radius: 0;
    border: 0;
}

.Breadcrumb a:active {
    outline: none !important;
}
.Breadcrumb *:focus {
    outline: none !important;
}

.Breadcrumb a:hover, .Breadcrumb a:focus {
    color: initial;
    text-decoration: none;
}

html {
    width: 100%;
    height: 100%;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background: rgba(var(--c-white),1);
}

html {
    color: #000;
    background: #fff
}

@keyframes body-state_backdrop-in {
	to { opacity: 1 }
}
.Breadcrumb li {
    list-style: none;
}
:root { --c-trueblack: 0, 0, 0; --c-black: 18, 18, 18; --c-white: 255, 255, 255; --c-truewhite: 255, 255, 255; --c-grey: 102, 102, 102; --c-grey-medium: 233, 233, 233; --c-grey-light: 250, 250, 250; --c-blue: 0, 40, 165; --c-blue-muted: 27, 33, 74; --c-blue-light: 245, 245, 251; --c-green: 40, 150, 12; --c-green-attention: 0, 126, 42; --c-red: 255, 0, 0; --c-text-black: 18, 18, 18; --c-text-grey: 102, 102, 102 }
html.breadcrumb-open body:before { display: block; animation: body-state_backdrop-in .2s ease-in-out forwards }
html.breadcrumb-open body::before { z-index: 98 }
body:before {
    display: none;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--c-black),0.2);
    opacity: 0;
    z-index: 999
}
.FocusOnly { position: absolute; clip: rect(0 0 0 0); -webkit-clip-path: polygon(0 0); clip-path: polygon(0 0) }
.FocusOnly:focus, .FocusOnly:focus-within { position: static; clip: auto; -webkit-clip-path: none; clip-path: none }
button.FocusOnly:focus { display: block; width: 100%; padding: 1em; text-align: center; background-color: rgba(var(--c-black), 1); color: rgba(var(--c-white), 1) }
.Icon { display: inline-flex; vertical-align: middle; position: relative; font-size: 100%; width: 2rem; height: 2rem; line-height: 1 }
.Icon>svg { display: block; width: 100%; height: 100%; position: relative; overflow: visible }
.Icon[data-name^="24"] { width: 1.5rem; height: 1.5rem }
.Icon[data-name^="16"] { width: 1rem; height: 1rem }
@keyframes breadcrumbs-outer-in {
	to { transform: none; opacity: 1 }
}
@keyframes breadcrumbs-inner-in {
	to { transform: none }
}
.Breadcrumb { font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: rgba(var(--c-text-grey), 1); position: relative; width: 100%; margin-top: 2rem; white-space: nowrap; color: rgba(var(--c-grey), 1); overflow: hidden }
@media(max-width:700px) {
	.Breadcrumb { font-size: 0.75rem }
}
@media(max-width:900px) {
	.Breadcrumb { margin-top: 0 }
}
@media(min-width:901px) {
	:root:has(.ContentArea .RSSLink) .Breadcrumb--list { padding-right: 100px }
}
.Breadcrumb--list { display: flex; flex-wrap: wrap; margin-left: 0px; margin-right: 0px }
@media(max-width:900px) {
	.Breadcrumb--list { overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; -ms-overflow-style: none; scrollbar-width: none; flex-wrap: nowrap; margin-left: 0; margin-right: 0; padding-left: 16px; overflow-y: hidden; padding-top: 1rem }
	.Breadcrumb--list::-webkit-scrollbar { display: none }
}
.Breadcrumb--list--item { position: relative; flex-shrink: 0; display: flex; align-items: center; margin-bottom: 0.375rem }
@media(max-width:900px) {
	.Breadcrumb--list--item { position: static }
	.Breadcrumb--list--item:last-child { padding-right: var(--page-margin) }
}
.Breadcrumb--link, .Breadcrumb--btn { margin-top: -0.625rem; margin-bottom: -0.625rem; padding-top: 0.625rem; padding-bottom: 0.625rem; display: flex; align-items: center; transition: color .2s ease-in-out }
.Breadcrumb--list--item:first-child .Breadcrumb--link, .Breadcrumb--list--item:first-child .Breadcrumb--btn { margin-left: 0 }
@media(hover:hover) {
	.Breadcrumb--link:hover, .Breadcrumb--btn:hover { color: rgba(var(--c-black), 1) }
}
.Breadcrumb--link+.Icon { margin-left: 0.5rem; margin-right: 0.5rem }
.Breadcrumb--btn .Icon { margin-left: 0.5rem; transition: transform 200ms ease-in-out }
.Breadcrumb--btn[aria-expanded=true] { color: rgba(var(--c-black), 1) }
.Breadcrumb--btn[aria-expanded=true] .Icon { transform: rotate(180deg) }
.Breadcrumb--flyout { visibility: hidden; position: absolute; width: 21.25rem; max-width: 80vw; box-shadow: 0px 7px 22px -4px rgba(0, 0, 0, .05); z-index: 99 }
.js-Breadcrumb--btn[aria-expanded=true]~.Breadcrumb--flyout { visibility: visible }
@media(max-width:900px) {
	.Breadcrumb--flyout { position: fixed }
}
.Breadcrumb--flyout--inner { padding: 1.5rem 0; background: rgba(var(--c-white), 1); transform: scale(0.95); opacity: 0 }
.js-Breadcrumb--btn[aria-expanded=true]~.Breadcrumb--flyout .Breadcrumb--flyout--inner { animation: breadcrumbs-outer-in .3s ease forwards }
.Breadcrumb--flyout--list { transform: translateY(5%) }
.js-Breadcrumb--btn[aria-expanded=true]~.Breadcrumb--flyout .Breadcrumb--flyout--list { animation: breadcrumbs-inner-in .4s ease forwards }
.Breadcrumb--flyout--link { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; position: relative; padding-left: 0.75rem; padding-right: 2rem }
.Breadcrumb--flyout--link::before { content: ''; position: absolute; left: 0; top: 0; width: 0.25rem; height: 100%; background-color: rgba(var(--c-blue), 1); opacity: 0; transition: opacity 200ms ease }
.Breadcrumb--flyout--link.is-active { color: rgba(var(--c-black), 1) }
.Breadcrumb--flyout--link.is-active::before { opacity: 1 }
@media(hover:hover) {
	.Breadcrumb--flyout--link:hover { color: rgba(var(--c-black), 1) }
	.Breadcrumb--flyout--link:hover::before { opacity: 1; background-color: currentColor }
}
.Breadcrumb--flyout--item { width: 100%; padding: 0.375rem 0 0.375rem 0 }