.backdrop.svelte-p5if1m{position:fixed;inset:0;z-index:200;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:svelte-p5if1m-fadeIn .3s ease-out forwards}.panel.svelte-p5if1m{position:fixed;top:0;right:0;bottom:0;z-index:201;width:340px;max-width:100vw;background-color:var(--color-card);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;animation:svelte-p5if1m-slideIn .3s cubic-bezier(.32,.72,0,1) forwards}[dir=rtl] .panel.svelte-p5if1m{right:auto;left:0;box-shadow:4px 0 20px #00000026;animation:svelte-p5if1m-slideInRtl .3s cubic-bezier(.32,.72,0,1) forwards}.panel-header.svelte-p5if1m{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.panel-title.svelte-p5if1m{font-size:1.125rem;font-weight:500;color:var(--color-text);margin:0}.close-button.svelte-p5if1m{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:none;color:var(--color-text-light);cursor:pointer;transition:background-color .15s ease,color .15s ease}.close-button.svelte-p5if1m:hover{background-color:var(--color-bg);color:var(--color-text)}.close-button.svelte-p5if1m:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.panel-content.svelte-p5if1m{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px}@keyframes svelte-p5if1m-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes svelte-p5if1m-slideInRtl{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes svelte-p5if1m-fadeIn{0%{opacity:0}to{opacity:1}}