.Drawer__Modal{border-radius:var(--radius-md) var(--radius-md) 0 0;transform:translateY(140%);opacity:.6}.Drawer__Modal[data-state=open]{box-shadow:0 10px 52px 18px #0000001a,0 -5px 15px -3px #0003,0 0 15px -3px #0000001a;transform:translateY(0);opacity:1}body:has(.Drawer):after{background-color:#fff3;backdrop-filter:blur(10px);content:"";position:fixed;inset:0;z-index:20;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in-out,opacity .3s ease-in-out;pointer-events:none;opacity:0}body:has(.Drawer .Drawer__Modal[data-state="open"]):after{transform:scaleY(1);opacity:1}