@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

.amrd, .amrd *, .amrd-drawer, .amrd-drawer *, .amrd-modal, .amrd-modal * {
	box-sizing: border-box !important;
	font-family: "Plus Jakarta Sans", sans-serif !important
}

.amrd {
	--bg: #020c1a;
	--panel: #0c1829;
	--soft: #182338;
	--soft2:#202b40;
	--line: #334157;
	--text: #f7f8fa;
	--muted: #778398;
	--gold: #bb8b4c;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 22px !important;
	background: var(--bg) !important;
	color: var(--text) !important
}

.amrd-shell {
	width: min(1460px, 100%) !important;
	margin: 0 auto !important
}

.amrd h1, .amrd h2, .amrd h3, .amrd h4, .amrd p {
	color: inherit !important
}

.amrd-action-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 16px !important
}

.amrd-quick-card {
	position: relative !important;
	min-height: 164px !important;
	padding: 20px !important;
	border-radius: 10px !important;
	background: var(--soft) !important;
	display: flex;
	gap: 20px;
}

.amrd-action-card h2 {
	margin: 0 0 15px !important;
	font-size: 18px !important
}

.amrd-action-card p {
	max-width: 420px !important;
	margin: 0 !important;
	color: var(--muted) !important;
	font-size: 14px !important;
	line-height: 1.65 !important
}

.amrd-action-card a, .amrd-empty-main a {
	position: absolute !important;
	right: 24px !important;
	bottom: 22px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 43px !important;
	padding: 0 18px !important;
	border-radius: 6px !important;
	background: var(--gold) !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 12px !important;
	font-weight: 600 !important
}

.amrd-title-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: end !important;
	gap: 20px !important;
	margin: 24px 22px 0 !important
}

.amrd-title-row h1 {
	margin: 0 !important;
	font-size: 25px !important
}

.amrd-tools {
	display: flex !important;
	gap: 12px !important
}

.amrd-type-filter select, .amrd-search {
	height: 43px !important;
	border: 1px solid #526078 !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: var(--text) !important
}

.amrd-type-filter select {
	min-width: 120px !important;
	padding: 0 14px !important
}

.amrd-type-filter option {
	background: var(--panel) !important
}

.amrd-search {
	width: 300px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 13px !important
}

.amrd-search input {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 0 0 8px !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #fff !important;
	box-shadow: none !important
}

.amrd-tabs {
	display: flex !important;
	gap: 30px !important;
	margin: 15px 22px !important;
	border-bottom: 1px solid transparent !important
}

.amrd-tabs button {
	position: relative !important;
	min-height: 44px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--muted) !important;
	font-size: 14px !important;
	cursor: pointer !important;
	box-shadow: none !important
}

.amrd-tabs button.is-active {
	color: var(--gold) !important
}

.amrd-tabs button.is-active:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background: var(--gold)
}

.amrd-tabs button span {
	min-width: 22px;
	height: 22px;
	display: inline-grid;
	place-items: center;
	margin-left: 4px;
	border-radius: 50%;
	background: #2a3447;
	color: #fff;
	font-size: 9px
}

.amrd-table-wrap {
	overflow: hidden !important;
	border: 1px solid var(--line) !important;
	border-radius: 12px !important;
	background: var(--panel) !important
}

.amrd-table {
	width: 100% !important;
	border-collapse: collapse !important;
	color: #fff !important
}

.amrd-table th {
	padding: 14px 22px !important;
	border-bottom: 1px solid var(--line) !important;
	background: var(--soft) !important;
	color: var(--muted) !important;
	text-align: left !important;
	font-size: 10px !important;
	font-weight: 500 !important
}

.amrd-table td {
	height: 66px !important;
	padding: 10px 22px !important;
	border-bottom: 1px solid var(--line) !important;
	font-size: 12px !important
}

.amrd-table tbody tr:last-child td {
	border-bottom: 0 !important
}

.amrd-table tbody tr:hover {
	background: rgba(255, 255, 255, .025) !important
}

.amrd-release-link {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	text-align: left !important;
	cursor: pointer !important
}

.amrd-release-link > span:last-child {
	display: flex !important;
	flex-direction: column !important
}

.amrd-release-link strong {
	font-size: 14px !important;
	line-height: 1;
	transition: all .3s ease-in-out;
}

.amrd-release-link small {
	margin-top: 10px;
	color: var(--muted) !important;
	line-height: 1;
	font-size: 12px !important
}

html body .amrd-recent-panel .amrd-table tbody tr:hover .amrd-release-link strong {
	color: #bb8b4c;
}

.amrd-thumb {
	width: 38px !important;
	height: 38px !important;
	display: grid !important;
	place-items: center !important;
	overflow: hidden !important;
	border-radius: 5px !important;
	background: #18304a !important
}

.amrd-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important
}

.amrd-store-icons {
	display: flex !important;
	gap: 6px !important;
	align-items: center !important
}

.amrd-store {
	width: 35px !important;
	height: 35px !important;
	display: grid !important;
	place-items: center !important;
	border-radius: 50% !important;
	background: #2f3b4f !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 800 !important
}

.amrd-store-spotify {
	background: #1ed760 !important;
	color: #06120a !important
}

.amrd-store-youtube {
	border-radius: 5px !important;
	background: #ff253c !important
}

.amrd-store-apple, .amrd-store-itunes {
	border-radius: 5px !important;
	background: #ff375f !important
}

.amrd-store-more {
	height: 23px !important;
	display: grid !important;
	place-items: center !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	background: #283347 !important;
	color: #fff !important;
	font-size: 9px !important
}

.amrd-status {
	display: inline-flex !important;
	align-items: center !important;
	padding: 5px 10px !important;
	border-radius: 999px !important;
	background: #2b3446 !important;
	color: #9ba6b8 !important;
	font-size: 12px !important;
	text-align: center;
}

.amrd-status-live, .amrd-status-published, .amrd-status-completed, .amrd-status-delivered, .amrd-status-sent_to_stores {
	background: #093d2c !important;
	color: #19d580 !important
}

.amrd-status-submitted, .amrd-status-pending_review, .amrd-status-approved, .amrd-status-processing, .amrd-status-scheduled {
	background: #3b332d !important;
	color: #d4a767 !important
}

.amrd-status-rejected, .amrd-status-inactive, .amrd-status-takedown {
	background: #471725 !important;
	color: #ef304d !important
}

