@keyframes slide-ttb-in{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes slide-btt-in{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes slide-ttb-out{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}@keyframes slide-btt-out{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}: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{--magic-drawer-padding:0px;--magic-drawer-drag-overshoot-x:0px;--magic-drawer-drag-overshoot-y:0px;align-items:var(--magic-drawer-align-items);background:transparent;border:none;color:inherit;display:flex;height:100%;top:0;right:0;bottom:0;left:0;justify-content:var(--magic-drawer-justify-content);padding:0;pointer-events:none;position:fixed;width:100%;z-index:var(--magic-drawer-z-index,999)}.magic-drawer[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[data-position=bottom]>.magic-drawer__wrapper{height:calc(var(--magic-drawer-height, 0px) + var(--magic-drawer-drag-overshoot, 0px))}.magic-drawer[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[data-position=top]>.magic-drawer__wrapper{height:calc(var(--magic-drawer-height, 0px) + var(--magic-drawer-drag-overshoot, 0px))}.magic-drawer[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[data-position=right]>.magic-drawer__wrapper{width:calc(var(--magic-drawer-width, 0px) + var(--magic-drawer-drag-overshoot, 0px))}.magic-drawer[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[data-position=left]>.magic-drawer__wrapper{width:calc(var(--magic-drawer-width, 0px) + var(--magic-drawer-drag-overshoot, 0px))}.magic-drawer__wrapper{display:flex;height:var(--magic-drawer-height);max-height:calc(var(--magic-drawer-max-height) + var(--magic-drawer-drag-overshoot-y));max-width:calc(var(--magic-drawer-max-width) + var(--magic-drawer-drag-overshoot-x));min-height:0;pointer-events:none;transform:translate(var(--magic-drawer-drag-overshoot-x),var(--magic-drawer-drag-overshoot-y));width:var(--magic-drawer-width)}.magic-drawer__content{height:var(--magic-drawer-content-height,100%);max-height:100%;position:relative;width:100%}.magic-drawer__drag{-webkit-overflow-scrolling:touch;align-items:var(--magic-drawer-align-items);cursor:grab;display:flex;height:100%;justify-content:var(--magic-drawer-justify-content);overflow-x:var(--magic-drawer-content-overflow-x,hidden);overflow-y:var(--magic-drawer-content-overflow-y,hidden);pointer-events:auto;position:relative;scroll-behavior:smooth;touch-action:none;width:100%}dialog.magic-drawer__drag{background:transparent;border:0;margin:0;outline:0;padding:0}dialog.magic-drawer__drag::backdrop{background-color:transparent}.magic-drawer[data-dragging=true] .magic-drawer__drag{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-drawer[data-disabled=true] .magic-drawer__drag,.magic-drawer[data-wheeling=true] .magic-drawer__drag{cursor:auto}.magic-drawer__drag>*{padding:var(--magic-drawer-padding)}.magic-drawer__overlay{top:0;right:0;bottom:0;left:0;position:absolute;z-index:9999}.magic-drawer__backdrop{-webkit-backdrop-filter:var(--magic-drawer-backdrop-filter,unset);backdrop-filter:var(--magic-drawer-backdrop-filter,unset);background-color:var(--magic-drawer-backdrop-color,rgba(0,0,0,.5));bottom:0;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:-1}.magic-drawer[data-disabled=true] .magic-drawer__backdrop{pointer-events:none}.magic-drawer-content-enter-active{animation:var(--magic-drawer-enter-animation)}.magic-drawer-content-leave-active{animation:var(--magic-drawer-leave-animation)}.magic-drawer-backdrop-enter-active{animation:fade-in .3s ease}.magic-drawer-backdrop-leave-active{animation:fade-out .3s ease}