.wrapper.svelte-1u6z85m{display:flex;position:fixed;top:0;bottom:0}.wrapper.right.svelte-1u6z85m{right:0}.wrapper.left.svelte-1u6z85m{left:0}.backdrop.svelte-1u6z85m{position:fixed;top:0;bottom:0;left:0;right:0}.backdrop.svelte-1u6z85m button:where(.svelte-1u6z85m){opacity:.25;background-color:#000;position:absolute;top:0;bottom:0;left:0;right:0}.panel.svelte-1u6z85m{z-index:1;background-color:var(--background);flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.title-bar.svelte-1u6z85m{border-bottom:1px solid color-mix(in srgb, var(--color) 18%, transparent);justify-content:space-between;align-items:flex-start;display:flex}.title.svelte-1u6z85m{color:var(--color);padding:.75rem;font-size:1.125rem;font-weight:500;line-height:1.75rem}.close-button.svelte-1u6z85m{color:color-mix(in srgb, var(--color) 50%, transparent);padding:1rem .75rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.close-button.svelte-1u6z85m:hover,.close-button.svelte-1u6z85m:focus{color:var(--color-secondary)}.close-button.svelte-1u6z85m:focus{outline-offset:2px;outline:2px solid transparent}.content.svelte-1u6z85m{flex:1;overflow-y:auto}