.video-js {
	.vjs-control-bar {
		.vjs-settings-button {
			.vjs-menu {
				z-index: 10 !important;
				&.vjs-lock-showing {
					width: 100%;

					.vjs-menu-content {
						height: fit-content;
						bottom: 3em;
						width: 340px;
						left: -220px;
					}
				}
			}
		}
	}

	&.vjs-mobile-ui {
		.vjs-control-bar {
			.vjs-settings-button {
				.vjs-menu {
					&.vjs-lock-showing {
						width: 100%;
						position: fixed;

						.vjs-menu-content {
							border-radius: 0;
							width: 100vw;
							height: 100vh;
							padding-top: 50vh;
							padding-left: 20px;
							padding-right: 20px;
							padding-bottom: 5px;
							max-height: 100vh;
							position: fixed;
							top: 0;
							left: 0;
							/* top: 85%;
								left: 50%; */
							/* transform: translate(-50%, -85%); */

							background: rgba(
								0,
								0,
								0,
								0.5
							); /* затемнение в области паддингов */

							&:hover {
								border-radius: 0 !important;
							}

							&::before {
								content: "";
								position: absolute;
								top: 50vh;
								left: 20px;
								right: 20px;
								bottom: 5px;
								background: var(--Default-BgDarken);
								border-radius: 10px; /* желаемый border-radius */
							}

							.vjs-menu-item {
								position: relative;
								z-index: 2;
								border-radius: 0;

								&:hover {
									border-radius: 0 !important;
								}
							}

							@media (orientation: landscape) {
								padding-top: 20px;
								padding-left: 25vw;
								padding-right: 25vw;

								&::before {
									top: 20px;
									left: 25vw;
									right: 25vw;
								}
							}
						}
					}
				}
			}
		}
	}
}