.sidepanel-overlay[data-v-9f74e1f0]{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000080;inset:0;position:fixed;z-index:50}.sidepanel[data-v-9f74e1f0]{background:var(--color-cosmic-surface);border-left:1px solid var(--color-cosmic-border);bottom:0;display:flex;flex-direction:column;max-width:100vw;overflow-y:auto;position:absolute;right:0;top:0;width:20rem}@media(min-width:768px){.sidepanel[data-v-9f74e1f0]{width:24rem}}@media(max-width:767px){.sidepanel[data-v-9f74e1f0]{width:100vw}.sidepanel__close[data-v-9f74e1f0]{font-size:2rem;padding:.5rem}}.sidepanel__header[data-v-9f74e1f0]{align-items:center;border-bottom:1px solid var(--color-cosmic-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.sidepanel__title[data-v-9f74e1f0]{color:var(--color-accent-cyan);font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin:0}.sidepanel__close[data-v-9f74e1f0]{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .2s ease}.sidepanel__close[data-v-9f74e1f0]:hover{color:#fff}.sidepanel__body[data-v-9f74e1f0]{flex:1;padding:1.25rem}.sidepanel-enter-active[data-v-9f74e1f0],.sidepanel-leave-active[data-v-9f74e1f0]{transition:opacity .25s ease}.sidepanel-enter-active .sidepanel[data-v-9f74e1f0],.sidepanel-leave-active .sidepanel[data-v-9f74e1f0]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidepanel-enter-from[data-v-9f74e1f0],.sidepanel-leave-to[data-v-9f74e1f0]{opacity:0}.sidepanel-enter-from .sidepanel[data-v-9f74e1f0],.sidepanel-leave-to .sidepanel[data-v-9f74e1f0]{transform:translate(100%)}