.amrd-status-draft, .amrd-status-incomplete {
	background: #283247 !important;
	color: #8792a6 !important
}

.amrd-more {
	border: 0 !important;
	background: transparent !important;
	color: var(--muted) !important;
	font-size: 21px !important;
	cursor: pointer !important;
}

.amrd-pagination {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 15px !important;
	padding: 13px 22px !important;
	border-top: 1px solid var(--line) !important
}

.amrd-pagination button {
	height: 36px !important;
	padding: 0 14px !important;
	border: 1px solid #657188 !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: #fff !important;
	cursor: pointer !important
}

.amrd-pagination button:disabled {
	opacity: .4 !important
}

.amrd-no-match {
	padding: 60px 20px !important;
	text-align: center !important
}

.amrd-no-match[hidden] {
	display: none !important
}

.amrd-empty-main {
	position: relative !important;
	min-height: 620px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid var(--line) !important;
	border-radius: 18px !important;
	background: var(--panel) !important;
	text-align: center !important
}

.amrd-empty-note {
	color: var(--gold) !important;
	font-size: 70px !important
}

.amrd-empty-main h2 {
	margin: 15px 0 12px !important;
	font-size: 25px !important
}

.amrd-empty-main p {
	max-width: 420px !important;
	color: var(--muted) !important;
	line-height: 1.55 !important
}

.amrd-empty-main a {
	position: static !important;
	margin-top: 20px !important
}

.amrd-drawer[hidden], .amrd-modal[hidden], .amrd-toast[hidden] {
	display: none !important
}

.amrd-drawer, .amrd-modal {
	position: fixed !important;
	z-index: 9999998 !important;
	inset: 0 !important
}

.amrd-drawer-backdrop, .amrd-modal-backdrop {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(2, 10, 23, .72) !important;
	backdrop-filter: blur(7px) !important
}

.amrd-drawer-panel {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: min(530px, 100%) !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	background: #182338 !important;
	color: #fff !important;
	box-shadow: -30px 0 80px rgba(0, 0, 0, .35) !important
}

.amrd-drawer-close, .amrd-modal-close {
	position: absolute !important;
	z-index: 3 !important;
	top: 22px !important;
	right: 22px !important;
	width: 38px !important;
	height: 38px !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 30px !important;
	cursor: pointer !important
}

.amrd-drawer-content {
	flex: 1 !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	padding: 30px 32px 105px !important
}

.amrd-drawer-content > h2 {
	margin: 0 0 24px !important;
	font-size: 21px !important
}

.amrd-drawer-art {
	width: 100% !important;
	aspect-ratio: 1.25/1 !important;
	display: grid !important;
	place-items: center !important;
	overflow: hidden !important;
	border-radius: 12px !important;
	background: #0b1728 !important;
	font-size: 40px !important
}

.amrd-drawer-art img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important
}

.amrd-drawer-title {
	display: flex !important;
	justify-content: space-between !important;
	gap: 15px !important;
	align-items: center !important;
	margin: 24px 0 !important
}

.amrd-drawer-title h3 {
	margin: 0 0 8px !important;
	font-size: 24px !important
}

.amrd-drawer-title p {
	margin: 0 !important;
	color: var(--muted) !important
}

.amrd-detail-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important
}

.amrd-detail-grid article {
	min-height: 64px !important;
	padding: 12px !important;
	border-radius: 8px !important;
	background: #202b40 !important
}

.amrd-detail-grid small, .amrd-detail-grid strong {
	display: block !important
}

.amrd-detail-grid small {
	margin-bottom: 7px !important;
	color: var(--muted) !important;
	font-size: 9px !important
}

.amrd-detail-grid strong {
	font-size: 10px !important;
	overflow-wrap: anywhere !important
}

.amrd-drawer-section {
	margin-top: 22px !important
}

.amrd-drawer-section h4 {
	margin: 0 0 12px !important;
	font-size: 13px !important
}

.amrd-drawer-stores {
	display: flex !important;
	gap: 10px !important;
	padding: 16px !important;
	border-radius: 9px !important;
	background: #202b40 !important
}

.amrd-contributors {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important
}

.amrd-person {
	min-height: 125px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px !important;
	border-radius: 9px !important;
	background: #202b40 !important;
	text-align: center !important
}

.amrd-person > div {
	width: 52px !important;
	height: 52px !important;
	display: grid !important;
	place-items: center !important;
	overflow: hidden !important;
	margin-bottom: 9px !important;
	border-radius: 50% !important;
	background: #2e3a50 !important
}

.amrd-person img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important
}

.amrd-person strong {
	font-size: 14px !important
}

.amrd-person small {
	margin-top: 5px !important;
	color: var(--muted) !important;
	font-size: 12px !important
}

.amrd-timeline {
	margin: 0 !important;
	padding: 16px !important;
	border-radius: 9px !important;
	background: #202b40 !important;
	list-style: none !important
}

.amrd-timeline li {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 14px 1fr !important;
	gap: 9px !important;
	padding-bottom: 17px !important
}

.amrd-timeline li:last-child {
	padding-bottom: 0 !important
}

.amrd-timeline li:not(:last-child):before {
	content: "";
	position: absolute;
	top: 7px;
	bottom: 0;
	left: 4px;
	width: 1px;
	background: #8b724c
}

.amrd-timeline i {
	position: relative !important;
	z-index: 1 !important;
	width: 8px !important;
	height: 8px !important;
	margin-top: 5px !important;
	border-radius: 50% !important;
	background: var(--gold) !important
}

.amrd-timeline strong, .amrd-timeline small {
	display: block !important
}

.amrd-timeline strong {
	font-size: 10px !important
}

.amrd-timeline small {
	margin-top: 4px !important;
	color: var(--muted) !important;
	font-size: 8px !important;
	text-transform: uppercase !important
}

.amrd-timeline p {
	margin: 5px 0 0 !important;
	color: #a7b0bf !important;
	font-size: 9px !important
}

.amrd-drawer-footer {
	position: absolute !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	display: flex !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	padding: 16px 32px !important;
	border-top: 1px solid var(--line) !important;
	background: #182338 !important
}

.amrd-outline-btn, .amrd-gold-btn, .amrd-muted-btn {
	min-height: 42px !important;
	padding: 0 17px !important;
	border-radius: 6px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	cursor: pointer !important
}

.amrd-outline-btn {
	border: 1px solid var(--gold) !important;
	background: transparent !important;
	color: #fff !important
}

