.bottom-sheet{z-index:99;opacity:0;transition:all .5s;position:fixed;inset:0}.bottom-sheet .mask{z-index:8;background:var(--vt-mask-color);position:absolute;inset:0}.bottom-sheet .body{z-index:20;padding-bottom:calc(2.66667vw + constant(safe-area-inset-bottom));padding-bottom:calc(2.66667vw + env(safe-area-inset-bottom));background:var(--vt-c-white);border-radius:2.13333vw 2.13333vw 0 0;transition:all .5s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.bottom-sheet .body .header{height:13.8667vw;padding:0 3.2vw 0 4vw}.bottom-sheet .body>.close{z-index:5;text-align:center;width:4.26667vw;color:var(--color-text-9);font-size:4.8vw;position:absolute;top:4vw;right:4vw}.bottom-sheet.fade{opacity:1}.bottom-sheet.fade .body{transform:translate(0)}