.ui-timepicker-wrapper {
    max-height: 10rem;
    overflow-y: auto;
    margin: .125rem 0;
    background: #fff;
    background-clip: padding-box;
    outline: none
}

.ui-timepicker-list {
    list-style: none;
    padding: .125rem 0;
    margin: 0
}

.ui-timepicker-duration {
    margin-left: .25rem
}

[dir=rtl] .ui-timepicker-duration {
    margin-left: 0;
    margin-right: .25rem
}

.ui-timepicker-list li {
    padding: .4rem .75rem;
    margin: .2rem .75rem;
    white-space: nowrap;
    cursor: pointer;
    list-style: none;
    border-radius: .5rem
}

.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #fff !important;
    cursor: default !important
}

.light-style .ui-timepicker-wrapper {
    padding: .5rem;
    z-index: 1091;
    background: #fff;
    box-shadow: 0 .25rem .625rem rgba(46,38,61,.2);
    border: 0 solid rgba(46,38,61,.05);
    border-radius: .375rem
}

.light-style .ui-timepicker-list li {
    color: #433c50
}

.light-style .ui-timepicker-list li:hover {
    background: #f2f2f3
}

.light-style .ui-timepicker-list li:not(.ui-timepicker-selected) .ui-timepicker-duration {
    color: #aba8b1
}

.ui-timepicker-list:hover .light-style .ui-timepicker-list li:not(.ui-timepicker-selected) .ui-timepicker-duration {
    color: #aba8b1
}

.light-style .ui-timepicker-list li.ui-timepicker-disabled,.light-style .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #fff !important;
    color: #aba8b1 !important
}

.dark-style .ui-timepicker-wrapper {
    border: 0 solid rgba(255,255,255,.05);
    padding: .5rem 0;
    z-index: 1091;
    background: #312d4b;
    box-shadow: 0 .25rem .625rem rgba(19,17,32,.24);
    border-radius: .375rem
}

.dark-style .ui-timepicker-list li {
    color: #d5d1ea
}

.dark-style .ui-timepicker-list li:hover {
    background: #3c3856
}

.dark-style .ui-timepicker-list li:not(.ui-timepicker-selected) .ui-timepicker-duration {
    color: #7a7692
}

.ui-timepicker-list:hover .dark-style .ui-timepicker-list li:not(.ui-timepicker-selected) .ui-timepicker-duration {
    color: #7a7692
}

.dark-style .ui-timepicker-list li.ui-timepicker-disabled,.dark-style .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #7a7692 !important;
    background: #312d4b !important
}