@keyframes slide-ltr-in{0%{transform:translate(-100%)}to{transform:translateZ(0)}}@keyframes slide-rtl-in{0%{transform:translate(100%)}to{transform:translateZ(0)}}@keyframes slide-ttb-in{0%{transform:translateY(-100%)}to{transform:translateZ(0)}}@keyframes slide-btt-in{0%{transform:translateY(100%)}to{transform:translateZ(0)}}@keyframes slide-ltr-out{0%{transform:translateZ(0)}to{transform:translate(-100%)}}@keyframes slide-rtl-out{0%{transform:translateZ(0)}to{transform:translate(100%)}}@keyframes slide-ttb-out{0%{transform:translateZ(0)}to{transform:translateY(-100%)}}@keyframes slide-btt-out{0%{transform:translateZ(0)}to{transform:translateY(100%)}}:root{--magic-drawer-height:75svh;--magic-drawer-max-height:none;--magic-drawer-width:100%;--magic-drawer-max-width:none;--magic-drawer-justify-content:center;--magic-drawer-align-items:flex-end;--magic-drawer-enter-animation:slide-btt-in .3s ease;--magic-drawer-leave-animation:slide-btt-out .3s ease;--magic-drawer-drag-overshoot:4rem}.magic-drawer-content{--magic-drawer-padding:0px;--magic-drawer-drag-overshoot-x:0px;--magic-drawer-drag-overshoot-y:0px;position:var(--magic-drawer-position,fixed);inset:var(--magic-drawer-inset,0);display:var(--magic-drawer-display,flex);justify-content:var(--magic-drawer-justify-content);align-items:var(--magic-drawer-align-items);z-index:var(--magic-drawer-z-index,999);pointer-events:none;width:100%;height:100%;color:inherit;background:0 0;border:none;padding:0}.magic-drawer-content[data-position=bottom]{--magic-drawer-drag-overshoot-y:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 0 var(--magic-drawer-drag-overshoot-y) 0}.magic-drawer-content[data-position=bottom]>.magic-drawer-content__wrapper{height:calc(var(--magic-drawer-height,0px) + var(--magic-drawer-drag-overshoot,0px))}.magic-drawer-content[data-position=top]{--magic-drawer-enter-animation:slide-ttb-in .3s ease;--magic-drawer-leave-animation:slide-ttb-out .3s ease;--magic-drawer-align-items:flex-start;--magic-drawer-drag-overshoot-y:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:var(--magic-drawer-drag-overshoot-y) 0 0 0}.magic-drawer-content[data-position=top]>.magic-drawer-content__wrapper{height:calc(var(--magic-drawer-height,0px) + var(--magic-drawer-drag-overshoot,0px))}.magic-drawer-content[data-position=right]{--magic-drawer-enter-animation:slide-rtl-in .3s ease;--magic-drawer-leave-animation:slide-rtl-out .3s ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-end;--magic-drawer-drag-overshoot-x:var(--magic-drawer-drag-overshoot);--magic-drawer-padding:0 var(--magic-drawer-drag-overshoot-x) 0 0}.magic-drawer-content[data-position=right]>.magic-drawer-content__wrapper{width:calc(var(--magic-drawer-width,0px) + var(--magic-drawer-drag-overshoot,0px))}.magic-drawer-content[data-position=left]{--magic-drawer-enter-animation:slide-ltr-in .3s ease;--magic-drawer-leave-animation:slide-ltr-out .3s ease;--magic-drawer-align-items:center;--magic-drawer-justify-content:flex-start;--magic-drawer-drag-overshoot-x:calc(var(--magic-drawer-drag-overshoot)*-1);--magic-drawer-padding:0 0 0 var(--magic-drawer-drag-overshoot-x)}.magic-drawer-content[data-position=left]>.magic-drawer-content__wrapper{width:calc(var(--magic-drawer-width,0px) + var(--magic-drawer-drag-overshoot,0px))}.magic-drawer-content__wrapper{height:var(--magic-drawer-height);max-height:calc(var(--magic-drawer-max-height) + var(--magic-drawer-drag-overshoot-y));width:var(--magic-drawer-width);max-width:calc(var(--magic-drawer-max-width) + var(--magic-drawer-drag-overshoot-x));transform:translate(var(--magic-drawer-drag-overshoot-x), var(--magic-drawer-drag-overshoot-y));pointer-events:none;min-height:0;display:flex}.magic-drawer-content__inner{width:var(--magic-drawer-content-width,100%);max-height:var(--magic-drawer-content-max-height,100%);height:var(--magic-drawer-content-height,100%);position:relative}.magic-drawer-content__drag{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:none;pointer-events:auto;align-items:var(--magic-drawer-align-items);justify-content:var(--magic-drawer-justify-content);width:100%;height:100%;overflow-x:var(--magic-drawer-content-overflow-x,hidden);overflow-y:var(--magic-drawer-content-overflow-y,hidden);cursor:var(--magic-drawer-cursor,grab);display:flex;position:relative}dialog.magic-drawer-content__drag{background:0 0;border:0;outline:0;margin:0;padding:0}dialog.magic-drawer-content__drag::backdrop{background-color:#0000}.magic-drawer-content[data-dragging=true] .magic-drawer-content__drag{cursor:var(--magic-drawer-cursor-dragging,grabbing);-webkit-user-select:none;user-select:none}.magic-drawer-content[data-wheeling=true] .magic-drawer-content__drag,.magic-drawer-content[data-disabled=true] .magic-drawer-content__drag{cursor:auto}.magic-drawer-content__drag>*{padding:var(--magic-drawer-padding);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.magic-drawer-content__overlay{z-index:9999;position:absolute;inset:0}.magic-drawer-content-enter-active{animation:var(--magic-drawer-enter-animation)}.magic-drawer-content-leave-active{animation:var(--magic-drawer-leave-animation)}