.c-side-panel__wrapper{background-color:#0000004d;left:0;overflow:hidden;pointer-events:auto;position:fixed;width:100vw;z-index:999}@supports (color:color-mix(in lab,red,red)){.c-side-panel__wrapper{background-color:color-mix(in oklab,var(--color-black,#000) 30%,transparent)}}.c-side-panel__wrapper{opacity:1}.c-side-panel__wrapper:is(.dark *){background-color:#0009}@supports (color:color-mix(in lab,red,red)){.c-side-panel__wrapper:is(.dark *){background-color:color-mix(in oklab,var(--color-black,#000) 60%,transparent)}}.c-side-panel__wrapper{height:calc(100vh - var(--d-header-height,0px));top:var(--d-header-height,0);transition:opacity .25s linear}.c-side-panel__wrapper:not(.c-side-panel--open){opacity:0;pointer-events:none}.c-side-panel__wrapper:not(.c-side-panel--open) .c-side-panel__panel{right:-100%}.c-side-panel__panel{background-color:var(--color-white,#fff);height:100%;overflow-y:auto;padding:calc(var(--spacing,.25rem)*4);position:absolute;right:0;top:0;transition:right .3s var(--transition-easing)}.c-side-panel__panel:is(.dark *){background-color:var(--color-neutral-900,oklch(20.5% 0 none))}.c-side-panel__panel .d-section:not(.d-section--condensed){margin:0}.c-side-panel__panel .d-section~.d-section:not(.d-section--condensed){margin-top:calc(var(--spacing,.25rem)*2)}.c-side-panel__panel--md{min-width:800px;width:75%}.c-side-panel__panel--md--previous{min-width:0;right:20%}.c-side-panel__panel--sm{min-width:600px;width:50%}.c-side-panel__panel--sm--previous{min-width:0;right:50%}.c-side-panel__panel--xs{min-width:400px;width:33.3333%}.c-side-panel__panel--xs--previous{min-width:0;right:50%}.c-side-panel__panel--lg{min-width:800px;width:90%}.c-side-panel__panel--lg--previous{min-width:0;right:5%}