.aomc {
	--aomc-green: #4ca830;
	--aomc-green-dark: #3d8d25;
	--aomc-menu-start: #171421;
	--aomc-menu-end: #47415c;
	--aomc-ink: #171421;
	--aomc-muted: #686472;
	--aomc-border: #e2e0e8;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin: 22px 0;
	color: var(--aomc-ink);
	background: linear-gradient(145deg, #fdfdfd 0%, #f7f6f9 100%);
	border: 1px solid var(--aomc-border);
	border-radius: 15px;
	box-shadow: 0 12px 30px rgba(23, 20, 33, .08);
	font-family: inherit;
}

.aomc *, .aomc *::before, .aomc *::after { box-sizing: border-box; }
.aomc [hidden] { display: none !important; }
.aomc .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.aomc__bar {
	display: flex;
	min-height: 78px;
	align-items: center;
	gap: 14px;
	padding: 12px 17px;
}

.aomc__mark {
	display: grid;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	place-items: center;
	color: #fff;
	background: var(--aomc-green);
	border-radius: 50%;
	box-shadow: 0 7px 16px rgba(76, 168, 48, .2);
}

.aomc__copy { min-width: 0; flex: 1; }
.aomc__eyebrow { margin: 0 0 2px; color: var(--aomc-green-dark); font-size: 9px; font-weight: 800; letter-spacing: .13em; line-height: 1.2; }
.aomc__title { margin: 0; color: var(--aomc-ink); font-size: 21px; font-weight: 750; line-height: 1.15; letter-spacing: -.015em; }
.aomc__status { margin: 4px 0 0; color: var(--aomc-muted); font-size: 12px; line-height: 1.35; }
.aomc__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; }

.aomc__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 9px 15px;
	color: #fff;
	background: var(--aomc-green);
	border: 0;
	border-radius: 999px;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background .18s ease, box-shadow .18s ease;
}

.aomc__toggle:hover { background: var(--aomc-green-dark); box-shadow: 0 6px 14px rgba(76, 168, 48, .2); }
.aomc__toggle svg { transition: transform .2s ease; }
.aomc__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.aomc__clear { padding: 4px 0; color: var(--aomc-green-dark); background: transparent; border: 0; border-bottom: 1px solid currentColor; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.aomc__toggle:focus-visible, .aomc__clear:focus-visible, .aomc__region:focus-visible { outline: 3px solid #e4b126; outline-offset: 3px; }

.aomc__fan {
	display: flex;
	justify-content: flex-end;
	padding: 0 16px 16px;
	border-top: 1px solid var(--aomc-border);
	background: linear-gradient(180deg, transparent, rgba(71, 65, 92, .035));
}

.aomc__regions {
	width: min(100%, 320px);
	margin-top: 10px;
	overflow: hidden;
	background: linear-gradient(145deg, var(--aomc-menu-start), var(--aomc-menu-end));
	border-radius: 12px;
	box-shadow: 0 14px 30px rgba(23, 20, 33, .2);
}

.aomc__region {
	display: flex;
	width: 100%;
	min-height: 36px;
	align-items: center;
	gap: 9px;
	padding: 8px 12px;
	color: #fff !important;
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
	text-decoration: none !important;
	transition: background .18s ease;
}

.aomc__region:last-child { border-bottom: 0; }

.aomc__region:hover,
.aomc__region.is-selected {
	color: #fff !important;
	background: var(--aomc-green);
}

.aomc__dot {
	flex: 0 0 6px;
	width: 6px;
	height: 6px;
	background: var(--aomc-green);
	border-radius: 50%;
}

.aomc__region:hover .aomc__dot,
.aomc__region.is-selected .aomc__dot { background: #fff; }
.aomc__region-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aomc__external { margin-left: auto; color: rgba(255, 255, 255, .65); font-size: 10px; font-weight: 400; }

.aomc-admin-notice { padding: 12px; border-left: 4px solid #dba617; background: #fff8dc; }

@media (max-width: 620px) {
	.aomc__bar { align-items: flex-start; flex-wrap: wrap; }
	.aomc__copy { padding-top: 2px; }
	.aomc__actions { width: 100%; justify-content: flex-end; }
	.aomc__toggle { flex: 1; }
	.aomc__fan { padding: 0 12px 12px; }
	.aomc__regions { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.aomc *, .aomc *::before, .aomc *::after { scroll-behavior: auto !important; transition: none !important; }
}