.amrd-gold-btn {
	border: 0 !important;
	background: var(--gold) !important;
	color: #fff !important
}

.amrd-muted-btn {
	border: 0 !important;
	background: #3a465a !important;
	color: #fff !important
}

.amrd-modal {
	display: grid !important;
	place-items: center !important;
	padding: 18px !important
}

.amrd-modal-box {
	position: relative !important;
	z-index: 1 !important;
	width: min(500px, 100%) !important;
	padding: 30px !important;
	border-radius: 16px !important;
	background: #182338 !important;
	color: #fff !important;
	box-shadow: 0 30px 90px rgba(0, 0, 0, .5) !important
}

.amrd-modal-box h2 {
	margin: 0 0 12px !important;
	font-size: 22px !important
}

.amrd-modal-box > p {
	margin: 0 0 25px !important;
	color: var(--muted) !important;
	line-height: 1.55 !important
}

.amrd-modal-actions {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	margin-top: 25px !important
}

.amrd-reason-list {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important
}

.amrd-reason-list legend {
	margin-bottom: 10px !important
}

.amrd-reason-list label {
	min-height: 50px !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 0 14px !important;
	border-radius: 8px !important;
	background: #202b40 !important
}

.amrd-reason-list input {
	width: 20px !important;
	height: 20px !important;
	accent-color: var(--gold) !important
}

.amrd-modal textarea {
	width: 100% !important;
	min-height: 105px !important;
	margin-top: 12px !important;
	padding: 13px !important;
	border: 1px solid #617089 !important;
	border-radius: 7px !important;
	background: #121e33 !important;
	color: #fff !important;
	resize: vertical !important
}

.amrd-toast {
	position: fixed !important;
	z-index: 10000000 !important;
	left: 50% !important;
	bottom: 34px !important;
	min-width: min(480px, calc(100% - 28px)) !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 20px 24px !important;
	border-radius: 12px !important;
	background: #182338 !important;
	color: #fff !important;
	transform: translateX(-50%) !important;
	box-shadow: 0 16px 50px rgba(0, 0, 0, .5) !important
}

.amrd-toast span {
	width: 22px !important;
	height: 22px !important;
	display: grid !important;
	place-items: center !important;
	border-radius: 50% !important;
	background: var(--gold) !important;
	color: #182338 !important
}

.amrd-toast.is-error {
	background: #4a1f2a !important
}

.amrd-loading, .amrd-error {
	padding: 60px 20px !important;
	text-align: center !important
}

.amrd-error {
	color: #ff8b9e !important
}

.amrd-muted {
	color: var(--muted) !important
}

.amrd-lock {
	overflow: hidden !important
}

.amrd-login {
	max-width: 700px !important;
	margin: 30px auto !important;
	padding: 30px !important;
	border-radius: 12px !important;
	background: #0c1829 !important;
	color: #fff !important;
	text-align: center !important
}

.amrd-login a {
	display: inline-flex !important;
	padding: 10px 18px !important;
	border-radius: 6px !important;
	background: #bb8b4c !important;
	color: #fff !important;
	text-decoration: none !important
}

@media(max-width:1000px) {
	.amrd-action-grid {
		grid-template-columns: 1fr !important
	}

	.amrd-action-card {
		min-height: 150px !important
	}

	.amrd-table-wrap {
		overflow-x: auto !important
	}

	.amrd-table {
		min-width: 900px !important
	}

}

@media(max-width:700px) {
	.amrd {
		padding: 12px !important
	}

	.amrd-title-row {
		align-items: stretch !important;
		flex-direction: column !important;
		margin-right: 0 !important;
		margin-left: 0 !important
	}

	.amrd-tools {
		width: 100% !important
	}

	.amrd-search {
		width: 100% !important
	}

	.amrd-tabs {
		margin-right: 0 !important;
		margin-left: 0 !important;
		overflow-x: auto !important
	}

	.amrd-tabs button {
		white-space: nowrap !important
	}

	.amrd-detail-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important
	}

	.amrd-drawer-content {
		padding: 24px 18px 100px !important
	}

	.amrd-drawer-footer {
		padding: 13px 18px !important
	}

	.amrd-action-card a {
		position: static !important;
		margin-top: 20px !important
	}

	.amrd-contributors {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important
	}

}

@media(max-width:430px) {
	.amrd-tools {
		flex-direction: column !important
	}

	.amrd-type-filter select {
		width: 100% !important
	}

	.amrd-detail-grid, .amrd-contributors {
		grid-template-columns: 1fr !important
	}

	.amrd-drawer-footer {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important
	}

	.amrd-modal-actions {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important
	}

	.amrd-toast {
		bottom: 15px !important
	}

	.amrd-empty-main {
		min-height: 470px !important
	}

}

.amrd.amrd-full-width .amrd-shell {
	width: 100% !important;
	max-width: none !important
}

.amrd-header {
	width: 100% !important;
	min-height: 72px !important;
	display: grid !important;
	grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr) !important;
	align-items: center !important;
	gap: 22px !important;
	margin: 0 0 18px !important;
	padding: 0 24px !important;
	border-radius: 12px !important;
	background: var(--panel) !important
}

.amrd-header-logo {
	display: flex !important;
	align-items: center !important;
	color: var(--gold) !important;
	text-decoration: none !important
}

.amrd-header-logo strong {
	font-size: 26px !important
}

.amrd-header-logo img {
	display: block !important;
	max-width: 145px !important;
	max-height: 44px !important;
	object-fit: contain !important
}

.amrd-header-nav {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 28px !important
}

.amrd-header-nav a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: var(--text) !important;
	text-decoration: none !important;
	font-size: 13px !important
}

.amrd-header-icon {
	width: 15px !important;
	height: 15px !important;
	display: grid !important;
	place-items: center !important;
	color: var(--gold) !important
}

.amrd-header-icon img, .amrd-card-icon img, .amrd-empty-note img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important
}

.amrd-header-tools {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 12px !important
}

.amrd-header-tools > a {
	display: grid !important;
	place-items: center !important;
	min-width: 32px !important;
	height: 32px !important;
	color: var(--text) !important;
	text-decoration: none !important
}

.amrd-user-link {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important
}

.amrd-user-link img {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	object-fit: cover !important
}

.amrd-user-link span {
	font-size: 14px !important;
	font-weight: 600;
	text-transform: capitalize;
}

.amrd-card-icon img {
	width: 26px !important;
	height: 26px !important
}

