.joincontest-action-menu-shell {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: var(--action-menu-shell-max-width, 8.5rem);
}

.joincontest-action-menu__trigger {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem;
	width: 100%;
	min-height: var(--action-menu-trigger-min-height, 1.65rem);
	border: 1px solid var(--action-menu-line, rgba(255, 255, 255, .14));
	border-radius: var(--action-menu-trigger-radius, 8px);
	padding: 0 var(--action-menu-trigger-padding-x, 0.45rem);
	color: var(--action-menu-trigger-ink, #fff);
	background: var(--action-menu-trigger-bg, rgba(255, 255, 255, .08));
	font-size: var(--action-menu-trigger-font-size, .72rem);
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}

.joincontest-action-menu__chevron {
	color: var(--action-menu-muted, #94a3b8);
	font-size: .62rem;
	line-height: 1;
}

.joincontest-action-menu__trigger:focus-visible {
	outline: 2px solid var(--action-menu-focus, #38bdf8);
	outline-offset: 1px;
}

.joincontest-action-menu__panel {
	position: fixed;
	z-index: 40;
	min-width: var(--action-menu-panel-min-width, 8.5rem);
	padding: 4px;
	border: 1px solid var(--action-menu-line, rgba(255, 255, 255, .14));
	border-radius: var(--action-menu-panel-radius, 8px);
	background: var(--action-menu-panel-bg, #1b2438);
	box-shadow: var(--action-menu-panel-shadow, 0 10px 28px rgba(0, 0, 0, .45));
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.joincontest-action-menu-shell:has(.joincontest-action-menu__panel--drop-up) .joincontest-action-menu__chevron {
	display: inline-block;
	transform: rotate(180deg);
}

.joincontest-action-menu__panel[hidden] {
	display: none !important;
}

.joincontest-action-menu__panel button {
	display: block;
	width: 100%;
	min-height: var(--action-menu-item-min-height, 1.65rem);
	padding: 0 0.55rem;
	border: 0;
	border-radius: 6px;
	color: var(--action-menu-item-ink, #fff);
	background: transparent;
	font-size: var(--action-menu-item-font-size, .72rem);
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}

.joincontest-action-menu__panel button:hover,
.joincontest-action-menu__panel button:focus-visible {
	background: var(--action-menu-item-hover-bg, rgba(56, 189, 248, .22));
	color: var(--action-menu-item-hover-ink, #fff);
	outline: none;
}

.joincontest-action-menu__panel button[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
}

.joincontest-action-menu__panel button.is-destructive {
	color: var(--action-menu-destructive-ink, #fca5a5);
}

.joincontest-action-menu__panel button.is-destructive:hover,
.joincontest-action-menu__panel button.is-destructive:focus-visible {
	background: var(--action-menu-destructive-hover-bg, rgba(248, 113, 113, .2));
	color: var(--action-menu-destructive-hover-ink, #fecaca);
}

.joincontest-action-menu-shell--account {
	--action-menu-shell-max-width: 11rem;
	--action-menu-trigger-min-height: 2.75rem;
	--action-menu-trigger-radius: 999px;
	--action-menu-trigger-padding-x: 0.75rem;
	--action-menu-trigger-font-size: .84rem;
	--action-menu-trigger-ink: #0f172a;
	--action-menu-trigger-bg: #edf4fb;
	--action-menu-line: rgba(15, 23, 42, .12);
	--action-menu-focus: #0f6cbd;
	--action-menu-muted: #64748b;
	--action-menu-panel-min-width: 10rem;
	--action-menu-panel-radius: 10px;
	--action-menu-panel-bg: #fff;
	--action-menu-panel-shadow: 0 10px 28px rgba(7, 17, 31, .18);
	--action-menu-item-min-height: 2rem;
	--action-menu-item-font-size: .84rem;
	--action-menu-item-ink: #0f172a;
	--action-menu-item-hover-bg: rgba(15, 108, 189, .1);
	--action-menu-item-hover-ink: #0f172a;
	--action-menu-destructive-ink: #991b1b;
	--action-menu-destructive-hover-bg: #fef2f2;
	--action-menu-destructive-hover-ink: #991b1b;
}

.joincontest-action-menu-shell--platform {
	--action-menu-shell-max-width: 5.75rem;
}