body:has(.drawer[open]){height:100vh;overflow:hidden}.sidenav{top:var(--header-height-base);width:var(--sidebar-width-base);min-width:var(--sidebar-width-base);height:calc(100vh - var(--header-height-base));padding-block:var(--dds-spacing-400);padding-inline:var(--dds-spacing-400);border-right:var(--dds-border-width-base)solid var(--dds-border-neutral-divider);background:var(--dds-background-neutral-base);scroll-margin-top:var(--header-height-base);overscroll-behavior:contain;position:sticky;overflow:scroll auto}.sidenav__search{margin-bottom:var(--dds-spacing-400)}
.side-nav-group{margin-bottom:var(--dds-spacing-100)}@media (max-width:767px){.side-nav-group{margin-bottom:0}}.side-nav-group__title{border-radius:var(--dds-radius-base);display:flex}.side-nav-group__title:has(button[aria-expanded=true]) .side-nav-group__toggle{transform:rotate(0)}.side-nav-group__title>.side-nav-item:hover{background-color:#0000}.side-nav-group__title:has(>.side-nav-item--active){background-color:var(--dds-transparent-black-subtle)}.side-nav-group__title:has(>.side-nav-item--active)>.side-nav-item--active{background-color:#0000}.side-nav-group__title:hover{background-color:var(--dds-transparent-black-base)}.side-nav-group__toggle{box-sizing:border-box;padding:0 var(--dds-spacing-200)0;color:inherit;-webkit-font-smoothing:antialiased;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;appearance:none;background:0 0;border:0;outline:none;margin:0;text-decoration:none;list-style-type:none;transition:all .1s ease-in-out;transform:rotate(-90deg)}.side-nav-group__toggle:hover{cursor:pointer}.side-nav-group__content{box-sizing:content-box;height:auto;padding-top:0;transition-property:all;transition-timing-function:ease-in-out;overflow:hidden}.side-nav-group__content .side-nav-item{margin-bottom:var(--dds-spacing-100)}@media (max-width:1023px){.side-nav-group__content .side-nav-item{margin-bottom:0}}.side-nav-group__content:has(:focus-within){overflow:visible}.side-nav-group__content:has(:focus-within) .side-nav-item__link::part(base){overflow:visible}.side-nav-group__list{padding-inline:var(--dds-spacing-300)0}@media (max-width:1023px){.side-nav-group__list{padding-inline:0}}
.side-nav-item{width:100%;min-height:var(--dds-spacing-800);border-radius:var(--dds-radius-base);color:var(--dds-text-neutral-base);font-size:var(--dds-font-sm);font-weight:var(--dds-font-weight-medium);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;background-color:#0000;border-width:0;justify-content:flex-start;align-items:center;margin-bottom:0;text-decoration:none;display:inline-flex;position:relative}@media (max-width:1023px){.side-nav-item{min-height:var(--dds-spacing-1000);margin-bottom:0}}.side-nav-item--padding{padding:var(--dds-spacing-100)var(--dds-spacing-300)}.side-nav-item--spaced-bottom{margin-bottom:var(--dds-spacing-400)}.side-nav-item--spaced-top{margin-top:var(--dds-spacing-400)}.side-nav-item--active{background-color:var(--dds-transparent-black-subtle)}.side-nav-item:active,.side-nav-item:hover{background-color:var(--dds-transparent-black-base)}.side-nav-item__content{align-items:center;width:100%;display:flex}.side-nav-item__link{width:100%;min-height:var(--dds-spacing-800);padding:var(--dds-spacing-100)var(--dds-spacing-300);border-radius:var(--dds-radius-base);color:var(--dds-text-neutral-base);font-size:var(--dds-font-sm);font-weight:var(--dds-font-weight-medium);text-overflow:ellipsis;word-break:break-word;white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;background-color:#0000;border-width:0;justify-content:flex-start;align-items:center;margin-bottom:0;text-decoration:none;display:flex;overflow:visible}.side-nav-item__link:focus-visible{border-radius:var(--dds-radius-base);outline:var(--dds-border-width-large)solid var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);box-shadow:0 0 0 var(--dds-border-width-xlarge)var(--dds-focus-inner-ring)}@media (max-width:1023px){.side-nav-item__link{min-height:var(--dds-spacing-1000);margin-bottom:0}}.side-nav-item__link::part(text){width:100%}.side-nav-item__link-text{margin-block:var(--dds-spacing-200)var(--dds-spacing-200);color:var(--dds-text-neutral-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-nav-item__title-container{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.side-nav-item__title{text-overflow:ellipsis;white-space:break-spaces;display:block;overflow:hidden}.side-nav-item__title-icon{margin-inline-end:var(--dds-spacing-200)}.side-nav-item__title-icon--hidden{display:none}.side-nav-item:focus-visible,.side-nav-group__toggle:focus-visible{border-radius:var(--dds-radius-base);outline:var(--dds-border-width-large)solid var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);box-shadow:0 0 0 var(--dds-border-width-xlarge)var(--dds-focus-inner-ring)}.side-nav-item:has(:focus-visible){border-radius:var(--dds-radius-base);outline:var(--dds-border-width-large)solid var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);box-shadow:0 0 0 var(--dds-border-width-xlarge)var(--dds-focus-inner-ring)}
.drawer{all:unset;visibility:hidden;width:var(--mobile-sidebar-width-base);height:100%;transition:transform var(--dds-transition-medium)ease-out;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer--right{right:0;left:unset;transform:translate(100%)}.drawer--bottom{top:unset;left:unset;width:100%;max-height:200px;transform:translateY(100%)}.drawer--top{left:unset;width:100%;max-height:200px;transform:translateY(-100%)}.drawer__header{width:100%;height:var(--header-height-base);padding-inline:var(--dds-spacing-600);border-bottom:var(--dds-border-width-base)solid var(--dds-border-neutral-divider);justify-content:space-between;align-items:center;display:flex}.drawer__header--align-right{justify-content:flex-end}.drawer__header .header__menu-toggle::part(base){background-color:var(--dds-background-neutral-base);color:var(--dds-text-neutral-base)}.drawer__header .header__menu-toggle::part(base):hover{background-color:var(--dds-background-neutral-strong)}.drawer .sidenav{background-color:#0000;border:0;width:100%;display:block}.drawer[open]{visibility:visible}.drawer:modal{background-color:var(--dds-background-neutral-subtle);box-shadow:0 24px 40px -4px #00000014}.drawer::backdrop{transition:opacity var(--dds-transition-medium)ease-out;opacity:0;background-color:var(--dds-transparent-black-medium)}.drawer[data-open],.drawer[data-open]::backdrop{transition-delay:0s;transform:none}.drawer[data-open]::backdrop{opacity:1;transition-delay:0s}