.app-sidepanel[data-v-f83c2b82]{--sidepanel-z-index:2000;--sidepanel-bg:var(--bg-primary);--sidepanel-radius:var(--spacing-lg);--sidepanel-shadow-color:color-mix(in srgb,var(--text-primary),transparent 85%);--sidepanel-shadow:0 calc(var(--spacing-sm) - var(--spacing-3xs)) calc(var(--spacing-xl) - var(--spacing-3xs)) var(--sidepanel-shadow-color);--sidepanel-border-color:var(--border-color);--sidepanel-border-width:calc(var(--spacing-2xs)/4);--sidepanel-padding:var(--spacing-lg);--sidepanel-title-size:var(--text-xl);--sidepanel-title-color:var(--text-primary);--sidepanel-overlay-blur:var(--spacing-3xs);--sidepanel-right:var(--spacing-md);--sidepanel-top:5vh;--sidepanel-height:90vh;--sidepanel-width:calc(var(--spacing-4xl) + var(--spacing-4xl) + var(--spacing-4xl) + var(--spacing-4xl) + var(--spacing-lg) + var(--spacing-sm));inset:0;position:fixed;z-index:var(--sidepanel-z-index)}.app-sidepanel__overlay[data-v-f83c2b82]{-webkit-backdrop-filter:blur(var(--sidepanel-overlay-blur));backdrop-filter:blur(var(--sidepanel-overlay-blur));inset:0;position:absolute}.app-sidepanel__content[data-v-f83c2b82]{animation:sidepanel-slide-in-f83c2b82 .3s ease forwards;background:var(--sidepanel-bg);border-radius:var(--sidepanel-radius);box-shadow:var(--sidepanel-shadow);display:flex;flex-direction:column;height:var(--sidepanel-height);overflow:hidden;position:absolute;right:var(--sidepanel-right);top:var(--sidepanel-top);width:var(--sidepanel-width)}.app-sidepanel__header[data-v-f83c2b82]{align-items:center;border-bottom:var(--sidepanel-border-width) solid var(--sidepanel-border-color);display:flex;justify-content:space-between;padding:var(--sidepanel-padding)}.app-sidepanel__title[data-v-f83c2b82]{color:var(--sidepanel-title-color);font-size:var(--sidepanel-title-size);font-weight:var(--font-semibold);margin:0}.app-sidepanel__close[data-v-f83c2b82]{background:none}.app-sidepanel__body[data-v-f83c2b82]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sidepanel-padding)}.app-sidepanel__footer[data-v-f83c2b82]{border-top:var(--sidepanel-border-width) solid var(--sidepanel-border-color);padding:var(--sidepanel-padding)}.sidepanel-fade-enter-active[data-v-f83c2b82],.sidepanel-fade-leave-active[data-v-f83c2b82]{transition:opacity .25s ease}.sidepanel-fade-enter-from[data-v-f83c2b82],.sidepanel-fade-leave-to[data-v-f83c2b82]{opacity:0}@keyframes sidepanel-slide-in-f83c2b82{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}