.drawer-scrim{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--color-scrim);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .32s ease}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--color-bg-grey);transition:transform .32s cubic-bezier(.4,0,.2,1);will-change:transform}.drawer-bottom{left:0;right:0;bottom:0;height:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 40px var(--color-shadow);transform:translateY(100%)}.drawer-bottom.is-peek{height:90%}.drawer-bottom.is-open{transform:translateY(0)}.drawer-left{top:0;bottom:0;left:0;width:100%;box-shadow:4px 0 40px var(--color-shadow);transform:translateX(-100%)}.drawer-left.is-peek{width:90%}.drawer-left.is-open{transform:translateX(0)}.drawer-right{top:0;bottom:0;right:0;width:100%;box-shadow:-4px 0 40px var(--color-shadow);transform:translateX(100%)}.drawer-right.is-peek{width:90%}.drawer-right.is-open{transform:translateX(0)}.drawer-handle{display:flex;justify-content:center;padding:var(--space-3) 0 var(--space-1);flex-shrink:0}.drawer-handle span{width:40px;height:4px;border-radius:2px;background:rgba(var(--color-snow-rgb),.2)}.drawer-header{flex-shrink:0;height:52px;padding:0 var(--space-3);border-bottom:1px solid rgba(var(--color-snow-rgb),.08)}.drawer-header,.drawer-slot{display:flex;align-items:center}.drawer-slot{width:36px}.drawer-slot-left{justify-content:flex-start}.drawer-slot-right{justify-content:flex-end}.drawer-title-wrap{flex:1;text-align:center}.drawer-title{font-family:var(--font-sans);font-weight:500;font-size:17px;color:var(--color-snow)}.drawer-content{flex:1;overflow-y:auto;padding:var(--space-3)}.drawer-footer{display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0;padding:var(--space-3);border-top:1px solid rgba(var(--color-snow-rgb),.08)}