body:has(.drawer[open]){height:100vh;overflow:hidden}.sidenav{position:-webkit-sticky;position:sticky;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);overflow:scroll auto;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}.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{display:flex;border-radius:var(--dds-radius-base)}.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:rgba(0,0,0,0)}.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:rgba(0,0,0,0)}.side-nav-group__title:hover{background-color:var(--dds-transparent-black-base)}.side-nav-group__toggle{box-sizing:border-box;margin:0;padding:0 var(--dds-spacing-200) 0;list-style-type:none;transform:rotate(-90deg);transition:all .1s ease-in-out;border:0;outline:none;background:none;color:inherit;font-family:inherit;font-size:100%;-webkit-font-smoothing:antialiased;font-weight:inherit;line-height:inherit;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.side-nav-group__toggle:hover{cursor:pointer}.side-nav-group__content{box-sizing:content-box;height:auto;padding-top:0;overflow:hidden;transition-property:all;transition-timing-function:ease-in-out}.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}}.drawer{all:unset;visibility:hidden;position:fixed;top:0;bottom:0;left:0;width:var(--mobile-sidebar-width-base);height:100%;transform:translateX(-100%);transition:transform var(--dds-transition-medium) ease-out}.drawer--right{right:0;left:unset;transform:translateX(100%)}.drawer--bottom{top:unset;transform:translateY(100%)}.drawer--bottom,.drawer--top{left:unset;width:100%;max-height:200px}.drawer--top{transform:translateY(-100%)}.drawer__header{display:flex;align-items:center;justify-content:space-between;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)}.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{display:block;width:100%;border:0;background-color:rgba(0,0,0,0)}.drawer[open]{visibility:visible}.drawer:modal{background-color:var(--dds-background-neutral-subtle);box-shadow:0 24px 40px -4px rgba(0,0,0,.08)}.drawer::-webkit-backdrop{-webkit-transition:opacity var(--dds-transition-medium) ease-out;transition:opacity var(--dds-transition-medium) ease-out;opacity:0;background-color:var(--dds-transparent-black-medium)}.drawer::backdrop{transition:opacity var(--dds-transition-medium) ease-out;opacity:0;background-color:var(--dds-transparent-black-medium)}.drawer[data-open]::-webkit-backdrop{transform:none}.drawer[data-open],.drawer[data-open]::backdrop{transform:none;transition-delay:0s}.drawer[data-open]::-webkit-backdrop{transition-delay:0s;opacity:1}.drawer[data-open]::backdrop{transition-delay:0s;opacity:1}