.amrd-empty-note {
	width: 74px !important;
	height: 74px !important;
	display: grid !important;
	place-items: center !important
}

.amrd-empty-note img {
	width: 72px !important;
	height: 72px !important
}

.amrd-drawer, .amrd-modal {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: visibility 0s linear var(--amrd-animation-speed), opacity var(--amrd-animation-speed) ease !important
}

.amrd-drawer.is-open, .amrd-modal.is-open {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	transition-delay: 0s !important
}

.amrd-drawer-backdrop, .amrd-modal-backdrop {
	opacity: 0 !important;
	transition: opacity var(--amrd-animation-speed) ease !important
}

.amrd-drawer.is-open .amrd-drawer-backdrop, .amrd-modal.is-open .amrd-modal-backdrop {
	opacity: 1 !important
}

.amrd-drawer-panel {
	width: min(var(--amrd-drawer-width), 100%) !important;
	transition: transform var(--amrd-animation-speed) cubic-bezier(.22, 1, .36, 1), opacity var(--amrd-animation-speed) ease !important;
	will-change: transform, opacity !important
}

.amrd[data-drawer-animation="slide"] .amrd-drawer-panel {
	transform: translate3d(105%, 0, 0) !important;
	opacity: 1 !important
}

.amrd[data-drawer-animation="slide"] .amrd-drawer.is-open .amrd-drawer-panel {
	transform: translate3d(0, 0, 0) !important
}

.amrd[data-drawer-animation="fade"] .amrd-drawer-panel {
	transform: none !important;
	opacity: 0 !important
}

.amrd[data-drawer-animation="fade"] .amrd-drawer.is-open .amrd-drawer-panel {
	opacity: 1 !important
}

.amrd[data-drawer-animation="scale"] .amrd-drawer-panel {
	transform: translate3d(30px, 0, 0) scale(.96) !important;
	opacity: 0 !important
}

.amrd[data-drawer-animation="scale"] .amrd-drawer.is-open .amrd-drawer-panel {
	transform: translate3d(0, 0, 0) scale(1) !important;
	opacity: 1 !important
}

.amrd-modal-box {
	transition: transform var(--amrd-animation-speed) cubic-bezier(.22, 1, .36, 1), opacity var(--amrd-animation-speed) ease !important;
	will-change: transform, opacity !important
}

.amrd[data-modal-animation="scale"] .amrd-modal-box {
	transform: scale(.9) !important;
	opacity: 0 !important
}

.amrd[data-modal-animation="scale"] .amrd-modal.is-open .amrd-modal-box {
	transform: scale(1) !important;
	opacity: 1 !important
}

.amrd[data-modal-animation="fade"] .amrd-modal-box {
	transform: none !important;
	opacity: 0 !important
}

.amrd[data-modal-animation="fade"] .amrd-modal.is-open .amrd-modal-box {
	opacity: 1 !important
}

.amrd[data-modal-animation="slide_up"] .amrd-modal-box {
	transform: translate3d(0, 35px, 0) !important;
	opacity: 0 !important
}

.amrd[data-modal-animation="slide_up"] .amrd-modal.is-open .amrd-modal-box {
	transform: translate3d(0, 0, 0) !important;
	opacity: 1 !important
}

.amrd-toast {
	opacity: 0 !important;
	transform: translate(-50%, 18px) !important;
	transition: opacity var(--amrd-animation-speed) ease, transform var(--amrd-animation-speed) ease !important
}

.amrd-toast.is-open {
	opacity: 1 !important;
	transform: translate(-50%, 0) !important
}

@media (max-width:900px) {
	.amrd-header {
		display: flex !important;
		justify-content: space-between;
		gap: 10px !important;
		min-height: unset !important;
	}

	html body .amrd-recent-panel .amrd-table-wrap {
		overflow: scroll !important;
	}

	.amrd-header-nav {
		grid-column: 1/-1 !important;
		grid-row: 2 !important;
		justify-content: center !important;
		overflow-x: auto !important;
		padding-bottom: 0px !important
	}

	.amrd-header-tools {
		grid-column: 2 !important;
		grid-row: 1 !important
	}

	.amrd-header {
		padding-top: 12px !important
	}

	.amrd-user-link span {
		display: none !important
	}

}

@media(max-width:600px) {
	.amrd-header {
		padding: 12px !important
	}

	.amrd-header-nav {
		gap: 18px !important
	}

	.amrd-header-nav a span:last-child {
		font-size: 11px !important
	}

	.amrd-header-tools > a:not(.amrd-user-link) {
		display: none !important
	}

}

.amrd-header-nav a {
	white-space: nowrap !important
}

.amrd-header-nav a:hover, .amrd-header-nav a:focus {
	color: var(--gold) !important;
	transform: translateY(-1px) !important
}

.amrd-header-nav a {
	transition: color .2s ease, transform .2s ease !important
}

.amrd-drawer:not(.is-open) .amrd-drawer-panel {
	transform: translate3d(105%, 0, 0) !important
}

.amrd-drawer.is-open .amrd-drawer-panel {
	transform: translate3d(0, 0, 0) !important
}

.amrd-modal:not(.is-open) .amrd-modal-box {
	transform: scale(.9) !important;
	opacity: 0 !important
}

.amrd-modal.is-open .amrd-modal-box {
	transform: scale(1) !important;
	opacity: 1 !important
}

.amrd-notification-link {
	position: relative !important
}

.amrd-tool-icon {
	width: 19px !important;
	height: 19px !important;
	display: grid !important;
	place-items: center !important
}

.amrd-tool-icon img {
	width: 19px !important;
	height: 19px !important;
	display: block !important;
	object-fit: contain !important
}

.amrd-notification-badge {
	position: absolute !important;
	top: -4px !important;
	right: -6px !important;
	min-width: 17px !important;
	height: 17px !important;
	display: grid !important;
	place-items: center !important;
	padding: 0 4px !important;
	border: 2px solid var(--panel) !important;
	border-radius: 999px !important;
	background: #e44755 !important;
	color: #fff !important;
	font-size: 8px !important;
	font-weight: 800 !important;
	line-height: 1 !important
}

.amrd-status-cell {
	display: flex !important;
	flex-direction: column !important;
	align-items: center;
	!important;
	gap: 5px !important;
	min-width: 0 !important
}

.amrd-rejection-reason {
	display: none !important;
}

