.modal-overlay{background:0 0}.modal-overlay:before{content:"";opacity:0;pointer-events:none;background:#0006;position:absolute;inset:0}.modal-overlay[data-entering]:before{animation:.25s ease-out forwards modal-backdrop-in}.modal-overlay:not([data-entering]):not([data-exiting]):before{opacity:1}.modal-overlay[data-exiting]:before{animation:.2s ease-in both modal-backdrop-out}.modal-panel{z-index:1;position:relative}.modal-panel[data-entering]{animation:.36s cubic-bezier(.16,1,.3,1) both modal-panel-in}.modal-panel[data-exiting]{animation:.22s cubic-bezier(.4,0,1,1) forwards modal-panel-out}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.97)}}
.sheet-overlay,.sheet-overlay-down,.sheet-overlay-left{--sheet-duration-in:.36s;--sheet-duration-out:.26s;--sheet-backdrop-in:.22s;--sheet-backdrop-out:.2s;--sheet-ease-in:cubic-bezier(.32, .72, 0, 1);--sheet-ease-out:cubic-bezier(.4, 0, 1, 1);box-sizing:border-box;z-index:100;background:0 0;margin:0;padding:0;position:fixed;inset:0}.sheet-overlay:before,.sheet-overlay-down:before,.sheet-overlay-left:before{content:"";opacity:0;pointer-events:none;background:#0006;position:absolute;inset:0}.sheet-overlay[data-entering]:before,.sheet-overlay-down[data-entering]:before,.sheet-overlay-left[data-entering]:before{animation:sheet-backdrop-in var(--sheet-backdrop-in) ease-out forwards}.sheet-overlay:not([data-entering]):not([data-exiting]):before,.sheet-overlay-down:not([data-entering]):not([data-exiting]):before,.sheet-overlay-left:not([data-entering]):not([data-exiting]):before{opacity:1}.sheet-overlay[data-exiting]:before,.sheet-overlay-down[data-exiting]:before,.sheet-overlay-left[data-exiting]:before{animation:sheet-backdrop-out var(--sheet-backdrop-out) ease-in both}html:has(.sheet-overlay){overflow:clip hidden}html:has(.sheet-overlay-down){overflow:clip hidden}html:has(.sheet-overlay-left){overflow:clip hidden}html:has(.sheet-overlay) body{overflow:clip hidden}html:has(.sheet-overlay-down) body{overflow:clip hidden}html:has(.sheet-overlay-left) body{overflow:clip hidden}.sheet{z-index:1;border-right:1px solid var(--overlay-border);background:#fff;outline:none;width:70%;max-width:450px;height:100%;position:fixed;top:0;left:auto;right:0;box-shadow:0 0 20px #0000001a}.sheet[data-entering]{animation:sheet-slide-right-in var(--sheet-duration-in) var(--sheet-ease-in) both}.sheet[data-exiting]{animation:sheet-slide-right-out var(--sheet-duration-out) var(--sheet-ease-out) forwards}.sheet *{outline:none}.sheet-down{z-index:1;border-top:1px solid var(--overlay-border);background:#fff;border-radius:16px 16px 0 0;outline:none;height:auto;max-height:95%;margin-left:auto;margin-right:auto;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #0000001a}.sheet-down[data-entering],.sheet-down[data-exiting]{will-change:transform, opacity}.sheet-down[data-entering]{animation:sheet-slide-down-in var(--sheet-duration-in) var(--sheet-ease-in) both}.sheet-down[data-exiting]{animation:sheet-slide-down-out var(--sheet-duration-out) var(--sheet-ease-out) forwards}.sheet-down *{outline:none}.sheet-left{z-index:1;background:#fff;outline:none;width:100%;max-width:min(80%,550px);height:100%;position:fixed;top:0;left:0;box-shadow:4px 0 24px #0000001a}.sheet-left[data-entering],.sheet-left[data-exiting]{will-change:transform, opacity}.sheet-left[data-entering]{animation:sheet-slide-left-in var(--sheet-duration-in) var(--sheet-ease-in) both}.sheet-left[data-exiting]{animation:sheet-slide-left-out var(--sheet-duration-out) var(--sheet-ease-out) forwards}.sheet-left *{outline:none}@keyframes sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes sheet-slide-right-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheet-slide-right-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes sheet-slide-down-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-slide-down-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes sheet-slide-left-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sheet-slide-left-out{0%{transform:translate(0)}to{transform:translate(-100%)}}
