.bottom-sheet{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.1s linear;width:100%;z-index:1}.bottom-sheet.show{opacity:1;pointer-events:auto}.bottom-sheet .sheet-overlay{background:#000;height:100%;left:0;opacity:.9;position:fixed;top:0;width:100%;z-index:-1}.bottom-sheet .content{background:#fff;border-radius:24px 24px 0 0;box-shadow:0 10px 20px rgba(0,0,0,.03);height:80%;max-height:100vh;max-width:1150px;padding:20px 15px;position:relative;transform:translateY(100%);transition:.3s ease;width:100%}.bottom-sheet.show .content{transform:translateY(0)}.bottom-sheet.dragging .content{transition:none}.bottom-sheet.fullscreen .content{border-radius:0;overflow-y:hidden}.bottom-sheet .header{display:flex;justify-content:center;min-height:auto}.header .drag-icon{cursor:grab;margin-top:-47px;padding:15px;user-select:none}.header .drag-icon span{background:hsla(0,0%,100%,.5);border-radius:27px;display:block;height:6px;width:60px}.bottom-sheet .body{height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.bottom-sheet .body::-webkit-scrollbar{width:0}.close{margin-right:15px;margin-top:auto;position:absolute;right:0;top:0}.close img{height:16px;width:16px}.top{position:relative}.bottom-sheet .title{color:#212529;display:block;font-size:16px;font-weight:600;text-align:center}