.slide-panel-overlay{z-index:1050;justify-content:flex-end;display:flex;position:fixed;inset:0}.slide-panel-overlay.with-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006}.slide-panel{background:var(--bg-white);flex-direction:column;height:100%;animation:.3s ease-out slideIn;display:flex;overflow:hidden;box-shadow:-4px 0 24px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-panel-header{border-bottom:1px solid var(--surface-100);background:var(--surface-50);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.slide-panel-title{color:var(--surface-800);margin:0;font-size:1.25rem;font-weight:600}.slide-panel-close{cursor:pointer;color:var(--surface-500);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.slide-panel-close:hover{background:var(--surface-100);color:var(--surface-800)}.slide-panel-body{flex:1;padding:1.5rem;overflow-y:auto}.slide-panel-footer{border-top:1px solid var(--surface-100);background:var(--surface-50);flex-shrink:0;padding:1rem 1.5rem}@media (max-width:576px){.slide-panel{width:100%!important;max-width:100%!important}}.slide-panel.closing{animation:.25s ease-in forwards slideOut}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}