body.modal-open{overflow:hidden;position:absolute;width:100%}#bottomDrawer{position:absolute;display:table;height:100dvh;width:100%;top:0;left:0;transform:scale(0);z-index:9999}#bottomDrawer.open{transform:scale(1)}#bottomDrawer.open .modal-background{background:#dedede;backdrop-filter:blur(5px);animation:fadeInforDrawer .8s cubic-bezier(.165,.84,.44,1) forwards}#bottomDrawer.open .modal-background .modal{opacity:0;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}#bottomDrawer.open+.content{animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#bottomDrawer.open.out{animation:quickScaleDown 0s linear .5s forwards}#bottomDrawer.open.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#bottomDrawer.open.out .modal-background .modal{animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#bottomDrawer.open.out+.content{animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#bottomDrawer .modal-background{display:table-cell;background:#f8f8f8;text-align:start;vertical-align:bottom}#bottomDrawer .modal-background .modal{display:inline-block;border-radius:3px;font-weight:300;position:relative;height:auto;max-height:90vh;width:100%}.drawerOuterDiv{border-top-right-radius:19px;border-top-left-radius:19px}.drawerInnerDiv{background:#fff;border-radius:19px;position:relative;max-height:90vh;overflow:auto;padding:20px 20px 100px}.drawerInnerDiv::-webkit-scrollbar{width:10px;height:10px;display:none;background-color:#f5f5f5}.handleBackground{margin-top:-2px;background:linear-gradient(180deg,#000 4.62%,#000 9.67%);border-bottom-left-radius:19px;border-bottom-right-radius:19px}.card{background-color:#fff;border-radius:8px;padding:10px;width:100%;cursor:pointer}.card.active{transform:translateY(-.7px)}.card h3{margin:0 0 8px;font-size:1.25rem}.card p{margin:0;font-size:1rem;color:#555}.drawerCrossIcon{display:flex;justify-content:end;margin-bottom:15px;cursor:pointer}@keyframes fadeInforDrawer{0%{background:hsla(0,0%,87%,.41)}to{background:hsla(0,0%,87%,.41)}}@keyframes fadeIn{0%{background:transparent}to{background:rgba(0,0,0,.7)}}@keyframes scaleUp{0%{transform:scale(.8) translateY(1000px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes scaleBack{0%{transform:scale(1)}to{transform:scale(.85)}}@keyframes quickScaleDown{0%{transform:scale(1)}99.9%{transform:scale(1)}to{transform:scale(0)}}@keyframes fadeOut{0%{background:rgba(0,0,0,.7)}to{background:transparent}}@keyframes scaleDown{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(1000px);opacity:0}}@keyframes scaleForward{0%{transform:scale(.85)}to{transform:scale(1)}}