@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-ltr-in{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes slide-rtl-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@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-ltr-out{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes slide-rtl-out{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,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;position:fixed;inset:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:var(--magic-drawer-justify-content);align-items:var(--magic-drawer-align-items);z-index:var(--magic-drawer-z-index, 999);background:transparent;color:inherit;padding:0;border:none}.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{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;display:flex;min-height:0}.magic-drawer__content{width:100%;max-height:100%;height:var(--magic-drawer-content-height, 100%);position:relative}.magic-drawer__drag{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:none;width:100%;height:100%;display:flex;position:relative;pointer-events:auto;align-items:var(--magic-drawer-align-items);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);cursor:var(--magic-drawer-cursor, grab)}dialog.magic-drawer__drag{margin:0;padding:0;border:0;background:transparent;outline:0}dialog.magic-drawer__drag::backdrop{background-color:transparent}.magic-drawer[data-dragging=true] .magic-drawer__drag{cursor:var(--magic-drawer-cursor-dragging, grabbing);-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-drawer[data-wheeling=true] .magic-drawer__drag,.magic-drawer[data-disabled=true] .magic-drawer__drag{cursor:auto}.magic-drawer__drag>*{padding:var(--magic-drawer-padding);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.magic-drawer__overlay{position:absolute;inset:0;z-index:9999}.magic-drawer__backdrop{position:fixed;inset:0;width:100%;height:100%;pointer-events:auto;background-color:var(--magic-drawer-backdrop-color, rgba(0,0,0,.5));-webkit-backdrop-filter:var(--magic-drawer-backdrop-filter, unset);backdrop-filter:var(--magic-drawer-backdrop-filter, unset);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}