.time-picker-wrapper {
    --background-color: var(--beep-white);
    position: absolute; right: 0; bottom: 2.5rem;
    z-index: 100;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.225);
}
.time-picker-wrapper::after {
    color: var(--background-color);
    content: "\25BE";
    position: absolute; right: 0; bottom: -0.62rem;
}

.time-picker-body {
    background-color: var(--background-color);
    padding: 10px;
}

.time-picker-body td  {
    cursor: pointer;
    padding: 10px;
    text-align: right;
}

.time-picker-body td:hover:not(.time-picker-initial) {
    background-color: var(--beep-lightgray);
}

.time-picker-minutes {
    background-color: var(--background-color);
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
}

.time-picker-minutes table {
    margin-right: auto; margin-left: auto;
    height: 100%;
}

.time-picker-initial {
    background-color: var(--beep-green);
    color: var(--background-color);
}