.drawer-overlay{inset:0 calc(-1 * var(--drawer-gutter,0px)) 0 0;pointer-events:auto;-webkit-backdrop-filter:blur(var(--size-overlay-blur));backdrop-filter:blur(var(--size-overlay-blur));animation:drawer-overlay-in var(--motion-duration-moderate) var(--motion-easing-standard)}html[data-drawer-open] body *{pointer-events:none!important}html[data-drawer-open] .drawer-overlay,html[data-drawer-open] .drawer-overlay *,html[data-drawer-open] .drawer-content,html[data-drawer-open] .drawer-content *,html[data-drawer-open] .toast-stack,html[data-drawer-open] .toast-stack *{pointer-events:auto!important}.drawer-overlay[data-state=closed]{animation:drawer-overlay-out var(--motion-duration-moderate) var(--motion-easing-standard) forwards}.drawer-content{--drawer-room:calc(100% + var(--drawer-gutter,0px) - (2 * var(--spacing-3)));top:var(--spacing-3);right:calc(var(--spacing-3) - var(--drawer-gutter,0px));bottom:var(--spacing-3);width:min(var(--drawer-room), var(--drawer-width,var(--size-drawer)));max-width:var(--drawer-room);border-radius:var(--radius-xl);animation:drawer-in var(--motion-duration-slow) var(--motion-easing-standard);transition:width var(--motion-duration-moderate) var(--motion-easing-standard), max-width var(--motion-duration-moderate) var(--motion-easing-standard)}.drawer-content[data-expanded]{width:var(--drawer-room);max-width:var(--drawer-room)}.drawer-footer>*{flex:none}.drawer-footer>.drawer-footer-note{text-align:end;min-width:0;animation:drawer-footer-note-in var(--motion-duration-moderate) var(--motion-easing-standard);flex:1 1 0;align-self:flex-end}@keyframes drawer-footer-note-in{0%{opacity:0}}.drawer-footer>:first-child{width:calc(var(--size-drawer) - (2 * var(--spacing-5)) - 2px);max-width:100%}.drawer-content[data-state=closed]{animation:drawer-out var(--motion-duration-moderate) var(--motion-easing-standard) forwards}.drawer-body{animation:drawer-body-in var(--motion-duration-slow) var(--motion-easing-standard);animation-fill-mode:both}@property --drawer-fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --drawer-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}.drawer-body{-webkit-mask-image:linear-gradient(to bottom, transparent, currentColor var(--drawer-fade-top), currentColor calc(100% - var(--drawer-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, currentColor var(--drawer-fade-top), currentColor calc(100% - var(--drawer-fade-bottom)), transparent);transition:--drawer-fade-top var(--motion-duration-moderate) var(--motion-easing-standard), --drawer-fade-bottom var(--motion-duration-moderate) var(--motion-easing-standard)}.drawer-body[data-more-above]{--drawer-fade-top:var(--spacing-8)}.drawer-body[data-more-below]{--drawer-fade-bottom:var(--spacing-8)}.drawer-content[data-state=closed] .drawer-body{filter:none;opacity:1;animation:none;transform:none}.drawer-resize{z-index:1;width:var(--spacing-3);margin-left:calc(var(--spacing-3) / -2);cursor:col-resize;touch-action:none;position:absolute;top:0;bottom:0;left:0}.drawer-resize:after,.drawer-resize:before{content:"";transition:width var(--motion-duration-moderate) var(--motion-easing-standard), height var(--motion-duration-moderate) var(--motion-easing-standard), border-color var(--motion-duration-quick) var(--motion-easing-standard), background-color var(--motion-duration-quick) var(--motion-easing-standard);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drawer-resize:after{width:var(--spacing-2);height:var(--spacing-10);border:1px solid var(--color-outline);border-radius:var(--radius-full);background-color:var(--color-surface)}.drawer-resize:before{z-index:1;width:var(--spacing-1);height:var(--spacing-3);background-image:radial-gradient(circle, var(--grip-dot) 1px, transparent 1.5px);background-size:var(--spacing-1) var(--spacing-1);--grip-dot:var(--color-outline-hover)}.drawer-resize:hover:after,.drawer-resize:focus-visible:after,html[data-drawer-resizing] .drawer-resize:after{height:var(--spacing-12);border-color:var(--color-on-canvas-muted)}.drawer-resize:hover:before,.drawer-resize:focus-visible:before,html[data-drawer-resizing] .drawer-resize:before{--grip-dot:var(--color-on-canvas)}.drawer-resize:focus-visible{outline:none}.drawer-resize:focus-visible:after{border-color:var(--color-focus-ring)}html[data-drawer-resizing],html[data-drawer-resizing] *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}html[data-drawer-resizing] .drawer-content{transition:none}.drawer-title{padding-block:calc((var(--spacing-8) - 1lh) / 2);transition:font-size var(--motion-duration-quick) var(--motion-easing-standard), line-height var(--motion-duration-quick) var(--motion-easing-standard)}@keyframes drawer-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(var(--size-overlay-blur));backdrop-filter:blur(var(--size-overlay-blur))}}@keyframes drawer-overlay-out{0%{opacity:1;-webkit-backdrop-filter:blur(var(--size-overlay-blur));backdrop-filter:blur(var(--size-overlay-blur))}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes drawer-in{0%{opacity:0;transform:translateX(var(--spacing-4))}to{opacity:1;transform:translate(0)}}@keyframes drawer-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(var(--spacing-4))}}@keyframes drawer-body-in{0%{opacity:0;filter:blur(var(--size-drawer-enter-blur));transform:translateY(var(--spacing-1))}to{opacity:1;filter:none;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.drawer-overlay,.drawer-overlay[data-state=closed],.drawer-content,.drawer-content[data-state=closed],.drawer-body,.drawer-footer>.drawer-footer-note{animation:none}.drawer-content,.drawer-title,.drawer-body,.drawer-resize:after,.drawer-resize:before{transition:none}.drawer-body{filter:none;opacity:1;transform:none}}