@keyframes panel-enter{to{opacity:1;transform:translateY(0)}}@keyframes modal-enter{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-leave{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(var(--modal-enter-offset)) scale(var(--modal-enter-scale))}}@keyframes modal-backdrop-enter{to{opacity:1}}@keyframes modal-backdrop-leave{0%{opacity:1}to{opacity:0}}[data-theme]{--drawer-backdrop-color:var(--ui-backdrop);--drawer-backdrop-blur:var(--ui-backdrop-blur);--drawer-surface:var(--ui-surface-overlay);--drawer-surface-foreground:var(--ui-surface-overlay-foreground);--drawer-border:var(--ui-border);--drawer-border-width:var(--ui-border-width);--drawer-shadow:var(--ui-depth);--drawer-padding:calc(var(--ui-base-spacing) * 6);--drawer-footer-padding-top:calc(var(--ui-base-spacing) * 4);--drawer-footer-gap:calc(var(--ui-base-spacing) * 3);--drawer-sm-width:calc(var(--ui-base-spacing) * 100);--drawer-md-width:calc(var(--ui-base-spacing) * 128);--drawer-lg-width:calc(var(--ui-base-spacing) * 160);--drawer-xl-width:calc(var(--ui-base-spacing) * 192);--drawer-title-size:var(--ui-text-lg);--drawer-title-weight:var(--ui-weight-semibold);--drawer-title-line-height:var(--ui-leading-tight);--drawer-close-color:color-mix(in oklch, var(--ui-surface-overlay-foreground), transparent 40%);--drawer-close-hover-color:var(--ui-surface-overlay-foreground);--drawer-close-hover-bg:color-mix(in oklch, var(--ui-neutral), transparent 88%);--drawer-close-size:calc(var(--ui-base-spacing) * 8);--drawer-close-border-radius:var(--ui-base-radius);--drawer-close-focus-color:var(--ui-primary);--drawer-close-focus-ring-width:var(--ui-ring-width);--drawer-close-focus-ring-offset:var(--ui-ring-offset);--drawer-divider-color:var(--ui-border);--drawer-transition:var(--ui-base-duration) var(--ui-base-easing)}@keyframes drawer-enter-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-leave-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes drawer-enter-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-leave-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.drawer{z-index:var(--ui-z-overlay);background:0 0;border:none;width:100%;max-width:100%;height:100vh;max-height:100vh;padding:0;position:fixed;inset:0;overflow:visible}.drawer[open]{display:flex}.drawer::backdrop{opacity:0;background:var(--drawer-backdrop-color);-webkit-backdrop-filter:blur(var(--drawer-backdrop-blur));backdrop-filter:blur(var(--drawer-backdrop-blur));animation:modal-backdrop-enter var(--drawer-transition) forwards}.drawer__panel{width:var(--drawer-md-width);background:var(--drawer-surface);max-width:100%;height:100%;color:var(--drawer-surface-foreground);border:var(--drawer-border-width) solid var(--drawer-border);box-shadow:var(--drawer-shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.drawer--right{justify-content:flex-end}.drawer--right .drawer__panel{border-left:var(--drawer-border-width) solid var(--drawer-border);opacity:0;animation:drawer-enter-right var(--drawer-transition) forwards;border-right:none;transform:translate(100%)}.drawer--left{justify-content:flex-start}.drawer--left .drawer__panel{border-right:var(--drawer-border-width) solid var(--drawer-border);opacity:0;animation:drawer-enter-left var(--drawer-transition) forwards;border-left:none;transform:translate(-100%)}.drawer--closing.drawer--right .drawer__panel{animation:drawer-leave-right var(--drawer-transition) forwards}.drawer--closing.drawer--left .drawer__panel{animation:drawer-leave-left var(--drawer-transition) forwards}.drawer--closing::backdrop{animation:modal-backdrop-leave var(--drawer-transition) forwards}.drawer--sm .drawer__panel{width:var(--drawer-sm-width)}.drawer--md .drawer__panel{width:var(--drawer-md-width)}.drawer--lg .drawer__panel{width:var(--drawer-lg-width)}.drawer--xl .drawer__panel{width:var(--drawer-xl-width)}.drawer__header{justify-content:space-between;align-items:center;gap:calc(var(--ui-base-spacing) * 4);padding:var(--drawer-padding);border-bottom:var(--drawer-border-width) solid var(--drawer-divider-color);flex-shrink:0;display:flex}.drawer__title{font-size:var(--drawer-title-size);font-weight:var(--drawer-title-weight);line-height:var(--drawer-title-line-height);color:var(--drawer-surface-foreground);margin:0}.drawer__close{all:unset;box-sizing:border-box;width:var(--drawer-close-size);height:var(--drawer-close-size);color:var(--drawer-close-color);border-radius:var(--drawer-close-border-radius);cursor:pointer;transition:background var(--drawer-transition), color var(--drawer-transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drawer__close:hover{background:var(--drawer-close-hover-bg);color:var(--drawer-close-hover-color)}.drawer__close:focus-visible{outline:var(--drawer-close-focus-ring-width) solid color-mix(in oklch, var(--drawer-close-focus-color), transparent 70%);outline-offset:var(--drawer-close-focus-ring-offset)}.drawer__body{padding:var(--drawer-padding);font-family:var(--ui-font-sans);font-size:var(--ui-text-sm);line-height:var(--ui-leading-normal);color:var(--drawer-surface-foreground);flex:1;overflow-y:auto}.drawer__footer{justify-content:flex-end;align-items:center;gap:var(--drawer-footer-gap);padding:var(--drawer-footer-padding-top) var(--drawer-padding) var(--drawer-padding);border-top:var(--drawer-border-width) solid var(--drawer-divider-color);flex-shrink:0;display:flex}@media (prefers-reduced-motion:reduce){.drawer__panel,.drawer::backdrop{animation-duration:1ms!important}}