.sonar-drawer{border:0;border-right:1px solid var(--sonar-glass-border);background:var(--sonar-glass-bg-strong);width:min(100%,24rem);max-width:100%;height:100dvh;max-height:100dvh;color:var(--sonar-color-text);box-shadow:var(--sonar-shadow-4);-webkit-backdrop-filter:blur(var(--sonar-glass-blur-strong)) saturate(var(--sonar-glass-saturate));backdrop-filter:blur(var(--sonar-glass-blur-strong)) saturate(var(--sonar-glass-saturate));margin:0;padding:0;position:fixed;inset:0 auto 0 0}.sonar-drawer:not(.sonar-drawer--modal){z-index:var(--sonar-z-overlay)}.sonar-drawer::backdrop{background:var(--sonar-color-backdrop)}.sonar-drawer--side-end{border-right:0;border-left:1px solid var(--sonar-glass-border);inset:0 0 0 auto}.sonar-drawer--side-bottom{border:0;border-top:1px solid var(--sonar-glass-border);border-radius:var(--sonar-radius-xl) var(--sonar-radius-xl) 0 0;width:100%;height:auto;max-height:85dvh;inset:auto 0 0}.sonar-drawer--size-sm{width:min(100%,20rem)}.sonar-drawer--size-lg{width:min(100%,32rem)}.sonar-drawer--side-bottom.sonar-drawer--size-sm,.sonar-drawer--side-bottom.sonar-drawer--size-lg{width:100%}.sonar-drawer[open]{animation:sonar-drawer-in var(--sonar-duration-slow) var(--sonar-ease-decelerate)}.sonar-drawer--side-end[open]{animation-name:sonar-drawer-in-end}.sonar-drawer__panel{height:100%;max-height:inherit;flex-direction:column;display:flex}.sonar-drawer__header{align-items:center;gap:var(--sonar-space-2);padding:var(--sonar-space-3) var(--sonar-space-3) var(--sonar-space-3) var(--sonar-space-4);border-bottom:1px solid var(--sonar-color-border);display:flex}.sonar-drawer__title{flex:1;min-width:0}.sonar-drawer__body{min-height:0;padding:var(--sonar-space-4);flex:1;overflow:auto}.sonar-drawer__footer{justify-content:flex-end;gap:var(--sonar-space-2);padding:var(--sonar-space-3) var(--sonar-space-4);border-top:1px solid var(--sonar-color-border);flex-wrap:wrap;display:flex}@keyframes sonar-drawer-in{0%{opacity:0;transform:translate(-8%)}to{opacity:1;transform:none}}@keyframes sonar-drawer-in-end{0%{opacity:0;transform:translate(8%)}to{opacity:1;transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sonar-drawer{background:var(--sonar-color-surface-raised)}}@media (prefers-reduced-transparency:reduce){.sonar-drawer{background:var(--sonar-color-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.sonar-drawer[open]{animation:none}}@media (forced-colors:active){.sonar-drawer{background:canvas;border-color:canvastext}}