.wachapp-windows-context-menu {
	position: fixed;
	z-index: 2147483647;
	width: min(20rem, calc(100vw - 1rem));
	padding: .45rem;
	border: 1px solid rgba(var(--bs-secondary-rgb), .2);
	border-radius: .9rem;
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--bs-primary) 3%, transparent), transparent 58%),
		color-mix(in srgb, var(--bs-body-bg) 98%, transparent);
	box-shadow: 0 1.1rem 3rem rgba(15, 23, 42, .2), 0 .25rem .75rem rgba(15, 23, 42, .1);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	user-select: none;
	transform-origin: top left;
	animation: wachappWindowsContextMenuIn .12s ease-out;
}

.wachapp-windows-context-menu__item {
	display: grid;
	grid-template-columns: 1.55rem minmax(0, 1fr) auto;
	align-items: center;
	gap: .65rem;
	width: 100%;
	min-height: 2.55rem;
	padding: .45rem .65rem;
	border: 0;
	border-radius: .65rem;
	background: transparent;
	color: var(--bs-body-color);
	font: inherit;
	text-align: left;
	cursor: default;
}

.wachapp-windows-context-menu__item:hover,
.wachapp-windows-context-menu__item:focus-visible {
	outline: none;
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary-text-emphasis);
}

.wachapp-windows-context-menu__item:disabled,
.wachapp-windows-context-menu__item[aria-disabled="true"] {
	opacity: .42;
	background: transparent;
	color: var(--bs-secondary-color);
	cursor: default;
}

.wachapp-windows-context-menu__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	font-size: 1rem;
	color: currentColor;
}

.wachapp-windows-context-menu__label {
	overflow: hidden;
	font-size: .91rem;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wachapp-windows-context-menu__shortcut {
	min-width: 4.7rem;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--bs-secondary-color);
	font-family: inherit;
	font-size: .75rem;
	font-weight: 400;
	line-height: 1;
	text-align: right;
	white-space: nowrap;
}

.wachapp-windows-context-menu__separator {
	height: 1px;
	margin: .35rem .55rem;
	background: var(--bs-border-color);
	opacity: .8;
}

@keyframes wachappWindowsContextMenuIn {
	from {
		opacity: 0;
		transform: scale(.975) translateY(-.15rem);
	}
	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wachapp-windows-context-menu {
		animation: none;
	}
}