.footer-sheet-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.25s;

    z-index:9998;

}

.footer-sheet-overlay.show{

    opacity:1;

    visibility:visible;

}

.footer-sheet{

    position:fixed;

    left:0;

    right:0;

    bottom:0;

    height:90vh;

    background:#fff;

    border-radius:18px 18px 0 0;

    transform:translateY(100%);

    transition:.25s;

    z-index:9999;

    display:flex;

    flex-direction:column;

}

.footer-sheet.show{

    transform:translateY(0);

}

.footer-sheet-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px 18px;

    border-bottom:1px solid #eee;

}

.footer-sheet-close{

    border:none;



    font-size:28px;

    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #f3f3f3;
    font-size: 22px;
    cursor: pointer;

}

.footer-sheet-body{

    flex:1;

    overflow-y:auto;

    padding:18px 6px;

}
.footer-sheet-handle{

    width:52px;

    height:5px;

    background:#cfd4da;

    border-radius:999px;

    margin:12px auto 8px;

}