jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css

.actionSheet {
    display: flex;
    justify-content: center;
    padding: 0;
    border: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    max-height: 84%;
}

.layout-tv .actionSheet {
    max-height: none;
}

.actionSheet.centered .actionSheetContent {
    text-align: center;
    align-items: center;
}

.actionSheetContent {
    margin: 0 !important;
    padding: .4em 0 !important;
    flex-direction: column;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    align-items: center;
    text-align: center;
}

button.actionSheetMenuItem {
    padding: 0 1.6em;
    margin: 0;
    text-transform: none;
    text-align: inherit;
    display: flex;
    font-weight: inherit;
    align-items: center;
    flex-shrink: 0;
}

.actionSheetItemText {
    padding: .8em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.noflex .actionSheetItemText {
    display: inline-block;
}

.layout-tv button.actionSheetMenuItem {
    padding-top: .16em;
    padding-bottom: .16em;
}

.actionSheetItemIcon {
    margin-right: 1.5em !important;
}

.actionSheetScroller {
    /* Override default style being applied by polymer */
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.layout-tv .actionSheetScroller {
    max-height: 60%;
    max-width: 60%;
    width: auto;
}

h1.actionSheetTitle {
    margin: .5em 0 1em !important;
    padding: 0 1em;
    flex-grow: 0;
}

h2.actionSheetTitle {
    margin: .25em 0 .55em !important;
    padding: 0 1em;
    flex-grow: 0;
}

.actionSheetText {
    padding: 0 1em;
    flex-grow: 0;
}

.actionSheet.extraSpacing {
    font-size: 108%;
}