/* ------------------ Bottom Bar ------------------ */
#bottom-sheet {
    background: #FFFFFF;
    width: 100%;
    height: auto;
    padding: 16px;
    box-shadow: 0 -2px 16px 0 rgba(0,0,0,0.16);
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    transition:all 0.4s ease;
}

#bottom-sheet .fas {
    font-size: 20px;
}

#bottom-sheet .go-t {
    font-weight: bold;
    font-size: 17px;
}

#bottom-sheet__header {
    display: flex;
    flex: 1 1 auto;
    left: 0;
    transform: translate(0, -10px);
}

#bottom-sheet__content {
    overflow-y: auto;
    max-height: 85vh;
}

#bottom-sheet.bottom-sheet--onScreen {
    position: fixed;
    bottom: 0;
}

#bottom-sheet.bottom-sheet--onScreen .btn:focus {
    box-shadow: transparent;
}

#bottom-sheet.bottom-sheet--onScreen #bottom-sheet__header-close {
    display: initial;
}

#bottom-sheet.bottom-sheet--onScreen #bottom-sheet__header {
    transform: translate(0, -5px);
}

#bottom-sheet.bottom-sheet--offScreen{
    position: fixed;
    bottom: 45px;
    transform: translate(-50%, 100%);
}

#bottom-sheet.bottom-sheet--offScreen #bottom-sheet__header-close {
    display: none;
}