.amrd-recent-panel .amrd-pagination span {
	font-size: 12px;
	font-weight: 700;
}

html body .amrd-recent-panel .amrd-table-wrap {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 0 18px 18px !important;
	background: transparent !important;
	overflow: scroll !important;
}

html body .amrd-recent-panel .amrd-table {
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	table-layout: fixed !important;
	background: transparent !important;
}

html body .amrd-recent-panel .amrd-table th:nth-child(1), html body .amrd-recent-panel .amrd-table td:nth-child(1) {
	width: 30% !important;
}

html body .amrd-recent-panel .amrd-table th:nth-child(2), html body .amrd-recent-panel .amrd-table td:nth-child(2) {
	width: 12% !important;
}

html body .amrd-recent-panel .amrd-table th:nth-child(3), html body .amrd-recent-panel .amrd-table td:nth-child(3) {
	width: 21% !important;
}

html body .amrd-recent-panel .amrd-table th:nth-child(4), html body .amrd-recent-panel .amrd-table td:nth-child(4) {
	width: 11% !important;
	text-align: center;
}

html body .amrd-recent-panel .amrd-table th:nth-child(5), html body .amrd-recent-panel .amrd-table td:nth-child(5) {
	width: 12% !important;
	text-align: center;
}

html body .amrd-recent-panel .amrd-table th:nth-child(6), html body .amrd-recent-panel .amrd-table td:nth-child(6) {
	width: 10% !important;
}

html body .amrd-recent-panel .amrd-table th:nth-child(7), html body .amrd-recent-panel .amrd-table td:nth-child(7) {
	width: 4% !important;
}

html body .amrd-recent-panel .amrd-table thead {
	background: #172132 !important;
}

html body .amrd-recent-panel .amrd-table thead tr {
	background: #172132 !important;
}

html body .amrd-recent-panel .amrd-table th {
	padding: 10px 20px !important;
	border: 0 !important;
	border-bottom: 1px solid #344156 !important;
	background: #172132 !important;
	color: #687386 !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

html body .amrd-recent-panel .amrd-table th:first-child {
	padding-left: 35px !important;
}

html body .amrd-recent-panel .amrd-table tbody tr {
	position: relative !important;
	background: #0c1728 !important;
	transition: background-color 0.2s ease, transform 0.2s ease !important;
}

html body .amrd-recent-panel .amrd-table tbody tr:hover {
	background: #101d30 !important;
}

html body .amrd-recent-panel .amrd-table tbody tr:last-child td:first-child {
	border-radius: 0 0 0 18px !important;
}

html body .amrd-recent-panel .amrd-table tbody tr:last-child td:last-child {
	border-radius: 0 0 18px 0 !important;
}

html body .amrd-recent-panel .amrd-table td {
	padding: 10px !important;
	border: 0 !important;
	border-bottom: 1px solid #344156 !important;
	background: transparent !important;
	color: #f4f5f7 !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	vertical-align: middle !important;
}

html body .amrd-recent-panel .amrd-table td:first-child {
	padding-left: 35px !important;
}

html body .amrd-recent-panel .amrd-table tbody tr:last-child td {
	border-bottom: 0 !important;
}

.amrd-action-wrap {
	position: relative !important;
	display: flex !important;
	justify-content: flex-end !important
}

.amrd-action-menu {
	position: absolute !important;
	z-index: 1000 !important;
	top: 35px !important;
	right: 0 !important;
	width: 175px !important;
	padding: 7px !important;
	border: 1px solid var(--line) !important;
	border-radius: 8px !important;
	background: #111d31 !important;
	box-shadow: 0 14px 38px rgba(0, 0, 0, .48) !important
}

.amrd-action-menu[hidden] {
	display: none !important
}

.amrd-action-menu a, .amrd-action-menu button {
	width: 100% !important;
	min-height: 35px !important;
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	padding: 7px 9px !important;
	border: 0 !important;
	border-radius: 5px !important;
	background: transparent !important;
	color: #fff !important;
	text-align: left !important;
	text-decoration: none !important;
	font-size: 10px !important;
	cursor: pointer !important
}

.amrd-action-menu a:hover, .amrd-action-menu button:hover, .amrd-action-menu a:focus-visible, .amrd-action-menu button:focus-visible {
	background: #202c42 !important;
	color: var(--gold) !important
}

.amrd-feedback-box {
	padding: 15px !important;
	border: 1px solid rgba(255, 86, 111, .35) !important;
	border-radius: 9px !important;
	background: rgba(74, 17, 32, .45) !important
}

.amrd-feedback-box strong {
	display: block !important;
	color: #ff7287 !important;
	font-size: 11px !important
}

.amrd-feedback-box p {
	margin: 8px 0 0 !important;
	color: #f5dfe3 !important;
	font-size: 10px !important;
	line-height: 1.55 !important;
	white-space: pre-wrap !important
}

.amrd-table-wrap {
	overflow: visible !important
}

.amrd-reference-dashboard {
	min-height: 100vh !important;
	padding: 22px !important
}

.amrd-reference-dashboard .amrd-shell {
	display: grid !important;
	gap: 18px !important
}

.amrd-welcome-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	padding: 0 22px !important
}

.amrd-welcome-row h1 {
	margin: 0 0 7px !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
	font-weight: 700;
}

.amrd-welcome-row p {
	margin: 0 !important;
	color: var(--muted) !important;
	font-size: 16px !important;
	font-weight: 500;
}

.amrd-upload-main {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	min-height: 42px !important;
	padding: 0 18px !important;
	border-radius: 6px !important;
	background: var(--gold) !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	white-space: nowrap !important
}

.amrd-upload-main:hover {
	filter: brightness(1.08) !important;
	transform: translateY(-1px) !important
}

.amrd-kpi-grid {
	display: none !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 14px !important
}

.amrd-kpi-card {
	position: relative !important;
	min-height: 116px !important;
	padding: 22px !important;
	border: 1px solid rgba(255, 255, 255, .015) !important;
	border-radius: 12px !important;
	background: var(--panel) !important
}

.amrd-kpi-card small {
	display: block !important;
	margin-bottom: 10px !important;
	color: var(--muted) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important
}

.amrd-kpi-card strong {
	display: block !important;
	max-width: 85% !important;
	overflow: hidden !important;
	color: var(--text) !important;
	font-size: 21px !important;
	line-height: 1.2 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important
}

