*{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}html{font-family:var(--body-font)}body,.body{margin:0;font-family:var(--body-font);font-size:var(--type-ramp-base-font-size);line-height:var(--type-ramp-base-line-height);font-weight:var(--font-weight);color:var(--neutral-foreground-rest);background-color:var(--neutral-fill-layer-rest);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-theme="light"],body[data-theme="system-light"]{color-scheme:light}body[data-theme="dark"],body[data-theme="system-dark"]{color-scheme:dark}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:.75rem;font-weight:500;font-family:inherit}h1{font-size:var(--type-ramp-plus-5-font-size);line-height:var(--type-ramp-plus-5-line-height)}h2{font-size:var(--type-ramp-plus-4-font-size);line-height:var(--type-ramp-plus-4-line-height)}h3{font-size:var(--type-ramp-plus-3-font-size);line-height:var(--type-ramp-plus-3-line-height)}h4{font-size:var(--type-ramp-plus-2-font-size);line-height:var(--type-ramp-plus-2-line-height)}h5{font-size:var(--type-ramp-plus-1-font-size);line-height:var(--type-ramp-plus-1-line-height)}h6{font-size:var(--type-ramp-base-font-size);line-height:var(--type-ramp-base-line-height)}p{font-size:var(--type-ramp-base-font-size);line-height:var(--type-ramp-base-line-height);font-weight:400;margin-top:0;margin-bottom:1rem;font-family:var(--body-font)}blockquote{border-left:5px solid var(--accent-fill-rest);border-right:0;font-size:var(--type-ramp-base-font-size);font-style:italic;padding:2px 15px}[dir='rtl'] blockquote{border-left:0;border-right:5px solid var(--accent-fill-rest)}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:0;background-color:var(--highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--accent-foreground-rest);text-decoration:underline}a:hover{color:var(--accent-foreground-hover)}a:active{color:var(--accent-foreground-active)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--accent-foreground-rest);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--neutral-base-color);background-color:var(--neutral-fill-layer-rest);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}table{font-size:var(--type-ramp-base-font-size);line-height:var(--type-ramp-base-line-height);font-weight:400;margin-top:0;margin-bottom:1rem;caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:var(--control-corner-radius)}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;border:1px solid #000}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media(min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
body {
    margin: 0;
    padding: 0;
    height: 100vh;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    font-weight: var(--font-weight);
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-4);
}

.fluent-design-layout {
    display: flex;
}

.fluent-design-layout-default-header {
    background: var(--neutral-fill-layer-rest) !important;
    border-bottom: calc(var(--stroke-width) * 2px) solid var(--accent-fill-rest);
}

.fluent-design-layout-rounded-header {
    height: 50px;
    border-radius: 0.5rem;
    background-color: var(--neutral-fill-layer-rest);
    margin: 1rem 1rem 0;
    padding: 0 1rem 0 1rem;
}

.fluent-design-body-content {
    padding: 1rem 1rem 1rem 1rem;
    border-right: 1px solid var(--neutral-stroke-divider-rest);
}

.fluent-design-navmenu-content-card {
    background-color: var(--neutral-fill-layer-rest);
    border-radius: 0.5rem;
    margin: 1rem 0 1rem 1rem;
    padding: 0 10px 0 0;
}

.nav-search-toolbar {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px 4px 8px;
}

.nav-search-toolbar fluent-search {
    flex: 1;
    min-width: 0;
}

.fluent-design-mobile-navmenu-content-card {
    background-color: var(--neutral-fill-layer-rest);
    width: 100%;
}

.fluent-design-navmenu-content {
    display: flex;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 0.5rem 1rem 1rem;

    .fluent-nav-item {
        min-width: 40px;
    }

    .fluent-nav-item.expander {
        div {
            height: 40px;
        }
    }

    .fluent-nav-item {
        margin: 0;
    }

    .fluent-nav-group {
        margin: 10px 0 10px 0;
    }

    [tabindex="0"] .positioning-region {
        height: 40px;
    }

    .fluent-nav-menu .fluent-nav-item a > div {
        height: 40px;
    }
}

.mobile-nav-app-bar {
    background: var(--neutral-fill-layer-rest) !important;
    border-top: calc(var(--stroke-width) * 2px) solid var(--accent-fill-rest);
}

.fluent-card {
    background-color: var(--neutral-fill-layer-rest);
    padding: 2rem;
    border-radius: 0.5rem;
}

.fluent-border-card {
    background-color: var(--neutral-fill-layer-rest);
    padding: 2rem;
    border-radius: 0.5rem;
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-4);
}


/* For Webkit browsers (Chrome, Safari, Opera) */
::-webkit-scrollbar {
    background: transparent; /* Set scrollbar background to transparent */
}

::-webkit-scrollbar-track {
    background: transparent; /* Set track background to transparent */
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3); /* Set thumb color with transparency */
    border-radius: 4px; /* Optional: add border radius for a rounded thumb */
}

/* For Firefox */
* {
    /* The first value is the thumb color, the second is the track color */
    scrollbar-color: var(--neutral-base-color) transparent;
    scrollbar-width: 0.5rem; /* Options: auto or thin */
}