.xtm-action-menu {
	position: relative;
	display: inline-block;
	text-align: left;
}

.xtm-action-menu__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.65rem;
	border: 1px solid #6c757d;
	border-radius: 0.25rem;
	background: #fff;
	color: #495057;
	font: inherit;
	font-size: 0.875rem;
	line-height: 1.5;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.xtm-action-menu__toggle::-webkit-details-marker {
	display: none;
}

.xtm-action-menu__toggle:hover,
.xtm-action-menu[open] .xtm-action-menu__toggle {
	background: #5a6268;
	border-color: #545b62;
	color: #fff;
}

.xtm-action-menu__toggle .bi {
	font-size: 0.78rem;
	line-height: 1;
	transition: transform 0.15s ease;
}

.xtm-action-menu[open] .xtm-action-menu__toggle .bi {
	transform: rotate(180deg);
}

.xtm-action-menu__panel {
	position: absolute;
	z-index: 30;
	right: 0;
	top: calc(100% + 0.35rem);
	min-width: 10.5rem;
	padding: 0.35rem;
	border: 1px solid #d9e0e7;
	border-radius: 0.4rem;
	background: #fff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
}

.xtm-action-menu__item {
	display: block;
	width: 100%;
	padding: 0.45rem 0.55rem;
	border: 0;
	border-radius: 0.25rem;
	background: transparent;
	color: #2f363d;
	font: inherit;
	font-size: 0.9rem;
	line-height: 1.25;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}

.xtm-action-menu__item:hover,
.xtm-action-menu__item:focus {
	background: #fff8f5;
	color: #d9541e;
	outline: none;
}

@media (max-width: 767.98px) {
	.xtm-action-menu,
	.xtm-action-menu__toggle {
		width: 100%;
	}

	.xtm-action-menu__toggle {
		justify-content: center;
	}

	.xtm-action-menu__panel {
		left: 0;
		right: auto;
		width: 100%;
	}
}