.overlay[data-v-2816572a]{z-index:999;background:#00000080;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.sheet[data-v-2816572a]{z-index:1000;box-shadow:none;background:#fff;transition:transform .3s;position:fixed;overflow-y:auto}.sheet-content[data-v-2816572a]{padding:1rem}.sheet.left[data-v-2816572a]{width:300px;height:100%;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 16px #0000000f}.sheet.right[data-v-2816572a]{width:300px;height:100%;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 16px #0000000f}.sheet.top[data-v-2816572a]{width:100%;height:200px;top:0;left:0;transform:translateY(-100%);box-shadow:0 4px 16px #0000000f}.sheet.bottom[data-v-2816572a]{width:100%;height:200px;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -4px 16px #0000000f}.sheet.open.left[data-v-2816572a],.sheet.open.right[data-v-2816572a]{transform:translate(0)}.sheet.open.top[data-v-2816572a],.sheet.open.bottom[data-v-2816572a]{transform:translateY(0)}.icon-btn[data-v-2816572a]{cursor:pointer;color:#333;background:0 0;border:none;font-size:1.5rem}.sheet-buttons[data-v-2816572a]{gap:.5rem;margin-left:auto;display:flex;position:absolute;top:10px;right:10px}.open-btn[data-v-2816572a]{color:#fff;cursor:pointer;text-align:center;background-color:#1a1a1a;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .3s;box-shadow:0 2px 4px #0003}.open-btn[data-v-2816572a]:hover{background-color:#333}