.amrd-kpi-card p {
	margin: 8px 0 0 !important;
	color: var(--muted) !important;
	font-size: 10px !important
}

.amrd-kpi-icon {
	position: absolute !important;
	top: 18px !important;
	right: 20px !important;
	color: var(--gold) !important;
	font-size: 21px !important
}

.amrd-main-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1.45fr) minmax(360px, .95fr) !important;
	gap: 16px !important
}

.amrd-panel {
	min-width: 0 !important;
	padding: 22px !important;
	border: 1px solid rgba(255, 255, 255, .018) !important;
	border-radius: 12px !important;
	background: var(--panel) !important
}

.amrd-panel > h2, .amrd-panel-heading h2 {
	margin: 0 !important;
	font-size: 18px !important;
	font-weight: 700;
}

.amrd-quick-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin-top: 18px !important
}

.amrd-quick-card > span {
	display: inline-grid !important;
	place-items: center !important;
	width: 27px !important;
	height: 27px !important;
	margin-bottom: 12px !important;
	color: var(--gold) !important;
	font-size: 20px !important
}

.amrd-quick-card h3 {
	margin: 0 0 5px !important;
	font-size: 16px !important;
	font-weight: 700;
}

.amrd-quick-card p {
	max-width: 260px !important;
	margin: 0 !important;
	font-weight: 500;
	color: var(--muted) !important;
	font-size: 16px !important;
	line-height: 1.55 !important
}

.amrd-quick-card a {
	position: absolute !important;
	right: 18px !important;
	bottom: 17px !important;
	color: var(--gold) !important;
	text-decoration: none !important;
	font-size: 14px !important;
	font-weight: 700 !important
}

.amrd-quick-card a:hover {
	text-decoration: underline !important
}

.amrd-status-card-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin-top: 18px !important
}

.amrd-status-art {
	position: relative !important;
	min-height: 342px !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #071222 !important;
	color: #fff !important;
	text-align: left !important;
	cursor: pointer !important
}

.amrd-status-art > img, .amrd-status-placeholder {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important
}

.amrd-status-art > img {
	object-fit: cover !important
}

.amrd-status-placeholder {
	display: grid !important;
	place-items: center !important;
	background: linear-gradient(145deg, #17314b, #081221) !important;
	color: var(--gold) !important;
	font-size: 42px !important;
	font-weight: 800 !important
}

.amrd-status-art:after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(180deg, rgba(0, 0, 0, .04) 25%, rgba(0, 0, 0, .9) 100%) !important
}

.amrd-status-art-badge {
	position: absolute !important;
	z-index: 2 !important;
	top: 14px !important;
	left: 14px !important;
	padding: 6px 10px !important;
	border-radius: 999px !important;
	background: #bb8b4c !important;
	color: #ffffff !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	line-height: 1;
	border: 1px solid #bb8b4c;
}

.amrd-status-art-arrow {
	position: absolute !important;
	z-index: 2 !important;
	top: 13px !important;
	right: 13px !important;
	width: 30px !important;
	height: 30px !important;
	display: grid !important;
	place-items: center !important;
	border: 1px solid rgba(255, 255, 255, .75) !important;
	border-radius: 50% !important;
	font-size: 15px !important;
	background: #fff;
	padding: 4px;
}

.amrd-status-art-copy {
	position: absolute !important;
	z-index: 2 !important;
	right: 14px !important;
	bottom: 14px !important;
	left: 14px !important;
	display: flex !important;
	flex-direction: column !important
}

.amrd-status-art-copy strong {
	font-size: 18px !important;
	font-weight: 700;
	line-height: 1;
}

.amrd-status-art-copy small {
	margin-top: 3px !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1;
}

.amrd-status-art-copy em {
	display: flex !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin-top: 16px !important;
	padding: 8px 9px !important;
	border-radius: 5px !important;
	background: rgba(0, 0, 0, .62) !important;
	color: #8e99aa !important;
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: 700;
	text-transform: uppercase !important
}

.amrd-status-art-copy b {
	color: #aeb6c3 !important;
	font-weight: 600 !important
}

.amrd-status-empty {
	min-height: 342px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	margin-top: 18px !important;
	border-radius: 10px !important;
	background: var(--soft) !important;
	text-align: center !important
}

.amrd-status-empty > span {
	color: var(--gold) !important;
	font-size: 42px !important
}

.amrd-status-empty h3 {
	margin: 14px 0 7px !important;
	font-size: 16px !important
}

.amrd-status-empty p {
	margin: 0 !important;
	color: var(--muted) !important;
	font-size: 11px !important
}

.amrd-bottom-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(300px, .82fr) !important;
	gap: 16px !important
}

.amrd-panel-heading {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	margin-bottom: 16px !important
}

.amrd-panel-heading > a {
	color: var(--gold) !important;
	text-decoration: none !important;
	font-size: 11px !important;
	font-weight: 600 !important
}

.amrd-recent-panel {
	padding: 0 !important;
	overflow: visible !important
}

.amrd-recent-panel .amrd-panel-heading {
	padding: 20px 22px 0 !important
}

.amrd-recent-panel .amrd-table-wrap {
	border-width: 1px 0 0 !important;
	border-radius: 0 0 12px 12px !important
}

.amrd-recent-panel .amrd-table th {
	background: var(--soft) !important
}

.amrd-recent-panel .amrd-pagination {
	min-height: 56px !important
}

.amrd-notifications-panel {
	padding: 20px !important
}

.amrd-notification-list {
	display: grid !important;
	gap: 9px !important
}

.amrd-notification-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	min-height: 50px !important;
	padding: 12px !important;
	border-radius: 8px !important;
	background: var(--soft) !important;
	color: var(--text) !important;
	text-decoration: none !important
}

.amrd-notification-item > span {
	flex: 0 0 auto !important;
	width: 25px !important;
	height: 25px !important;
	display: grid !important;
	place-items: center !important;
	border-radius: 50% !important;
	color: #172033 !important;
	font-size: 10px !important;
	font-weight: 800 !important
}

.amrd-notification-item div {
	min-width: 0 !important
}

.amrd-notification-item strong {
	display: block !important;
	overflow: hidden !important;
	font-size: 14px !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important
}

.amrd-notification-item small {
	display: block !important;
	margin-top: 4px !important;
	overflow: hidden !important;
	color: var(--muted) !important;
	font-size: 12px !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important
}

.amrd-notification-item.is-unread {
	box-shadow: inset 2px 0 0 var(--gold) !important
}

