/*
==========================================================
VORIK Mobility Framework

BottomSheet Component
==========================================================
*/

.vorik-bottom-sheet{

    position:fixed;

    left:0;
    right:0;
    bottom:0;

    width:100%;

    max-height:92dvh;

    background:#fff;

    border-radius:28px 28px 0 0;

    box-shadow:
        0 -18px 45px
        rgba(0,0,0,.12);

    overflow:hidden;

    transform:translate3d(0,0,0);

    will-change:transform;

}

.vorik-bottom-sheet.is-dragging{

    transition:none;

}

.vorik-bottom-sheet__handle{

    height:42px;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:grab;

}

.vorik-bottom-sheet__handle::before{

    content:"";

    width:48px;

    height:5px;

    border-radius:999px;

    background:#CBD5E1;

}

.vorik-bottom-sheet__content{

    overflow:auto;

    max-height:calc(92dvh - 42px);

}