.c-side-panel__wrapper{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));height:100vh;left:0;overflow:hidden;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:997;--tw-bg-opacity:.3;opacity:1}.c-side-panel__wrapper:is(.dark *){background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.6}.c-side-panel__wrapper{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{height:100%;overflow-y:auto;position:absolute;right:0;top:0;transition:right .3s var(--transition-easing);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem}.c-side-panel__panel:is(.dark *){--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.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.333333%}.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%}