.amrd-notification-item:hover {
	background: #202d43 !important;
	transform: translateY(-1px) !important
}

.amrd-notification-empty {
	min-height: 160px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--muted) !important;
	text-align: center !important
}

.amrd-notification-empty > span {
	width: 30px !important;
	height: 30px !important;
	display: grid !important;
	place-items: center !important;
	border-radius: 50% !important;
	background: var(--gold) !important;
	color: #172033 !important
}

.amrd-notification-empty p {
	margin: 10px 0 0 !important;
	font-size: 11px !important
}

.amrd-recent-empty {
	min-height: 330px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 30px !important;
	text-align: center !important
}

.amrd-recent-empty > span {
	color: var(--gold) !important;
	font-size: 45px !important
}

.amrd-recent-empty h3 {
	margin: 12px 0 7px !important
}

.amrd-recent-empty p {
	max-width: 380px !important;
	margin: 0 !important;
	color: var(--muted) !important;
	font-size: 12px !important
}

.amrd-recent-empty > a {
	margin-top: 18px !important;
	padding: 10px 14px !important;
	border-radius: 6px !important;
	background: var(--gold) !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 11px !important
}

.amrd-reference-dashboard .amrd-action-grid, .amrd-reference-dashboard .amrd-title-row, .amrd-reference-dashboard .amrd-tabs {
	display: none !important
}

@media(max-width:1180px) {
	.amrd-main-grid, .amrd-bottom-grid {
		grid-template-columns: 1fr !important
	}

	.amrd-status-art {
		min-height: 400px !important
	}

	.amrd-notifications-panel {
		min-height: auto !important
	}

}

@media(max-width:820px) {
	.amrd-reference-dashboard {
		padding: 12px !important
	}

	.amrd-welcome-row {
		align-items: flex-start !important;
		flex-direction: column !important;
		padding: 4px 0 !important
	}

	.amrd-upload-main {
		width: 100% !important
	}

	.amrd-kpi-grid {
		grid-template-columns: 1fr !important
	}

	.amrd-main-grid {
		grid-template-columns: 1fr !important
	}

	.amrd-status-card-grid {
		grid-template-columns: 1fr !important
	}

	.amrd-status-art {
		min-height: 360px !important
	}

	.amrd-panel {
		padding: 16px !important
	}

	.amrd-quick-grid {
		grid-template-columns: 1fr !important
	}

	.amrd-quick-card {
		min-height: 150px !important
	}

	.amrd-bottom-grid {
		grid-template-columns: 1fr !important
	}

	.amrd-recent-panel .amrd-panel-heading {
		padding: 0px 0px 0 !important
	}

	.amrd-table td:last-child:before {
		display: none !important
	}

	.amrd-more {
		padding: 0px !important;
	}

	.amrd-release-link {
		padding-right: 34px !important
	}

	.amrd-pagination {
		padding: 12px !important
	}

	.amrd-notifications-panel {
		padding: 16px !important
	}

}

@media(max-width:480px) {
	.amrd-welcome-row h1 {
		font-size: 21px !important
	}

	.amrd-kpi-card strong {
		font-size: 19px !important
	}

	.amrd-status-art {
		min-height: 310px !important
	}

	.amrd-panel-heading {
		align-items: flex-start !important
	}

	.amrd-panel-heading h2 {
		font-size: 15px !important
	}

	.amrd-header {
		margin-bottom: 12px !important
	}

}

.amrd-store.amrd-store-has-image {
	overflow: hidden !important;
	padding: 3px !important;
	background: transparent !important;
}

.amrd-store.amrd-store-has-image img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	border-radius: inherit !important;
}

.amrd-profile-menu {
	position: relative !important
}

.amrd-user-link svg, .amrd-user-link i {
	width: 20px;
	height: 20px !important;
	max-height: 20px !important;
}

.amrd-profile-menu .amrd-user-link {
	padding: 0px !important;
	border: 0 !important;
	background: transparent !important;
	cursor: pointer !important
}

.amrd-profile-popover {
	position: absolute !important;
	z-index: 99999 !important;
	top: calc(100% + 12px) !important;
	right: 0 !important;
	width: 290px !important;
	padding: 14px !important;
	border: 1px solid var(--line) !important;
	border-radius: 14px !important;
	background: #182338 !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .5) !important
}

.amrd-profile-popover[hidden] {
	display: none !important
}

.amrd-profile-popover-user {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 8px 6px 16px !important;
	border-bottom: 1px solid var(--line) !important
}

.amrd-profile-popover-user img {
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	object-fit: cover !important
}

.amrd-profile-popover-user span, .amrd-profile-popover-user strong, .amrd-profile-popover-user small {
	display: block !important;
	min-width: 0 !important
}

.amrd-profile-popover-user strong {
	font-size: 15px !important;
	color: #fff !important
}

.amrd-profile-popover-user small {
	margin-top: 4px !important;
	overflow: hidden !important;
	color: var(--muted) !important;
	font-size: 11px !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important
}

.amrd-profile-popover > a {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 48px !important;
	margin-top: 7px !important;
	padding: 0 12px !important;
	border-radius: 9px !important;
	color: #fff !important;
	text-decoration: none !important
}

.amrd-profile-popover > a:hover {
	background: #30323a !important;
	color: var(--gold) !important
}

.amrd-profile-popover > a b {
	width: 24px !important;
	display: grid !important;
	place-items: center !important;
	text-align: center !important;
	color: var(--gold) !important;
	font-size: 20px !important
}

.amrd-profile-popover .axonic-dynamic-icon {
	width: 22px !important;
	height: 22px !important
}

.amrd-header .axonic-dynamic-icon {
	width: 18px !important;
	height: 18px !important
}

.amrd-header .axonic-dynamic-icon svg, .amrd-header .axonic-dynamic-icon img, .amrd-profile-popover .axonic-dynamic-icon svg, .amrd-profile-popover .axonic-dynamic-icon img {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	object-fit: contain !important
}

@media(max-width:600px) {
	.amrd-profile-popover {
		position: fixed !important;
		top: 74px !important;
		right: 12px !important;
		left: 12px !important;
		width: auto !important
	}

}

.amrd-mobile-menu-toggle, .amrd-mobile-menu {
	display: none !important;
}

.amrd-mobile-menu-toggle {
	width: 38px !important;
	height: 38px !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	border: 1px solid var(--line) !important;
	border-radius: 8px !important;
	background: var(--soft) !important;
	color: var(--text) !important;
	cursor: pointer !important;
}

.amrd-hamburger-icon, .amrd-hamburger-icon img, .amrd-mobile-menu-toggle .axonic-dynamic-icon {
	width: 20px !important;
	height: 20px !important;
	display: block !important;
	object-fit: contain !important;
	line-height: 20px !important;
	font-size: 20px !important;
}

@media (max-width:900px) {
	.amrd-header {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 12px !important;
	}

	.amrd-header > .amrd-header-nav {
		display: none !important;
	}

	.amrd-header-tools {
		grid-column: 2 !important;
		grid-row: 1 !important;
		gap: 8px !important;
	}

	.amrd-header-tools > a {
		display: none !important;
	}

	.amrd-profile-menu, .amrd-mobile-menu-toggle {
		display: flex !important;
	}

	.amrd-user-link {
		width: 38px !important;
		height: 38px !important;
		justify-content: center !important;
		padding: 0 !important;
	}

	.amrd-user-link img {
		width: 34px !important;
		height: 34px !important;
	}

	.amrd-user-link span, .amrd-user-link i {
		display: none !important;
	}

	.amrd-mobile-menu {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		margin-top: 2px !important;
		padding: 12px !important;
		border-top: 1px solid var(--line) !important;
		border-radius: 0 0 10px 10px !important;
		background: var(--panel) !important;
	}

	.amrd-mobile-menu:not([hidden]) {
		display: flex !important;
		gap: 10px !important;
		justify-content: center;
	}

	.amrd-mobile-menu[hidden] {
		display: none !important;
	}

	.amrd-mobile-menu nav, .amrd-mobile-menu-utilities {
		display: flex !important;
		flex-flow: row;
		gap: 8px !important;
	}

	.amrd-mobile-menu a {
		position: relative !important;
		min-height: 44px !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 9px 11px !important;
		border: 1px solid transparent !important;
		border-radius: 8px !important;
		background: var(--soft) !important;
		color: var(--text) !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
	}

	.amrd-mobile-menu a:hover, .amrd-mobile-menu a:focus-visible {
		border-color: var(--gold) !important;
		color: var(--gold) !important;
	}

	.amrd-mobile-menu a .amrd-header-icon, .amrd-mobile-menu a .amrd-tool-icon, .amrd-mobile-menu a .axonic-dynamic-icon {
		width: 18px !important;
		height: 18px !important;
		color: var(--gold) !important;
	}

	.amrd-mobile-menu .amrd-notification-badge {
		position: absolute !important;
		top: 5px !important;
		right: 6px !important;
	}

}

@media (max-width:480px) {
	.amrd-mobile-menu nav, .amrd-mobile-menu-utilities {
		grid-template-columns: 1fr !important;
	}

}

/* v4.0.19 store icon polish */
.amrd-store-icons, .amrd-drawer-stores {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important
}

.amrd-store {
	position: relative !important;
	width: 36px !important;
	height: 36px !important;
	display: grid !important;
	place-items: center !important;
	flex: 0 0 36px !important;
	padding: 6px !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 50% !important;
	background: linear-gradient(180deg, #223149 0%, #172235 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 16px rgba(0, 0, 0, .2) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important
}

.amrd-store.amrd-store-has-image {
	background: linear-gradient(180deg, #223149 0%, #1a2437 100%) !important;
	padding: 6px !important
}

.amrd-store img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	image-rendering: auto !important;
	transform: translateZ(0) !important;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .18)) !important
}

.amrd-store.amrd-store-youtube, .amrd-store.amrd-store-apple, .amrd-store.amrd-store-apple-music, .amrd-store.amrd-store-itunes {
	border-radius: 14px !important
}

.amrd-store-more {
	min-width: 34px !important;
	height: 34px !important;
	display: inline-grid !important;
	place-items: center !important;
	padding: 0 9px !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, #2a3952 0%, #1c2940 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 16px rgba(0, 0, 0, .2) !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important
}

.amrd-drawer-stores .amrd-store {
	width: 40px !important;
	height: 40px !important;
	flex-basis: 40px !important;
	padding: 7px !important
}

.amrd-drawer-stores .amrd-store-more {
	min-width: 38px !important;
	height: 38px !important
}

@media(max-width:767px) {
	.amrd-store-icons, .amrd-drawer-stores {
		gap: 7px !important
	}

	.amrd-store {
		width: 32px !important;
		height: 32px !important;
		flex-basis: 32px !important;
		padding: 5px !important
	}

	.amrd-store-more {
		min-width: 30px !important;
		height: 30px !important;
		font-size: 9px !important
	}

}

/* v4.0.20 — clear, full-quality store logos without an extra icon background */
.amrd-store-icons, .amrd-drawer-stores {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important
}

.amrd-store.amrd-store-has-image, .amrd-drawer-stores .amrd-store.amrd-store-has-image {
	width: 42px !important;
	height: 42px !important;
	flex: 0 0 42px !important;
	display: grid !important;
	place-items: center !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important
}

.amrd-store.amrd-store-has-image img, .amrd-drawer-stores .amrd-store.amrd-store-has-image img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	image-rendering: auto !important
}

.amrd-store-more {
	min-width: 42px !important;
	height: 42px !important;
	display: inline-grid !important;
	place-items: center !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #283347 !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important
}

.amrd-store:not(.amrd-store-has-image) {
	width: 42px !important;
	height: 42px !important;
	flex: 0 0 42px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #2f3b4f !important;
	box-shadow: none !important
}

.amrd-drawer-stores .amrd-store.amrd-store-has-image {
	width: 46px !important;
	height: 46px !important;
	flex-basis: 46px !important
}

.amrd-drawer-stores .amrd-store-more {
	min-width: 44px !important;
	height: 44px !important
}

@media(max-width:767px) {
	.amrd-store-icons, .amrd-drawer-stores {
		gap: 9px !important
	}

	.amrd-store.amrd-store-has-image, .amrd-store:not(.amrd-store-has-image) {
		width: 36px !important;
		height: 36px !important;
		flex-basis: 36px !important
	}

	.amrd-store-more {
		min-width: 36px !important;
		height: 36px !important;
		padding: 0 9px !important;
		font-size: 11px !important
	}

	.amrd-drawer-stores .amrd-store.amrd-store-has-image {
		width: 40px !important;
		height: 40px !important;
		flex-basis: 40px !important
	}

}