:root {
	--djp-card-radius: 13px;
	--djp-card-gap: 24px;
	--djp-control-radius: 9px;
	--djp-sidebar-item-active: var(--wp--preset--color--accent, #d60025);
	--djp-sidebar-item-active-background: rgba(214, 0, 37, 0.055);
	--djp-sidebar-item-color: #4a5568;
	--djp-shell-gap: 24px;
	--djp-shell-gutter: 24px;
	--djp-sidebar-width: 308px;
	--djp-topbar-shell-gap: 10px;
	--djp-topbar-height: 68px;
	--djp-topbar-scrolled-height: 80px;
	--djp-card-shadow: var(--wp--preset--shadow--card-glow, 0 12px 40px rgba(0, 10, 41, 0.08));
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--wp--preset--color--background, #f7f8fa);
}

.wp-site-blocks {
	padding: 0;
}

.djp-layout,
.djp-layout * {
	box-sizing: border-box;
}

.djp-layout {
	background: var(--wp--preset--color--background, #f7f8fa);
	min-height: 100vh;
	padding: var(--djp-shell-gutter) var(--djp-shell-gutter) 0;
}

.admin-bar .djp-layout {
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
}

@media (min-width: 961px) {
	.djp-layout::before {
		background: var(--wp--preset--color--navy, #000a29);
		box-shadow: 0 0 12px rgba(0, 5, 20, 0.34);
		content: "";
		height: var(--djp-topbar-scrolled-height);
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateY(-6px);
		transition: opacity 220ms ease-out, transform 220ms ease-out;
		z-index: 49;
	}

	.admin-bar .djp-layout::before {
		top: 32px;
	}

	.djp-nav-scrolled .djp-layout::before {
		opacity: 1;
		transform: translateY(0);
	}
}

.djp-layout__grid {
	align-items: start;
	display: grid;
	gap: var(--djp-shell-gap);
	grid-template-columns: minmax(0, 1fr) var(--djp-sidebar-width);
	margin: 0 auto;
	max-width: 1440px;
}

.djp-layout__grid--no-sidebar {
	grid-template-columns: minmax(0, 1fr);
}

.djp-layout__grid,
.djp-layout__grid > *,
.djp-layout__main,
.djp-layout__sidebar,
.djp-sidebar__inner,
.djp-layout__topbar,
.djp-topbar,
.djp-content {
	margin-block-start: 0;
}

.djp-layout__main {
	min-width: 0;
}

.djp-layout__sidebar {
	align-self: stretch;
	min-width: 0;
	position: relative;
}

.djp-sidebar__inner {
	display: flex;
	flex-direction: column;
	gap: var(--djp-card-gap);
	position: sticky;
	top: var(--djp-sidebar-sticky-top, 24px);
}

.djp-layout .djp-sidebar__inner > * {
	margin-block-start: 0;
}

@media (min-width: 961px) {
	.djp-layout__grid {
		margin-top: var(--djp-topbar-shell-gap);
		transition: margin-top 220ms ease-out;
	}

	.djp-nav-scrolled .djp-layout__grid {
		margin-top: 14px;
	}

	.djp-layout__main {
		grid-column: 1;
		grid-row: 1;
	}

	.djp-layout__sidebar {
		grid-column: 2;
		grid-row: 1;
	}

	.djp-layout__grid--account-sidebar {
		grid-template-columns: var(--djp-sidebar-width) minmax(0, 1fr);
	}

	.djp-layout__grid--account-sidebar .djp-layout__sidebar {
		grid-column: 1;
	}

	.djp-layout__grid--account-sidebar .djp-layout__main {
		grid-column: 2;
	}

	.djp-layout__grid--account-sidebar.djp-layout__grid--no-sidebar {
		grid-template-columns: minmax(0, 1fr);
	}

	.djp-layout__grid--account-sidebar.djp-layout__grid--no-sidebar .djp-layout__main {
		grid-column: 1;
	}
}

.djp-card {
	background: var(--wp--preset--color--surface, #fff);
	border: 0;
	border-radius: var(--djp-card-radius);
	box-shadow: var(--djp-card-shadow);
	padding: 18px;
}

.djp-primary-navigation {
	margin: 0;
	text-transform: uppercase;
}

nav.djp-primary-navigation--topbar,
nav.djp-primary-navigation--mobile {
	display: none;
}

nav.djp-primary-navigation--mobile {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
	padding: 0;
	width: 100%;
}

.djp-primary-navigation--mobile .wp-block-navigation__container,
.djp-primary-navigation--mobile .wp-block-navigation-item,
.djp-primary-navigation--mobile .wp-block-navigation-item__content {
	width: 100%;
}

.djp-primary-navigation--mobile .wp-block-navigation__container {
	align-items: stretch;
	gap: 0;
}

.djp-primary-navigation--mobile .wp-block-navigation-item + .wp-block-navigation-item {
	border-top: 0;
}

.djp-primary-navigation--mobile .wp-block-navigation-item__content {
	border-radius: 0;
	color: var(--wp--preset--color--surface, #fff);
	display: block;
	font-size: 1rem;
	font-weight: 650;
	letter-spacing: 0.035em;
	line-height: 1.35;
	padding: 10px 0;
	transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.djp-primary-navigation--mobile .wp-block-navigation-item__content:hover {
	background: transparent;
	color: #ff6b80;
	text-decoration: none;
}

.djp-primary-navigation--mobile .current-menu-item > .wp-block-navigation-item__content,
.djp-primary-navigation--mobile .current-menu-ancestor > .wp-block-navigation-item__content,
.djp-primary-navigation--mobile .wp-block-navigation-item__content[aria-current] {
	background: transparent;
	box-shadow: none;
	color: var(--djp-sidebar-item-active);
	font-weight: 500;
	text-decoration: none;
}

.djp-sidebar-widget {
	overflow: hidden;
	padding: 0;
}

.djp-sidebar-widget > summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 0.875rem;
	font-weight: 800;
	justify-content: space-between;
	letter-spacing: 0.02em;
	list-style: none;
	padding: 16px 18px;
	text-transform: uppercase;
	-webkit-user-select: none;
	user-select: none;
}

.djp-sidebar-widget > summary::-webkit-details-marker {
	display: none;
}

.djp-sidebar-widget > summary:focus {
	outline: none;
}

.djp-sidebar-widget > summary:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: -4px;
}

.djp-sidebar-widget > summary::after {
	border-bottom: 2px solid currentColor;
	border-right: 2px solid currentColor;
	content: "";
	height: 7px;
	margin-left: 12px;
	transform: rotate(45deg) translateY(-2px);
	transition: transform 160ms ease-out;
	width: 7px;
}

.djp-sidebar-widget[open] > summary::after {
	transform: rotate(225deg) translate(-2px, -2px);
}

.djp-sidebar-widget > .deejay-trending {
	margin: 0;
	padding: 0 18px 18px;
}

.djp-sidebar-widget--navy {
	background: var(--wp--preset--color--navy, #000a29);
	color: var(--wp--preset--color--surface, #fff);
}

.djp-sidebar-widget--calendar > .wp-block-calendar,
.djp-sidebar-widget--tags > .djp-sidebar-tags {
	margin: 0;
	padding: 0 18px 18px;
}

.djp-sidebar-widget--categories .deejay-category-directory__filter {
	margin: 0;
	padding: 0 18px 14px;
}

.djp-sidebar-widget--categories .deejay-category-directory__search {
	display: block;
}

.djp-sidebar-widget--categories .deejay-category-directory__search input {
	background: #f7f9fb;
	border: 1px solid var(--wp--preset--color--border, #dde2ea);
	border-radius: 9px;
	box-sizing: border-box;
	color: var(--wp--preset--color--navy, #000a29);
	font: inherit;
	font-size: 0.8125rem;
	line-height: 1.4;
	padding: 9px 10px;
	width: 100%;
}

.djp-sidebar-widget--categories .deejay-category-directory__search input:focus {
	border-color: var(--wp--preset--color--accent, #d60025);
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent, #d60025);
	outline: none;
}

.djp-sidebar-widget--categories .deejay-category-directory__initials {
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	margin-top: 12px;
}

.djp-sidebar-widget--categories .deejay-category-directory__initial {
	align-items: center;
	background: #f1f6fa;
	border: 1px solid #e4ebf0;
	border-radius: 5px;
	color: var(--wp--preset--color--deep-blue, #00293c);
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: 0.6875rem;
	font-weight: 750;
	height: 29px;
	justify-content: center;
	line-height: 1;
	min-width: 0;
	padding: 0 7px;
}

.djp-sidebar-widget--categories .deejay-category-directory__initial:hover,
.djp-sidebar-widget--categories .deejay-category-directory__initial:focus-visible,
.djp-sidebar-widget--categories .deejay-category-directory__initial[aria-pressed="true"] {
	background: var(--wp--preset--color--accent, #d60025);
	border-color: var(--wp--preset--color--accent, #d60025);
	color: var(--wp--preset--color--surface, #fff);
}

.djp-sidebar-widget--categories .deejay-category-directory__initial:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: 2px;
}

.djp-sidebar-widget--categories .deejay-category-directory__initial:disabled {
	background: #f7f8fa;
	border-color: #edf0f4;
	color: var(--wp--preset--color--muted, #687386);
	cursor: default;
	opacity: 0.45;
}

.djp-sidebar-widget--categories .deejay-category-directory__list {
	list-style: none;
	margin: 0 0 18px;
	max-height: 555px;
	overflow-y: auto;
	padding: 0;
	scrollbar-color: var(--wp--preset--color--navy, #000a29) #f1f6fa;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
}

.djp-sidebar-widget--categories .deejay-category-directory__list::-webkit-scrollbar {
	width: 8px;
}

.djp-sidebar-widget--categories .deejay-category-directory__list::-webkit-scrollbar-track {
	background: #f1f6fa;
}

.djp-sidebar-widget--categories .deejay-category-directory__list::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--navy, #000a29);
	border: 2px solid #f1f6fa;
	border-radius: 999px;
}

.djp-sidebar-widget--categories .deejay-category-directory__item {
	align-items: baseline;
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	display: flex;
	font-size: 0.8125rem;
	gap: 8px;
	height: 37px;
	justify-content: space-between;
	line-height: 20px;
	padding: 8px 18px;
}

.djp-sidebar-widget--categories .deejay-category-directory__item:first-child:not([hidden]) {
	border-top: 0;
}

.djp-sidebar-widget--categories .deejay-category-directory__link {
	color: var(--wp--preset--color--deep-blue, #00293c);
	flex: 1 1 auto;
	font-weight: 650;
	min-width: 0;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.djp-sidebar-widget--categories .deejay-category-directory__link:hover,
.djp-sidebar-widget--categories .deejay-category-directory__link:focus-visible {
	color: var(--wp--preset--color--accent, #d60025);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.djp-sidebar-widget--categories .deejay-category-directory__count {
	color: var(--wp--preset--color--muted, #687386);
	flex: 0 0 auto;
	font-variant-numeric: tabular-nums;
}

.djp-sidebar-widget--categories .deejay-category-directory__empty,
.djp-sidebar-widget--categories .deejay-category-directory__none {
	color: var(--wp--preset--color--muted, #687386);
	font-size: 0.8125rem;
	margin: 0;
	padding: 0 18px 18px;
}

.djp-sidebar-widget--calendar .wp-calendar-table {
	border: 0;
	border-collapse: separate;
	border-spacing: 2px 4px;
	font-size: 0.8125rem;
	font-variant-numeric: tabular-nums;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}

.djp-sidebar-widget--calendar .wp-calendar-table caption {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 1rem;
	font-weight: 750;
	letter-spacing: -0.015em;
	padding: 2px 0 10px;
	text-align: center;
}

.djp-sidebar-widget--calendar .wp-calendar-table th,
.djp-sidebar-widget--calendar .wp-calendar-table td {
	border: 0;
	height: 32px;
	padding: 0;
	text-align: center;
}

.djp-sidebar-widget--calendar .wp-calendar-table th {
	background: transparent;
	color: var(--wp--preset--color--muted, #687386);
	font-size: 0.6875rem;
	font-weight: 750;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.djp-sidebar-widget--calendar .wp-calendar-table td {
	color: var(--wp--preset--color--muted, #687386);
	line-height: 1;
}

.djp-sidebar-widget--calendar .wp-calendar-table td a {
	align-items: center;
	background: #f1f6fa;
	border-radius: 50%;
	color: var(--wp--preset--color--deep-blue, #00293c);
	display: inline-flex;
	font-weight: 700;
	height: 32px;
	justify-content: center;
	text-decoration: none;
	transition: background-color 150ms ease, box-shadow 150ms ease, color 150ms ease;
	width: 32px;
}

.djp-sidebar-widget--calendar .wp-calendar-table td a:hover,
.djp-sidebar-widget--calendar .wp-calendar-table td a:focus-visible {
	background: var(--wp--preset--color--accent, #d60025);
	box-shadow: 0 3px 10px rgba(214, 0, 37, 0.22);
	color: var(--wp--preset--color--surface, #fff);
}

.djp-sidebar-widget--calendar .wp-calendar-table td a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: 2px;
}

.djp-sidebar-widget--calendar .wp-calendar-table #today {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	color: var(--wp--preset--color--surface, #fff);
	font-weight: 800;
	isolation: isolate;
	position: relative;
}

.djp-sidebar-widget--calendar .wp-calendar-table #today::before {
	background: var(--wp--preset--color--accent, #d60025);
	border-radius: 50%;
	box-shadow: 0 3px 10px rgba(214, 0, 37, 0.22);
	content: "";
	height: 32px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 32px;
	z-index: -1;
}

.djp-sidebar-widget--calendar .wp-calendar-table #today a {
	background: transparent;
	box-shadow: none;
	color: inherit;
}

.djp-sidebar-widget--calendar .wp-calendar-nav {
	align-items: center;
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	display: grid;
	font-size: 0.75rem;
	font-weight: 700;
	gap: 8px;
	grid-template-columns: 1fr auto 1fr;
	margin-top: 10px;
	padding-top: 10px;
}

.djp-sidebar-widget--calendar .wp-calendar-nav a {
	color: var(--wp--preset--color--deep-blue, #00293c);
	text-decoration: none;
}

.djp-sidebar-widget--calendar .wp-calendar-nav a:hover,
.djp-sidebar-widget--calendar .wp-calendar-nav a:focus-visible {
	color: var(--wp--preset--color--accent, #d60025);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.djp-sidebar-widget--calendar .wp-calendar-nav-prev {
	text-align: left;
}

.djp-sidebar-widget--calendar .wp-calendar-nav-next {
	text-align: right;
}

.djp-sidebar-tags {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.djp-sidebar-tags a {
	background: #f1f6fa;
	border: 1px solid #e4ebf0;
	border-radius: 999px;
	color: var(--wp--preset--color--deep-blue, #00293c);
	display: inline-flex;
	font-size: 0.8125rem !important;
	font-weight: 650;
	line-height: 1.2;
	max-width: 100%;
	overflow-wrap: anywhere;
	padding: 6px 9px;
	text-decoration: none;
	transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.djp-sidebar-tags a:hover,
.djp-sidebar-tags a:focus-visible {
	background: var(--djp-sidebar-item-active-background);
	border-color: rgba(214, 0, 37, 0.26);
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-sidebar-tags a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: 2px;
}

.deejay-trending__list {
	counter-reset: djp-trending;
	list-style: none;
	margin: 0;
	padding: 0;
}

.deejay-trending__item {
	align-items: baseline;
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	counter-increment: djp-trending;
	display: grid;
	gap: 4px 8px;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	padding: 10px 0;
}

.deejay-trending__item::before {
	color: var(--wp--preset--color--accent, #d60025);
	content: counter(djp-trending) ".";
	font-size: 0.75rem;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	grid-column: 1;
}

.deejay-trending__link {
	grid-column: 2;
}

.deejay-trending__count {
	font-size: 0.75rem;
	grid-column: 3;
	opacity: 0.7;
}

.djp-sidebar-widget--navy .deejay-trending__item {
	border-color: rgba(255, 255, 255, 0.2);
}

.deejay-trending__item:first-child {
	border-top: 0;
	padding-top: 0;
}

.deejay-trending__item:last-child {
	padding-bottom: 0;
}

.deejay-trending__link {
	color: var(--wp--preset--color--deep-blue, #00293c);
	font-size: 0.875rem;
	font-weight: 650;
	text-decoration: none;
}

.deejay-trending__link:hover {
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-sidebar-widget--navy .deejay-trending__link {
	color: var(--wp--preset--color--surface, #fff);
}

.djp-sidebar-widget--navy .deejay-trending__link:hover {
	color: #ff6b80;
}

.djp-drawer-backdrop,
.djp-drawer-close,
.djp-drawer-toggle,
.djp-mobile-menu {
	display: none;
}

.djp-layout__topbar {
	position: sticky;
	top: 0;
	z-index: 50;
}

.admin-bar .djp-layout__topbar {
	top: 32px;
}

.djp-topbar {
	align-items: flex-start;
	background: transparent;
	display: flex;
	min-height: var(--djp-topbar-scrolled-height);
	padding: 0;
	width: 100%;
}

.djp-topbar__inner {
	align-items: center;
	display: flex;
	gap: 0;
	margin-inline: auto;
	max-width: 1440px;
	min-height: var(--djp-topbar-height);
	position: relative;
	transition: min-height 220ms ease-out;
	width: 100%;
}

.djp-topbar__logo-filter {
	position: absolute;
}

.djp-topbar__logo {
	align-items: center;
	display: flex;
	flex: 0 0 190px;
	height: var(--djp-topbar-height);
	justify-content: flex-start;
	opacity: 1;
	pointer-events: auto;
	position: relative;
	transform: translateY(-8px);
	transition: height 220ms ease-out, opacity 180ms ease-out, transform 220ms ease-out;
	width: 190px;
}

.djp-topbar__logo img {
	display: block;
	filter: none;
	height: auto;
	max-width: 190px;
	transition: filter 180ms ease-out;
	width: 100%;
}

.djp-topbar__utilities {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: 8px;
	justify-content: flex-end;
	margin-left: auto;
	min-width: 0;
	padding: 10px 16px;
	transition: transform 220ms ease-out;
}

@media (min-width: 961px) {
	.djp-topbar__inner {
		align-items: flex-start;
	}

	.djp-topbar__utilities {
		padding-block: 18px 2px;
		padding-inline: 0;
		transform: translateY(-8px);
	}

	.djp-topbar:not(.is-scrolled) .djp-drawer-toggle {
		transform: translateY(10px);
	}

	.djp-nav-scrolled .djp-topbar__inner {
		align-items: center;
		min-height: var(--djp-topbar-scrolled-height);
	}

	.djp-nav-scrolled .djp-topbar__logo {
		height: var(--djp-topbar-scrolled-height);
		transform: translateY(0);
	}

	.djp-nav-scrolled .djp-topbar__logo img {
		filter: url("#djp-nav-logo-filter");
	}

	.djp-nav-scrolled .djp-topbar__utilities {
		padding-block: 10px;
		transform: translateY(0);
	}
}

@media (min-width: 961px) {
	nav.djp-primary-navigation--topbar {
		align-items: center;
		display: flex;
		flex: 1 1 auto;
		min-width: 0;
		padding: 18px 0 2px;
		transform: translateY(-8px);
		transition: transform 220ms ease-out;
	}

	nav.djp-primary-navigation--topbar > .wp-block-navigation__container::before {
		background: rgba(0, 10, 41, 0.08);
		content: "";
		height: 36px;
		left: 30px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
	}

	nav.djp-primary-navigation--topbar > .wp-block-navigation__container {
		flex-wrap: nowrap;
		gap: clamp(10px, 1.2vw, 20px);
		padding-left: 61px;
		position: relative;
	}

	.djp-primary-navigation--topbar .wp-block-navigation-item__content {
		color: var(--wp--preset--color--navy, #000a29);
		font-size: 0.95rem;
		font-weight: 700;
		letter-spacing: 0.04em;
		line-height: 1.2;
		padding-block: 11px;
		position: relative;
		text-decoration: none;
		white-space: nowrap;
	}

	.djp-primary-navigation--topbar .wp-block-navigation-item__content::after {
		background: var(--wp--preset--color--accent, #d60025);
		bottom: 5px;
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 160ms ease-out;
		width: 100%;
	}

	.djp-primary-navigation--topbar .wp-block-navigation-item__content:hover::after,
	.djp-primary-navigation--topbar .current-menu-item > .wp-block-navigation-item__content::after,
	.djp-primary-navigation--topbar .current-menu-ancestor > .wp-block-navigation-item__content::after,
	.djp-primary-navigation--topbar .wp-block-navigation-item__content[aria-current]::after {
		transform: scaleX(1);
	}

	.djp-nav-scrolled nav.djp-primary-navigation--topbar {
		padding: 10px 0;
		transform: translateY(0);
	}

	.djp-nav-scrolled nav.djp-primary-navigation--topbar > .wp-block-navigation__container::before {
		background: rgba(255, 255, 255, 0.1);
	}

	.djp-nav-scrolled .djp-primary-navigation--topbar .wp-block-navigation-item__content {
		color: var(--wp--preset--color--surface, #fff);
	}
}

.djp-topbar__search {
	flex: 0 0 42px;
	margin: 0;
	max-width: 42px;
	min-width: 0;
	transition: flex-basis 220ms ease-out, max-width 220ms ease-out, width 220ms ease-out;
	width: 42px;
}

.djp-topbar__search .wp-block-search__inside-wrapper {
	background: transparent;
	border: 0;
	border-radius: var(--djp-control-radius);
	box-shadow: none;
	height: 44px;
	padding: 0;
	transition: border-color 220ms ease-out, box-shadow 220ms ease-out;
	width: 42px;
}

.djp-topbar__search .wp-block-search__input {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--text, #18213a);
	flex: 0 0 0;
	font-family: inherit;
	min-width: 0;
	opacity: 0;
	outline: 0;
	padding: 0;
	pointer-events: none;
	visibility: hidden;
	width: 0;
}

.djp-topbar__search .wp-block-search__input:focus,
.djp-topbar__search .wp-block-search__input:focus-visible {
	box-shadow: none;
	outline: 0;
}

.djp-topbar__search .wp-block-search__input::placeholder {
	color: var(--wp--preset--color--muted, #687386);
}

.djp-topbar__search .wp-block-search__button {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--wp--preset--color--muted, #687386);
	display: flex;
	height: 42px;
	justify-content: center;
	margin: 0;
	padding: 0;
	transition: color 160ms ease-out;
	width: 42px;
}

.djp-topbar__search .wp-block-search__button:hover {
	background: transparent;
	color: var(--wp--preset--color--navy, #000a29);
}

.djp-topbar__search.is-open {
	flex-basis: min(280px, 35vw);
	max-width: min(280px, 35vw);
	width: min(280px, 35vw);
}

.djp-topbar__search.is-open .wp-block-search__inside-wrapper {
	background: var(--wp--preset--color--surface, #fff);
	border: 1px solid var(--wp--preset--color--border, #dde2ea);
	box-shadow: 0 5px 20px rgba(0, 10, 41, 0.08);
	padding: 3px 3px 3px 16px;
	width: 100%;
}

.djp-topbar__search.is-open .wp-block-search__inside-wrapper:focus-within {
	border-color: var(--wp--preset--color--accent, #d60025);
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent, #d60025);
}

.djp-topbar__search.is-open .wp-block-search__input {
	flex: 1 1 auto;
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	width: auto;
}

.djp-account {
	flex: 0 0 auto;
	margin: 0;
	position: relative;
}

.djp-account__guest-links {
	align-items: center;
	display: flex;
	gap: 8px;
}

.djp-account__guest-link a,
.djp-account__trigger,
.djp-account__logout {
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.djp-account__guest-link a {
	border-radius: var(--djp-control-radius);
	display: block;
	padding: 11px 15px;
	transition: background-color 220ms ease-out, color 220ms ease-out;
}

.djp-account__guest-link--login a {
	color: var(--wp--preset--color--navy, #000a29);
}

.djp-account__guest-link--login a:hover {
	background: rgba(255, 255, 255, 0.65);
}

.djp-account__guest-link--signup a {
	background: var(--wp--preset--color--accent, #d60025);
	color: var(--wp--preset--color--surface, #fff);
}

.djp-account__guest-link--signup a:hover {
	background: var(--wp--preset--color--navy, #000a29);
}

.djp-account__trigger {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--wp--preset--color--navy, #000a29);
	cursor: pointer;
	display: flex;
	gap: 10px;
	height: auto;
	max-width: 220px;
	padding: 6px 0;
	transition: color 220ms ease-out;
}

@media (min-width: 961px) {
	.djp-nav-scrolled .djp-topbar__search.is-open .wp-block-search__inside-wrapper {
		border-color: rgba(255, 255, 255, 0.42);
		box-shadow: none;
	}

	.djp-nav-scrolled .djp-topbar__search:not(.is-open) .wp-block-search__button {
		color: var(--wp--preset--color--surface, #fff);
	}

	.djp-nav-scrolled .djp-account__trigger {
		color: var(--wp--preset--color--surface, #fff);
	}

	.djp-nav-scrolled .djp-account__guest-link--login a {
		color: var(--wp--preset--color--surface, #fff);
	}

	.djp-nav-scrolled .djp-account__guest-link--login a:hover {
		background: rgba(255, 255, 255, 0.12);
	}
}

.djp-account__avatar,
.djp-account__avatar-fallback {
	border-radius: 50%;
	display: block;
	height: 32px;
	width: 32px;
}

.djp-account__avatar {
	background: var(--wp--preset--color--accent, #d60025);
	flex: 0 0 32px;
	overflow: hidden;
}

.djp-account__avatar-fallback {
	align-items: center;
	color: var(--wp--preset--color--surface, #fff);
	display: flex;
	justify-content: center;
}

.djp-account__avatar-fallback svg {
	display: block;
	height: 18px;
	width: 18px;
}

.djp-account__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.djp-account__chevron {
	flex: 0 0 auto;
	transition: transform 160ms ease;
}

.djp-account__trigger[aria-expanded="true"] .djp-account__chevron {
	transform: rotate(180deg);
}

.djp-account__panel {
	background: var(--wp--preset--color--surface, #fff);
	border: 0;
	border-radius: var(--djp-card-radius);
	box-shadow: var(--djp-card-shadow);
	min-width: 220px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	z-index: 70;
}

.djp-account__panel[hidden] {
	display: none;
}

.djp-account__navigation,
.djp-account__navigation .wp-block-navigation__container,
.djp-account__navigation .wp-block-navigation-item,
.djp-account__navigation .wp-block-navigation-item__content {
	width: 100%;
}

.djp-account__navigation .wp-block-navigation__container {
	align-items: stretch;
	gap: 2px;
}

.djp-account__navigation .wp-block-navigation-item__content,
.djp-account__logout {
	border-radius: 8px;
	color: var(--wp--preset--color--navy, #000a29);
	display: block;
	padding: 10px 12px;
}

.djp-account__navigation .wp-block-navigation-item__content:hover,
.djp-account__logout:hover {
	background: var(--wp--preset--color--background, #f7f8fa);
	color: var(--wp--preset--color--accent, #d60025);
	text-decoration: none;
}

.djp-account__logout {
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	margin-top: 6px;
}

.djp-account-sidebar__card {
	display: flex;
	flex-direction: column;
	min-height: 420px;
	overflow: hidden;
	padding: 0;
}

.djp-account-sidebar__header {
	background: var(--wp--preset--color--navy, #000a29);
	color: var(--wp--preset--color--surface, #fff);
	min-height: 78px;
	padding: 20px 20px 20px 72px;
	position: relative;
}

.djp-account-sidebar__header::before {
	background: var(--wp--preset--color--accent, #d60025);
	border-radius: 50%;
	content: "";
	height: 38px;
	left: 20px;
	position: absolute;
	top: 20px;
	width: 38px;
}

.djp-account-sidebar__header::after {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 8a7 7 0 0 1 14 0' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
	background: var(--wp--preset--color--surface, #fff);
	content: "";
	height: 38px;
	left: 20px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 8a7 7 0 0 1 14 0' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
	position: absolute;
	top: 20px;
	width: 38px;
}

.djp-account-sidebar__title {
	color: inherit;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	line-height: 38px;
	margin: 0;
	text-transform: uppercase;
}

nav.djp-account-sidebar__navigation,
.djp-account-sidebar__navigation .wp-block-navigation__container,
.djp-account-sidebar__navigation .wp-block-navigation-item,
.djp-account-sidebar__navigation .wp-block-navigation-item__content {
	width: 100%;
}

nav.djp-account-sidebar__navigation {
	padding: 12px;
}

.djp-account-sidebar__navigation .wp-block-navigation__container {
	align-items: stretch;
	gap: 3px;
}

.djp-account-sidebar__navigation .wp-block-navigation-item__content,
.djp-account-sidebar__logout a {
	border-radius: 8px;
	color: var(--wp--preset--color--navy, #000a29);
	display: block;
	line-height: 1.3;
	padding: 11px 32px 11px 12px;
	position: relative;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease;
}

.djp-account-sidebar__navigation .wp-block-navigation-item__content {
	font-size: 1rem;
	font-weight: 600;
}

.djp-account-sidebar__logout a {
	font-size: 0.875rem;
	font-weight: 700;
}

.djp-account-sidebar__navigation .wp-block-navigation-item__content:hover,
.djp-account-sidebar__logout a:hover {
	background: var(--wp--preset--color--background, #f7f8fa);
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-account-sidebar__navigation .wp-block-navigation-item__content[aria-current],
.djp-account-sidebar__navigation .current-menu-item > .wp-block-navigation-item__content,
.djp-account-sidebar__navigation .current-menu-ancestor > .wp-block-navigation-item__content {
	background: var(--wp--preset--color--background, #f7f8fa);
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-account-sidebar__navigation .wp-block-navigation-item__content::after {
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
	content: "";
	height: 6px;
	opacity: 0;
	position: absolute;
	right: 15px;
	top: calc(50% - 4px);
	transform: translateX(-4px) rotate(45deg);
	transition: opacity 160ms ease, transform 160ms ease;
	width: 6px;
}

.djp-account-sidebar__navigation .wp-block-navigation-item__content:hover::after,
.djp-account-sidebar__navigation .wp-block-navigation-item__content:focus-visible::after,
.djp-account-sidebar__navigation .wp-block-navigation-item__content[aria-current]::after,
.djp-account-sidebar__navigation .current-menu-item > .wp-block-navigation-item__content::after,
.djp-account-sidebar__navigation .current-menu-ancestor > .wp-block-navigation-item__content::after {
	opacity: 1;
	transform: translateX(0) rotate(45deg);
}

.djp-account-sidebar__navigation .wp-block-navigation-item__content:focus-visible,
.djp-account-sidebar__logout a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: -2px;
}

.djp-account-sidebar__logout {
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	margin: auto 12px 0;
	padding: 12px 0;
}

.djp-account-sidebar__logout a::after {
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
	content: "";
	height: 6px;
	position: absolute;
	right: 14px;
	top: calc(50% - 4px);
	transform: rotate(45deg);
	width: 6px;
}

.djp-content {
	--wp--style--global--content-size: 100%;
	--wp--style--global--wide-size: 100%;

	padding: clamp(30px, 4vw, 56px) 16px;
	width: 100%;
}

@media (min-width: 961px) {
	.djp-content {
		padding-block: 0;
		padding-inline: 0;
	}
}

.djp-content > :first-child {
	margin-block-start: 0;
}

.djp-content > :last-child {
	margin-block-end: 0;
}

.djp-content > .alignfull {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100%;
}

.djp-content .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.djp-content .is-layout-constrained > .alignwide {
	max-width: 100%;
}

.djp-content .wp-block-post-template {
	display: grid;
	gap: var(--djp-card-gap);
	grid-template-columns: minmax(0, 1fr);
}

.djp-content .djp-query-pagination {
	align-items: center;
	background: transparent;
	display: flex;
	font-size: 0.875rem;
	font-weight: 400;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-start;
	margin-block: 0;
	padding: 0;
}

.djp-content .djp-query-pagination--top {
	margin-bottom: var(--djp-card-gap);
}

.djp-content .djp-query-pagination--bottom {
	margin-top: var(--djp-card-gap);
}

.djp-query-pagination > .wp-block-query-pagination-previous {
	margin: 0;
	order: 1;
}

.djp-query-pagination > .wp-block-query-pagination-numbers {
	display: flex;
	gap: 12px;
	margin: 0;
	order: 2;
}

.djp-query-pagination > .wp-block-query-pagination-next {
	margin: 0;
	order: 3;
}

.djp-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next, .page-numbers) {
	align-items: center;
	background: var(--wp--preset--color--surface, #fff);
	border-radius: var(--djp-control-radius);
	box-shadow: var(--djp-card-shadow);
	color: var(--wp--preset--color--navy, #000a29);
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	min-height: 38px;
	min-width: 38px;
	padding: 8px 11px;
	text-decoration: none;
}

.djp-query-pagination a:is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next, .page-numbers):hover {
	background: var(--wp--preset--color--background, #f7f8fa);
	color: var(--wp--preset--color--accent, #d60025);
	text-decoration: none;
}

.djp-query-pagination .page-numbers.current {
	background: var(--wp--preset--color--accent, #d60025);
	color: var(--wp--preset--color--surface, #fff);
}

.djp-query-pagination .page-numbers.dots {
	background: transparent;
	box-shadow: none;
	min-width: auto;
	padding-inline: 2px;
}

@media (max-width: 600px) {
	.djp-content .djp-query-pagination {
		font-size: 0.8125rem;
		gap: 8px;
	}

	.djp-query-pagination > .wp-block-query-pagination-numbers {
		gap: 8px;
	}

	.djp-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next, .page-numbers) {
		min-height: 34px;
		min-width: 34px;
		padding: 7px 8px;
	}

	.djp-query-pagination .wp-block-query-pagination-numbers .page-numbers:not(.current):not(.prev):not(.next) {
		display: none;
	}
}

.djp-content .wp-block-post-template > li {
	margin: 0;
	min-width: 0;
}

.djp-content .djp-post-card .wp-block-post-title,
.djp-content .djp-listing-header .wp-block-query-title {
	font-size: clamp(1.375rem, 2vw, 1.5rem);
}

.djp-content > .djp-listing-header + .wp-block-query {
	margin-block-start: var(--djp-card-gap);
}

.djp-content .djp-post-title-row {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: clamp(12px, 2vw, 20px);
	width: 100%;
}

.djp-content .djp-post-title-row > .wp-block-post-title {
	flex: 1 1 auto;
	margin: 0;
	min-width: 0;
}

.djp-content .djp-category-logo {
	display: block;
	flex: 0 0 auto;
	line-height: 0;
	margin-left: auto;
}

.djp-content .djp-category-logo img {
	display: block;
	height: 64px;
	object-fit: contain;
	width: 64px;
}

.djp-content .djp-post-card .djp-post-title-row + .wp-block-post-content {
	margin-block-start: clamp(20px, 3vw, 32px);
}

@media (max-width: 600px) {
	.djp-content .djp-category-logo img {
		height: 44px;
		width: 44px;
	}
}

.djp-content .djp-post-card .wp-block-post-content > .release-tracklist-container:first-child {
	margin-block-start: 0;
}

.djp-content .djp-post-taxonomy {
	border-top: 1px solid rgba(0, 10, 41, 0.1);
	color: var(--wp--preset--color--muted, #687386);
	font-size: 0.8125rem;
	gap: 8px 24px;
	margin-block-start: var(--djp-card-gap);
	padding-block-start: 16px;
	width: 100%;
}

.djp-content .djp-post-taxonomy .wp-block-post-terms {
	margin: 0;
}

.djp-content .djp-post-taxonomy a {
	color: var(--wp--preset--color--deep-blue, #00293c);
	font-weight: 600;
	text-decoration: none;
}

.djp-content .djp-post-taxonomy a:hover {
	color: var(--wp--preset--color--accent, #d60025);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.djp-content .djp-post-card > .deejay-table-filter-block {
	display: contents;
}

.djp-content .deejay-table-filter {
	align-items: center;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	display: grid;
	gap: 12px 16px;
	grid-template-columns: 1fr;
	padding: 0;
}

.djp-content .deejay-table-filter__label {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.djp-content .djp-post-card .deejay-table-filter__input {
	appearance: none;
	background: #f1f6fa;
	border: 1px solid rgba(0, 10, 41, 0.14);
	border-radius: 9px;
	box-shadow: none;
	color: var(--wp--preset--color--text, #18213a);
	font: inherit;
	min-height: 44px;
	min-width: 0;
	padding: 9px 12px;
	width: 100%;
}

.djp-content .deejay-table-filter__input:focus {
	border-color: var(--wp--preset--color--accent, #d60025);
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent, #d60025);
	outline: 0;
}

.djp-content .deejay-table-filter__status {
	color: rgba(24, 33, 58, 0.72);
	font-size: 0.8125rem;
	margin: 0;
}

.djp-content .deejay-table-filter__status:empty {
	display: none;
}

.djp-content .deejay-table-filter__status.is-empty {
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-content .release-tracklist-container {
	background: var(--wp--preset--color--surface, #fff);
	box-shadow: inset 0 0 0 1px rgba(0, 10, 41, 0.08);
	display: block;
	margin-block: var(--djp-card-gap);
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
	scrollbar-color: rgba(0, 10, 41, 0.3) rgba(0, 10, 41, 0.06);
	scrollbar-width: thin;
	width: 100%;
}

.djp-content .release-tracklist-container[hidden],
.djp-content .release-tracklist tr[hidden] {
	display: none;
}

.djp-content .release-tracklist-container.is-resizing {
	overflow: hidden;
}

.djp-content .release-tracklist-container.has-track-toggle {
	margin-block-end: 0;
}

.djp-release-tables-pending .djp-content table.release-tracklist:not(.deejay-search-tracklist):has(tr:nth-child(32)) tr:nth-child(n + 27) {
	display: none;
}

.djp-release-tables-pending .djp-content .release-tracklist-container:has(> table.release-tracklist:not(.deejay-search-tracklist) tr:nth-child(32)) {
	margin-block-end: calc(var(--djp-card-gap) + 44px);
}

.djp-content .release-tracklist-container::-webkit-scrollbar {
	height: 8px;
}

.djp-content .release-tracklist-container::-webkit-scrollbar-track {
	background: rgba(0, 10, 41, 0.06);
}

.djp-content .release-tracklist-container::-webkit-scrollbar-thumb {
	background: rgba(0, 10, 41, 0.3);
	border-radius: 999px;
}

.djp-content table.release-tracklist {
	background: var(--wp--preset--color--surface, #fff);
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	color: var(--wp--preset--color--text, #18213a);
	font-size: 0.9375rem;
	line-height: 1.45;
	margin: 0;
	min-width: 640px;
	table-layout: fixed;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
}

.djp-content .release-tracklist :is(th, td) {
	border: 0;
	padding: 12px 14px;
}

.djp-content .release-tracklist th {
	background: #f1f6fa;
	border-bottom: 2px solid rgba(0, 10, 41, 0.18);
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.055em;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle;
}

.djp-content .release-tracklist th:first-child {
	width: 64%;
}

.djp-content .release-tracklist :is(th, td):not(:first-child) {
	font-variant-numeric: tabular-nums;
	text-align: right;
	white-space: nowrap;
}

.djp-content .release-tracklist th:nth-child(2),
.djp-content .release-tracklist th:nth-child(3) {
	width: 8%;
}

.djp-content .release-tracklist th:nth-child(4),
.djp-content .release-tracklist th:nth-child(5) {
	width: 10%;
}

.djp-content .release-tracklist td {
	background: var(--wp--preset--color--surface, #fff);
	border-top: 1px solid rgba(0, 10, 41, 0.08);
	vertical-align: top;
	transition: background-color 140ms ease-out;
}

.djp-content .release-tracklist tr:first-child + tr td {
	border-top: 0;
}

.djp-content .release-tracklist td:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.djp-content .release-tracklist .djp-track-key {
	align-items: center;
	background: var(--djp-key-color);
	border-radius: 999px;
	color: var(--wp--preset--color--navy, #000a29);
	display: inline-flex;
	font-weight: 700;
	justify-content: center;
	line-height: 1.35;
	min-width: 2.75em;
	padding: 0.18em 0.55em;
}

.djp-release-content .djp-release-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
	margin: 0 0 var(--djp-card-gap);
	max-width: 100%;
	min-width: 0;
}

.djp-release-content .djp-release-summary {
	align-items: center;
	color: var(--wp--preset--color--text, #18213a);
	display: flex;
	flex: 1 1 360px;
	flex-wrap: wrap;
	font-size: 0.9375rem;
	font-variant-numeric: tabular-nums;
	gap: 12px clamp(20px, 3vw, 40px);
	justify-content: flex-end;
	margin: 0 0 var(--djp-card-gap);
	min-width: 0;
	padding-block: 8px;
}

.djp-release-content .djp-release-actions .djp-release-summary {
	margin: 0;
}

.djp-release-summary__item {
	align-items: center;
	display: flex;
	font-weight: 700;
	gap: 9px;
	line-height: 1.35;
	margin: 0;
	white-space: nowrap;
}

.djp-release-summary__item::before {
	background: var(--wp--preset--color--accent, #d60025);
	content: "";
	flex: 0 0 20px;
	height: 20px;
	width: 20px;
}

.djp-release-summary__item--files::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2h-2M3 9h10a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2h-2M3 9h10a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
}

.djp-release-summary__item--size::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M7 10h10M7 14h6' fill='none' stroke='black' stroke-linecap='round' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M7 10h10M7 14h6' fill='none' stroke='black' stroke-linecap='round' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
}

.djp-release-summary__item--length::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='13' r='8' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M12 9v4l3 2M9 2h6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='13' r='8' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M12 9v4l3 2M9 2h6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
}

.djp-release-summary__item dd {
	margin: 0;
}

.djp-release-content .deejay-downloads {
	display: flex;
	flex: 0 1 auto;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 var(--djp-card-gap);
	max-width: 100%;
	min-width: 0;
}

.djp-release-content .djp-release-actions .deejay-downloads {
	margin: 0;
}

.djp-release-content :is(.deejay-download, .deejay-download__form) {
	margin: 0;
	max-width: 100%;
	min-width: 0;
}

.djp-release-content .deejay-download__form {
	display: grid;
	gap: 7px;
	justify-items: start;
}

.djp-release-content .deejay-download__button {
	align-items: center;
	appearance: none;
	background: var(--wp--preset--color--accent, #d60025);
	border: 1px solid var(--wp--preset--color--accent, #d60025);
	border-radius: var(--djp-control-radius);
	box-shadow: 0 7px 18px rgba(214, 0, 37, 0.18);
	color: var(--wp--preset--color--surface, #fff);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 1rem;
	font-weight: 800;
	gap: 9px;
	justify-content: center;
	line-height: 1.2;
	max-width: 100%;
	min-height: 48px;
	padding: 11px 18px;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
}

.djp-release-content .deejay-download__button::before {
	background: currentColor;
	content: "";
	flex: 0 0 20px;
	height: 20px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0 5-5m-5 5-5-5M5 17v3h14v-3' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0 5-5m-5 5-5-5M5 17v3h14v-3' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
	width: 20px;
}

.djp-release-content .deejay-download__button:not(:disabled):hover {
	background: var(--wp--preset--color--navy, #000a29);
	border-color: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 9px 22px rgba(0, 10, 41, 0.2);
	transform: translateY(-1px);
}

.djp-release-content .deejay-download__button:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2), 0 7px 18px rgba(214, 0, 37, 0.18);
}

.djp-release-content .deejay-download__button:disabled,
.djp-release-content .deejay-download__button--disabled {
	background: #788295;
	border-color: #788295;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.72;
	transform: none;
}

.djp-release-content .deejay-download__status {
	color: rgba(24, 33, 58, 0.72);
	font-size: 0.8125rem;
	line-height: 1.4;
	max-width: 24rem;
	overflow-wrap: anywhere;
	text-align: center;
}

.djp-release-content .deejay-downloads--missing {
	color: var(--wp--preset--color--text, #18213a);
	flex: 1 1 320px;
	min-width: 0;
}

.djp-release-content .deejay-download-fallback {
	max-width: 100%;
	min-width: 0;
}

.djp-release-content .deejay-downloads--guest .deejay-download-fallback {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.djp-release-content .deejay-download-fallback__disabled-button {
	flex: 0 0 auto;
	margin: 0;
}

.djp-release-content .deejay-download-fallback__content {
	line-height: 1.4;
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
}

.djp-release-content .deejay-download-fallback__content strong {
	font-weight: 800;
}

.djp-release-content .deejay-download-fallback__content small {
	color: rgba(24, 33, 58, 0.68);
	display: block;
	font-size: 0.8125rem;
	line-height: 1.45;
	margin-top: 4px;
	max-width: 36rem;
	overflow-wrap: anywhere;
}

.djp-release-content :is(
	.deejay-download-fallback__ftp-link,
	.deejay-download-fallback__payment-link,
	.deejay-download-fallback__premium-link,
	.deejay-download-fallback__profile-link,
	.deejay-download-fallback__login-link,
	.deejay-download-fallback__register-link
) {
	color: var(--wp--preset--color--accent, #d60025);
	font-weight: 750;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.djp-release-content :is(
	.deejay-download-fallback__ftp-link,
	.deejay-download-fallback__payment-link,
	.deejay-download-fallback__premium-link,
	.deejay-download-fallback__profile-link,
	.deejay-download-fallback__login-link,
	.deejay-download-fallback__register-link
):is(:hover, :focus-visible) {
	color: var(--wp--preset--color--navy, #000a29);
	text-decoration: underline;
}

.djp-release-content .deejay-downloads--category .deejay-download-fallback,
.djp-release-content .deejay-downloads--missing:not(
	.deejay-downloads--guest,
	.deejay-downloads--access-denied,
	.deejay-downloads--category
) .deejay-download-fallback {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: 48px minmax(0, 1fr);
}

.djp-release-content .deejay-downloads--category .deejay-download-fallback::before,
.djp-release-content .deejay-downloads--missing:not(
	.deejay-downloads--guest,
	.deejay-downloads--access-denied,
	.deejay-downloads--category
) .deejay-download-fallback::before {
	background-color: var(--wp--preset--color--navy, #000a29);
	border-radius: var(--djp-control-radius);
	content: "";
	height: 48px;
	width: 48px;
}

.djp-release-content .deejay-downloads--category .deejay-download-fallback::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='14' height='14' rx='3' fill='none' stroke='white' stroke-width='1.8'/%3E%3Cpath d='m17 10 4-2v8l-4-2z' fill='none' stroke='white' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 23px;
}

.djp-release-content .deejay-downloads--missing:not(
	.deejay-downloads--guest,
	.deejay-downloads--access-denied,
	.deejay-downloads--category
) .deejay-download-fallback::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 16.5H7a4.5 4.5 0 0 1-3.18-7.68L5.5 7.14M15.5 7.5H17a4.5 4.5 0 0 1 3.18 7.68l-1.68 1.68M8 12h2M14 12h2M4 4l16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}

.djp-release-content .deejay-downloads--access-denied .deejay-download-fallback__content {
	display: grid;
	gap: 6px;
	justify-items: start;
}

.djp-release-content .deejay-downloads--access-denied .deejay-download-fallback__content > * {
	margin: 0;
}

.djp-release-content .deejay-downloads--access-denied .deejay-download-fallback__content > div {
	color: rgba(24, 33, 58, 0.72);
	font-size: 0.875rem;
	line-height: 1.45;
}

.djp-release-content .deejay-download-fallback :first-child {
	margin-block-start: 0;
}

.djp-release-content .deejay-download-fallback :last-child {
	margin-block-end: 0;
}

.djp-content .release-tracklist tr:nth-child(odd) td {
	background: rgba(247, 248, 250, 0.35);
}

.djp-content .release-tracklist tr:hover td {
	background: rgba(214, 0, 37, 0.045);
}

.djp-content .release-tracklist.is-sortable th {
	padding: 0;
}

.djp-content .release-tracklist .djp-table-sort-button {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
	display: flex;
	font: inherit;
	gap: 8px;
	justify-content: flex-start;
	letter-spacing: inherit;
	min-height: 44px;
	padding: 12px 14px;
	text-align: inherit;
	text-transform: inherit;
	width: 100%;
}

.djp-content .release-tracklist th:not(:first-child) .djp-table-sort-button {
	justify-content: flex-end;
}

.djp-content .release-tracklist .djp-table-sort-button:hover {
	background: rgba(0, 10, 41, 0.045);
}

.djp-content .release-tracklist .djp-table-sort-button:focus-visible {
	outline-offset: -3px;
}

.djp-content .release-tracklist .djp-table-sort-icon {
	color: currentColor;
	flex: 0 0 8px;
	height: 13px;
	opacity: 0.38;
	position: relative;
	width: 8px;
}

.djp-content .release-tracklist .djp-table-sort-icon::before,
.djp-content .release-tracklist .djp-table-sort-icon::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	content: "";
	left: 0;
	position: absolute;
}

.djp-content .release-tracklist .djp-table-sort-icon::before {
	border-bottom: 5px solid currentColor;
	top: 0;
}

.djp-content .release-tracklist .djp-table-sort-icon::after {
	border-top: 5px solid currentColor;
	bottom: 0;
}

.djp-content .release-tracklist th[aria-sort="ascending"] .djp-table-sort-icon,
.djp-content .release-tracklist th[aria-sort="descending"] .djp-table-sort-icon {
	opacity: 1;
}

.djp-content .release-tracklist th[aria-sort="ascending"] .djp-table-sort-icon::after,
.djp-content .release-tracklist th[aria-sort="descending"] .djp-table-sort-icon::before {
	opacity: 0.22;
}

.djp-content :is(.djp-track-toggle, .deejay-search-track-toggle) {
	align-items: center;
	appearance: none;
	background: #f1f6fa;
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 0 0 1px rgba(0, 10, 41, 0.1);
	color: var(--wp--preset--color--navy, #000a29);
	cursor: pointer;
	display: flex;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 700;
	gap: 9px;
	justify-content: center;
	margin: 0 0 var(--djp-card-gap) !important;
	min-height: 44px;
	padding: 10px 16px;
	transition: background-color 140ms ease-out, color 140ms ease-out, box-shadow 140ms ease-out;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
}

.djp-content .deejay-search-track-toggle {
	margin-block-start: calc(-1 * var(--djp-card-gap)) !important;
}

.djp-content :is(.djp-track-toggle, .deejay-search-track-toggle):hover {
	background: #ffe8ec;
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-content :is(.djp-track-toggle, .deejay-search-track-toggle):focus-visible {
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--accent, #d60025);
	outline-offset: 2px;
}

.djp-content .djp-track-toggle:disabled {
	cursor: not-allowed;
	opacity: 0.55;
}

.djp-track-toggle__icon {
	flex: 0 0 12px;
	height: 12px;
	position: relative;
	width: 12px;
}

.djp-track-toggle__icon::before,
.djp-track-toggle__icon::after {
	background: currentColor;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 160ms ease-out;
	width: 100%;
}

.djp-track-toggle__icon::after {
	transform: translateY(-50%) rotate(90deg);
}

.djp-track-toggle[aria-expanded="true"] .djp-track-toggle__icon::after {
	transform: translateY(-50%) rotate(0deg);
}

@media (max-width: 960px) {
	.djp-content .release-tracklist-container {
		overflow-x: scroll;
		scrollbar-gutter: stable;
		-webkit-overflow-scrolling: touch;
	}
}

.djp-content .djp-post-card,
.djp-content > .djp-listing-header {
	background: var(--wp--preset--color--surface, #fff);
	border: 0;
	border-radius: var(--djp-card-radius);
	box-shadow: var(--djp-card-shadow);
	padding: clamp(20px, 3vw, 32px) !important;
}

.djp-content > .djp-listing-header {
	padding-block: clamp(14px, 2vw, 18px) !important;
}

.djp-content .djp-post-card > :first-child,
.djp-content .djp-listing-header > :first-child {
	margin-block-start: 0;
}

.djp-content .djp-post-card > :last-child,
.djp-content .djp-listing-header > :last-child {
	margin-block-end: 0 !important;
}

.djp-premium-benefits,
.djp-premium-benefits * {
	box-sizing: border-box;
}

.djp-premium-benefits {
	color: var(--wp--preset--color--text, #18213a);
	margin: 0;
	min-width: 0;
}

.djp-premium-benefits__header {
	background: linear-gradient(135deg, #f1f6fa 0%, #e8f1f6 100%);
	border-radius: var(--djp-card-radius);
	box-shadow: inset 4px 0 var(--wp--preset--color--accent, #d60025);
	margin: 0 0 24px;
	padding: clamp(20px, 3vw, 30px);
}

.djp-premium-benefits__eyebrow {
	align-items: center;
	color: var(--wp--preset--color--accent, #d60025);
	display: flex;
	font-size: 0.75rem;
	font-weight: 800;
	gap: 8px;
	letter-spacing: 0.1em;
	line-height: 1.2;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.djp-premium-benefits__eyebrow::before {
	background: currentColor;
	content: "";
	height: 18px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 6 4.5 4.5L12 3l4.5 7.5L21 6l-2 12H5L3 6Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 6 4.5 4.5L12 3l4.5 7.5L21 6l-2 12H5L3 6Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	width: 18px;
}

.djp-premium-benefits__title {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: clamp(1.6rem, 3vw, 2.15rem);
	font-weight: 850;
	letter-spacing: -0.035em;
	line-height: 1.12;
	margin: 0;
	max-width: 760px;
	overflow-wrap: anywhere;
}

.djp-premium-benefits__title span {
	color: var(--wp--preset--color--deep-blue, #00293c);
	display: block;
}

.djp-premium-benefits__intro {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 1rem;
	line-height: 1.6;
	margin: 12px 0 0;
	max-width: 720px;
}

.djp-premium-benefits__highlight {
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(0, 10, 41, 0.11);
	border-radius: 999px;
	color: var(--wp--preset--color--deep-blue, #00293c);
	display: inline-flex;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.35;
	margin: 14px 0 0;
	max-width: 100%;
	padding: 7px 11px;
}

.djp-premium-benefits__grid.wp-block-columns {
	align-items: start;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

.djp-premium-benefits__column.wp-block-column {
	margin: 0;
	min-width: 0;
}

.djp-premium-benefits__card {
	background: var(--wp--preset--color--surface, #fff);
	border: 1px solid rgba(0, 10, 41, 0.11);
	border-radius: var(--djp-card-radius);
	box-shadow: 0 8px 24px rgba(0, 10, 41, 0.07);
	display: flex;
	flex-direction: column;
	margin: 0;
	overflow: hidden;
}

.djp-premium-benefits__card--website {
	border-top: 4px solid var(--wp--preset--color--accent, #d60025);
}

.djp-premium-benefits__card--ftp {
	border-top: 4px solid var(--wp--preset--color--deep-blue, #00293c);
}

.djp-premium-benefits__card-title {
	color: var(--wp--preset--color--text, #18213a);
	font-size: 1.25rem;
	font-weight: 650;
	line-height: 1.3;
	margin: 0;
	padding: 19px 20px 16px;
}

.djp-premium-benefits__card-title strong,
.djp-premium-benefits__metric {
	color: var(--wp--preset--color--accent, #d60025);
	font-weight: 850;
}

.djp-premium-benefits__card--ftp .djp-premium-benefits__card-title strong,
.djp-premium-benefits__card--ftp .djp-premium-benefits__metric {
	color: var(--wp--preset--color--deep-blue, #00293c);
}

.djp-premium-benefits__separator {
	border: 0;
	border-top: 1px solid rgba(0, 10, 41, 0.09);
	color: transparent;
	margin: 0 20px !important;
	width: auto !important;
}

.djp-premium-benefits__list {
	display: grid;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 7px 20px 20px;
}

.djp-premium-benefits__list li {
	border-bottom: 1px solid rgba(0, 10, 41, 0.07);
	font-size: 0.9375rem;
	line-height: 1.5;
	margin: 0;
	overflow-wrap: anywhere;
	padding: 11px 0 11px 28px;
	position: relative;
}

.djp-premium-benefits__list li:last-child {
	border-bottom: 0;
}

.djp-premium-benefits__list li::before {
	background: var(--wp--preset--color--accent, #d60025);
	border-radius: 50%;
	color: var(--wp--preset--color--surface, #fff);
	content: "\2713";
	display: grid;
	font-size: 0.6875rem;
	font-weight: 850;
	height: 18px;
	left: 0;
	line-height: 1;
	place-items: center;
	position: absolute;
	top: 13px;
	width: 18px;
}

.djp-premium-benefits__card--ftp .djp-premium-benefits__list li::before {
	background: var(--wp--preset--color--deep-blue, #00293c);
}

.djp-premium-benefits__steps {
	background: #f1f6fa;
	border-radius: var(--djp-control-radius);
	color: var(--wp--preset--color--muted, #667085);
	margin: 16px 0 0;
	padding: 16px 18px;
}

.djp-premium-benefits__steps-title {
	color: var(--wp--preset--color--deep-blue, #00293c);
	font-size: 0.875rem;
	font-weight: 750;
	line-height: 1.3;
	margin: 0 0 10px;
}

.djp-premium-benefits__steps-list {
	counter-reset: premium-steps;
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.djp-premium-benefits__steps-list li {
	align-items: center;
	counter-increment: premium-steps;
	display: flex;
	font-size: 0.8125rem;
	gap: 9px;
	line-height: 1.4;
	margin: 0;
	min-width: 0;
}

.djp-premium-benefits__steps-list li::before {
	background: rgba(214, 0, 37, 0.09);
	border-radius: 50%;
	color: var(--wp--preset--color--accent, #d60025);
	content: counter(premium-steps);
	display: grid;
	flex: 0 0 auto;
	font-size: 0.6875rem;
	font-weight: 850;
	height: 20px;
	line-height: 1;
	place-items: center;
	width: 20px;
}

.djp-premium-benefits__ftp-note {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	line-height: 1.45;
	margin: 12px 0 0 !important;
	overflow-wrap: anywhere;
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__action {
	align-items: center;
	border-top: 1px solid rgba(0, 10, 41, 0.1);
	box-sizing: border-box;
	display: flex;
	gap: 0;
	justify-content: center;
	margin-top: 28px;
	padding: 24px 0 0;
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__action--hero {
	border-top: 0;
	justify-content: flex-start;
	margin-top: 18px;
	padding: 0;
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__action--footer {
	flex-wrap: wrap;
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__reassurance {
	color: var(--wp--preset--color--muted, #667085);
	flex: 0 0 100%;
	font-size: 0.875rem;
	line-height: 1.45;
	margin: 0 0 14px;
	order: -1;
	text-align: center;
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__button {
	align-items: center;
	background: var(--wp--preset--color--accent, #d60025);
	border: 1px solid var(--wp--preset--color--accent, #d60025);
	border-radius: var(--djp-control-radius);
	box-shadow: 0 7px 16px rgba(214, 0, 37, 0.17);
	box-sizing: border-box;
	color: var(--wp--preset--color--surface, #fff);
	display: inline-flex;
	font-size: 0.9375rem;
	font-weight: 750;
	gap: 9px;
	justify-content: center;
	line-height: 1.2;
	min-height: 48px;
	padding: 12px 22px;
	text-align: center;
	text-decoration: none;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__button::before {
	background: currentColor;
	content: "";
	flex: 0 0 auto;
	height: 17px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 6 4.5 4.5L12 3l4.5 7.5L21 6l-2 12H5L3 6Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 6 4.5 4.5L12 3l4.5 7.5L21 6l-2 12H5L3 6Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	width: 17px;
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__button:hover {
	background: var(--wp--preset--color--navy, #000a29);
	border-color: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 8px 18px rgba(0, 10, 41, 0.2);
	color: var(--wp--preset--color--surface, #fff);
	transform: translateY(-1px);
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__button:focus-visible {
	background: var(--wp--preset--color--navy, #000a29);
	border-color: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.22);
	color: var(--wp--preset--color--surface, #fff);
	outline: 0;
}

.deejay-core-payment-promotion-page .deejay-payment-promotion__button:active {
	transform: translateY(0);
}

@media (max-width: 900px) {
	.djp-premium-benefits__grid.wp-block-columns {
		grid-template-columns: minmax(0, 1fr);
	}

	.djp-premium-benefits__column--ftp {
		order: -1;
	}

	.djp-premium-benefits__steps {
		display: none;
	}
}

@media (max-width: 600px) {
	.djp-premium-benefits__header {
		padding: 18px;
	}

	.djp-premium-benefits__title {
		font-size: clamp(1.45rem, 7vw, 1.75rem);
	}

	.deejay-core-payment-promotion-page .deejay-payment-promotion__action {
		flex-direction: column;
		gap: 12px;
		padding-top: 20px;
	}

	.deejay-core-payment-promotion-page .deejay-payment-promotion__action--hero {
		padding-top: 0;
	}

	.deejay-core-payment-promotion-page .deejay-payment-promotion__reassurance {
		margin-bottom: 0;
		width: 100%;
	}

	.deejay-core-payment-promotion-page .deejay-payment-promotion__button {
		width: 100%;
	}
}

.deejay-core-payment-redirect-page .djp-content .djp-post-card {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	padding: 0 !important;
}

.deejay-core-payment-redirect-page .djp-content :is(.deejay-payment-provider-selector, .deejay-payment-plans, .deejay-payment-coupon) {
	box-sizing: border-box;
	min-width: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector {
	background: #f1f6fa;
	border: 1px solid rgba(0, 10, 41, 0.12);
	border-radius: var(--djp-control-radius);
	margin: 0 auto 24px;
	max-width: 520px;
	padding: 4px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__item {
	display: flex;
	flex: 1 1 130px;
	margin: 0;
	min-width: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__link {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 7px;
	color: var(--wp--preset--color--muted, #667085);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.875rem;
	font-weight: 700;
	gap: 4px 7px;
	justify-content: center;
	line-height: 1.2;
	min-height: 46px;
	padding: 8px 12px;
	text-align: center;
	text-decoration: none;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, color 150ms ease-out;
	width: 100%;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__link:hover {
	background: rgba(255, 255, 255, 0.7);
	color: var(--wp--preset--color--accent, #d60025);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__link[aria-current="page"] {
	background: var(--wp--preset--color--navy, #000a29);
	border-color: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 5px 14px rgba(0, 10, 41, 0.16);
	color: var(--wp--preset--color--surface, #fff);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__link:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__savings {
	background: rgba(214, 0, 37, 0.09);
	border-radius: 999px;
	color: var(--wp--preset--color--accent, #d60025);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.035em;
	line-height: 1.1;
	min-width: 0;
	padding: 3px 6px;
	text-transform: uppercase;
	white-space: nowrap;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__link[aria-current="page"] .deejay-payment-provider-selector__savings {
	background: var(--wp--preset--color--surface, #fff);
}

.deejay-core-payment-redirect-page .djp-content :is(.deejay-payment-plans.deejay-payment-comparison, .deejay-payment-cards) {
	align-items: stretch;
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	isolation: isolate;
	margin: 0 auto;
	max-width: 940px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan {
	background: var(--wp--preset--color--surface, #fff);
	border: 1px solid rgba(0, 10, 41, 0.13);
	border-radius: var(--djp-card-radius);
	box-shadow: 0 8px 24px rgba(0, 10, 41, 0.07);
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan--popular {
	border-color: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 12px 30px rgba(0, 10, 41, 0.16);
	z-index: 1;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__header {
	align-items: center;
	background: #f1f6fa;
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: center;
	min-height: 94px;
	padding: 18px 16px;
	text-align: center;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan--popular .deejay-payment-plan__header {
	background: var(--wp--preset--color--navy, #000a29);
	color: var(--wp--preset--color--surface, #fff);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__name {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0;
	overflow-wrap: anywhere;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan--popular .deejay-payment-plan__name {
	color: inherit;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__popular {
	background: var(--wp--preset--color--accent, #d60025);
	border-radius: 999px;
	color: var(--wp--preset--color--surface, #fff);
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.075em;
	line-height: 1.1;
	padding: 4px 8px;
	text-transform: uppercase;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__features {
	display: grid;
	grid-auto-rows: minmax(58px, auto);
	margin: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature {
	align-items: center;
	border-top: 1px solid rgba(0, 10, 41, 0.09);
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin: 0;
	min-width: 0;
	padding: 13px 15px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature-label {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	margin: 0;
	overflow-wrap: anywhere;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature-value {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 0.9375rem;
	font-variant-numeric: tabular-nums;
	font-weight: 750;
	line-height: 1.35;
	margin: 0;
	overflow-wrap: anywhere;
	text-align: right;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature-suffix {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	font-weight: 500;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature--yes .deejay-payment-plan__feature-value {
	color: #176b39;
}

.deejay-core-payment-redirect-page .djp-content :is(.deejay-payment-plan__feature--no .deejay-payment-plan__feature-value, .deejay-payment-plan__empty) {
	color: var(--wp--preset--color--muted, #667085);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature--coupon-adjusted {
	background: rgba(30, 125, 67, 0.06);
	box-shadow: inset 3px 0 #1e7d43;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature-value--coupon-adjusted {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 3px 7px;
	justify-content: flex-end;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature-regular-value {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.75rem;
	font-weight: 500;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__feature-adjusted-value {
	color: #176b39;
	font-weight: 750;
	text-decoration: none;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__payment {
	background: #f7f8fa;
	border-top: 1px solid rgba(0, 10, 41, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 190px;
	padding: 20px 15px 16px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__payment--discount {
	background: linear-gradient(145deg, #f7f8fa 0%, #edf5f8 100%);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__payment--unavailable {
	align-items: center;
	background: repeating-linear-gradient(135deg, #f7f8fa 0, #f7f8fa 10px, #f1f3f6 10px, #f1f3f6 20px);
	justify-content: center;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__price {
	align-items: baseline;
	color: var(--wp--preset--color--navy, #000a29);
	display: flex;
	flex-wrap: wrap;
	font-variant-numeric: tabular-nums;
	gap: 4px 6px;
	justify-content: center;
	line-height: 1;
	margin: 0;
}

.deejay-core-payment-redirect-page .djp-content :is(.deejay-payment-plan__price > .deejay-payment-plan__amount, .deejay-payment-plan__discount-price .deejay-payment-plan__amount) {
	font-size: clamp(2rem, 3.4vw, 2.75rem);
	font-weight: 850;
	letter-spacing: -0.045em;
}

.deejay-core-payment-redirect-page .djp-content :is(.deejay-payment-plan__price > .deejay-payment-plan__currency-symbol, .deejay-payment-plan__discount-price .deejay-payment-plan__currency-symbol) {
	font-size: clamp(1.35rem, 2.2vw, 1.8rem);
	font-weight: 800;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__amount {
	align-items: flex-start;
	display: inline-flex;
	white-space: nowrap;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__fraction {
	font-size: 0.48em;
	line-height: 1;
	margin-top: 0.08em;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__currency {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.75rem;
	font-weight: 750;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__currency-symbol {
	opacity: 0.72;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__regular-price {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.9375rem;
	text-decoration-thickness: 1px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__regular-price .deejay-payment-plan__amount {
	text-decoration: line-through;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__discount-price {
	align-items: baseline;
	color: var(--wp--preset--color--accent, #d60025);
	display: inline-flex;
	gap: 5px;
	text-decoration: none;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__coupon-status {
	border-radius: 6px;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.4;
	margin: 12px 0 0;
	overflow-wrap: anywhere;
	padding: 7px 9px;
	text-align: center;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__coupon-status--applied {
	background: rgba(30, 125, 67, 0.08);
	color: #176b39;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__coupon-status--not-applicable {
	background: rgba(102, 112, 133, 0.08);
	color: var(--wp--preset--color--muted, #667085);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__providers {
	display: grid;
	gap: 8px;
	margin-top: auto;
	padding-top: 22px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider {
	margin: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button {
	align-items: center;
	appearance: none;
	background: var(--wp--preset--color--accent, #d60025);
	border: 1px solid var(--wp--preset--color--accent, #d60025);
	border-radius: 7px;
	box-shadow: 0 7px 16px rgba(214, 0, 37, 0.15);
	color: var(--wp--preset--color--surface, #fff);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 750;
	justify-content: center;
	line-height: 1.2;
	min-height: 44px;
	padding: 10px 12px;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
	width: 100%;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button:hover {
	background: var(--wp--preset--color--navy, #000a29);
	border-color: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 8px 18px rgba(0, 10, 41, 0.2);
	transform: translateY(-1px);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button--pmnt-btn-paypal {
	background: #ffc439;
	border-color: #e5aa20;
	box-shadow: 0 7px 16px rgba(0, 48, 135, 0.13);
	color: #222;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button--pmnt-btn-paypal:hover {
	background: #f2b931;
	border-color: #d9a019;
	color: #000;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button--pmnt-btn-stripe {
	background: #635bff;
	border-color: #5149e6;
	box-shadow: 0 7px 16px rgba(99, 91, 255, 0.2);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button--pmnt-btn-stripe:hover {
	background: #5149e6;
	border-color: #453ec9;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button:disabled {
	background: var(--wp--preset--color--border, #dde2ea);
	border-color: var(--wp--preset--color--border, #dde2ea);
	box-shadow: none;
	color: var(--wp--preset--color--muted, #667085);
	cursor: not-allowed;
	transform: none;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__unavailable {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.875rem;
	font-weight: 650;
	line-height: 1.4;
	text-align: center;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-message {
	background: #f1f6fa;
	border-left: 3px solid var(--wp--preset--color--deep-blue, #00293c);
	border-radius: 0 var(--djp-control-radius) var(--djp-control-radius) 0;
	box-sizing: border-box;
	color: var(--wp--preset--color--text, #18213a);
	line-height: 1.55;
	margin: 0 auto;
	max-width: 720px;
	overflow-wrap: anywhere;
	padding: 16px 18px;
	width: 100%;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-message--access-denied {
	background: rgba(214, 0, 37, 0.055);
	border-left-color: var(--wp--preset--color--accent, #d60025);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-message--unavailable {
	background: rgba(163, 98, 17, 0.07);
	border-left-color: #a36211;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-message > :first-child {
	margin-top: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-message > :last-child {
	margin-bottom: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-message a {
	color: var(--wp--preset--color--accent, #d60025);
	font-weight: 750;
}

/* Coupons stay visually secondary to the plan comparison above. */
.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon {
	border-top: 1px solid rgba(0, 10, 41, 0.1);
	color: var(--wp--preset--color--muted, #667085);
	margin: 22px auto 0;
	max-width: 520px;
	padding: 12px 2px 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__form {
	align-items: center;
	display: grid;
	gap: 7px 9px;
	grid-template-columns: auto minmax(0, 1fr);
	margin: 0;
	min-width: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__toggle {
	accent-color: var(--wp--preset--color--accent, #d60025);
	height: 16px;
	margin: 0;
	width: 16px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__toggle:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: 3px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__toggle-label {
	color: var(--wp--preset--color--muted, #667085);
	cursor: pointer;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.35;
	min-width: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__toggle:not(:checked) ~ :is(.deejay-payment-coupon__notice, .deejay-payment-coupon__fields) {
	display: none;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__fields {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: 2px;
	min-width: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__input {
	appearance: none;
	background: var(--wp--preset--color--surface, #fff);
	border: 1px solid rgba(0, 10, 41, 0.16);
	border-radius: 7px;
	box-shadow: none;
	color: var(--wp--preset--color--text, #18213a);
	font: inherit;
	font-size: 0.8125rem;
	letter-spacing: 0.035em;
	min-height: 40px;
	min-width: 0;
	padding: 8px 11px;
	text-transform: uppercase;
	transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
	width: 100%;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__input:hover {
	border-color: rgba(0, 10, 41, 0.3);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__input:focus {
	border-color: var(--wp--preset--color--accent, #d60025);
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent, #d60025);
	outline: 0;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__input[aria-invalid="true"] {
	background: rgba(214, 0, 37, 0.025);
	border-color: var(--wp--preset--color--accent, #d60025);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__submit {
	appearance: none;
	background: var(--wp--preset--color--navy, #000a29);
	border: 0;
	border-radius: 7px;
	box-shadow: none;
	color: var(--wp--preset--color--surface, #fff);
	cursor: pointer;
	font: inherit;
	font-size: 0.75rem;
	font-weight: 650;
	line-height: 1.2;
	min-height: 40px;
	padding: 8px 13px;
	transition: background-color 150ms ease-out, box-shadow 150ms ease-out;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__submit:hover {
	background: var(--wp--preset--color--accent, #d60025);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__submit:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2);
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__notice {
	border-left: 2px solid currentcolor;
	border-radius: 0 6px 6px 0;
	font-size: 0.75rem;
	font-weight: 500;
	grid-column: 1 / -1;
	line-height: 1.45;
	margin: 1px 0 0;
	overflow-wrap: anywhere;
	padding: 7px 9px;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__notice--success {
	background: rgba(30, 125, 67, 0.07);
	color: #176b39;
}

.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__notice--error {
	background: rgba(214, 0, 37, 0.045);
	color: #a6001d;
}

@media (max-width: 760px) {
	.deejay-core-payment-redirect-page .djp-content :is(.deejay-payment-plans.deejay-payment-comparison, .deejay-payment-cards) {
		grid-template-columns: minmax(0, 1fr);
		max-width: 440px;
	}

	.deejay-core-payment-redirect-page .djp-content :is(.deejay-payment-provider-selector, .deejay-payment-coupon) {
		max-width: 440px;
	}

	.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__header {
		min-height: 0;
	}

	.deejay-core-payment-redirect-page .djp-content .deejay-payment-plan__payment {
		min-height: 176px;
	}
}

@media (max-width: 600px) {
	.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__item {
		flex-basis: 100px;
	}

	.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__link {
		font-size: 0.8125rem;
		padding-inline: 8px;
	}

	.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__fields {
		grid-template-columns: minmax(0, 1fr);
	}

	.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__submit {
		width: 100%;
	}
}

.deejay-core-ftp-page .djp-content .djp-post-card {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	padding: 0 !important;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-account, .deejay-ftp-account-state, .deejay-ftp-tabs, .deejay-ftp-tab-panel, .deejay-ftp-settings, .deejay-ftp-tutorial, .deejay-ftp-message) {
	box-sizing: border-box;
	min-width: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-account {
	color: var(--wp--preset--color--text, #18213a);
	margin: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tabs__navigation {
	align-items: stretch;
	background: var(--wp--preset--color--surface, #fff);
	border-radius: var(--djp-card-radius);
	box-shadow: var(--djp-card-shadow);
	display: flex;
	gap: 4px;
	margin: 0 0 24px;
	min-width: 0;
	overflow-x: auto;
	padding: 5px;
	scrollbar-color: rgba(0, 10, 41, 0.35) transparent;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tab {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: var(--djp-control-radius);
	color: var(--wp--preset--color--muted, #667085);
	cursor: pointer;
	display: inline-flex;
	flex: 1 0 132px;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 750;
	justify-content: center;
	line-height: 1.2;
	margin: 0;
	min-height: 46px;
	padding: 10px 14px;
	position: relative;
	text-align: center;
	transition: background-color 150ms ease-out, box-shadow 150ms ease-out, color 150ms ease-out;
	white-space: nowrap;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tab::after {
	background: var(--wp--preset--color--accent, #d60025);
	border-radius: 999px;
	bottom: 5px;
	content: "";
	height: 3px;
	left: 18px;
	position: absolute;
	right: 18px;
	transform: scaleX(0);
	transition: transform 150ms ease-out;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tab:hover {
	background: rgba(214, 0, 37, 0.055);
	color: var(--wp--preset--color--accent, #d60025);
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-tab--active, .deejay-ftp-tab[aria-selected="true"]) {
	background: #f1f6fa;
	color: var(--wp--preset--color--navy, #000a29);
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-tab--active, .deejay-ftp-tab[aria-selected="true"])::after {
	transform: scaleX(1);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tab:focus-visible {
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--accent, #d60025);
	color: var(--wp--preset--color--navy, #000a29);
	outline: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tab-panel {
	margin: 0;
	outline: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tabs:not(.deejay-ftp-tabs--enhanced) .deejay-ftp-tab-panel + .deejay-ftp-tab-panel {
	margin-top: 24px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tab-panel:focus-visible {
	border-radius: var(--djp-card-radius);
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.18);
}

.deejay-core-ftp-page .djp-content :is(
	.deejay-ftp-account__header > h2,
	.deejay-ftp-settings > h2,
	.deejay-ftp-tab-panel--history > h2
) {
	border: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-account__header {
	align-items: center;
	background: var(--wp--preset--color--navy, #000a29);
	border-radius: var(--djp-card-radius);
	box-shadow: var(--djp-card-shadow);
	display: grid;
	gap: 10px 20px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin: 0 0 20px;
	padding: 18px 20px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-statuses {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 18px;
	margin: 0;
	min-width: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-status {
	align-items: center;
	color: rgba(255, 255, 255, 0.82);
	display: grid;
	gap: 1px 10px;
	grid-template-columns: 9px auto;
	justify-self: start;
	line-height: 1.15;
	margin: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-account-status {
	border-left: 1px solid rgba(255, 255, 255, 0.16);
	padding-left: 18px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-status::before {
	background: currentcolor;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.09);
	content: "";
	grid-row: 1 / 3;
	height: 9px;
	width: 9px;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-service-status--online, .deejay-ftp-account-status--active) {
	color: #74e8a3;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-service-status--offline, .deejay-ftp-account-status--non-existent) {
	color: #ff8aa0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-account-status--expired {
	color: #ffd27a;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-account-status--not-available {
	color: #d8e0eb;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-status__label {
	color: rgba(255, 255, 255, 0.52);
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-status strong {
	font-size: 0.9375rem;
	font-weight: 750;
	grid-column: 2;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-account__dates {
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.8125rem;
	font-variant-numeric: tabular-nums;
	justify-self: end;
	line-height: 1.5;
	margin: 0;
	min-width: 0;
	text-align: right;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-account__expiry {
	display: block;
	color: var(--wp--preset--color--surface, #fff);
	font-weight: 650;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-account__last-login {
	display: block;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-details__separator {
	display: none;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-login-details, .deejay-ftp-columns--history) {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	min-width: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-login-details {
	grid-template-columns: minmax(0, 1fr);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-details {
	background: var(--wp--preset--color--surface, #fff);
	border: 0;
	border-radius: var(--djp-card-radius);
	box-shadow: var(--djp-card-shadow);
	margin: 0;
	min-width: 0;
	overflow: visible;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-detail {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(130px, 0.8fr) minmax(0, 1.2fr);
	margin: 0;
	min-width: 0;
	padding: 14px 18px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-detail + .deejay-ftp-detail {
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-detail dt {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.75rem;
	font-weight: 750;
	letter-spacing: 0.045em;
	line-height: 1.3;
	margin: 0;
	text-transform: uppercase;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-detail dd {
	align-items: center;
	color: var(--wp--preset--color--navy, #000a29);
	display: flex;
	font-size: 0.9375rem;
	font-variant-numeric: tabular-nums;
	font-weight: 650;
	gap: 7px;
	justify-content: flex-end;
	line-height: 1.4;
	margin: 0;
	min-width: 0;
	overflow-wrap: anywhere;
	text-align: right;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-detail__value,
.deejay-core-ftp-page .djp-content .deejay-ftp-password {
	min-width: 0;
	overflow-wrap: anywhere;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-password[hidden],
.deejay-core-ftp-page .djp-content .deejay-ftp-reset-confirmation[hidden] {
	display: none;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-password__value {
	background: #f1f6fa;
	border-radius: 5px;
	color: var(--wp--preset--color--navy, #000a29);
	display: block;
	font-size: 0.875rem;
	min-width: 0;
	overflow-wrap: anywhere;
	padding: 4px 7px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-detail--password dd {
	flex-wrap: wrap;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-copy, .deejay-ftp-action--reveal-password) {
	appearance: none;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
	box-sizing: border-box;
	color: var(--wp--preset--color--deep-blue, #00293c);
	cursor: pointer;
	flex: 0 0 34px;
	font-size: 0;
	height: 34px;
	margin: 0;
	min-height: 34px;
	padding: 0;
	position: relative;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, color 150ms ease-out;
	width: 34px;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-copy, .deejay-ftp-action--reveal-password)::before {
	background-color: currentcolor;
	content: "";
	height: 17px;
	left: 50%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='9' y='9' width='11' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 17px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='9' y='9' width='11' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action--reveal-password::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action--reveal-password[aria-expanded="false"]::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 4.2A11.8 11.8 0 0 1 12 4c6.5 0 10 8 10 8a18.5 18.5 0 0 1-2.1 3.3M6.6 6.6C3.8 8.5 2 12 2 12s3.5 8 10 8a10.4 10.4 0 0 0 4.1-.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 4.2A11.8 11.8 0 0 1 12 4c6.5 0 10 8 10 8a18.5 18.5 0 0 1-2.1 3.3M6.6 6.6C3.8 8.5 2 12 2 12s3.5 8 10 8a10.4 10.4 0 0 0 4.1-.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-copy, .deejay-ftp-action--reveal-password):hover {
	background: rgba(214, 0, 37, 0.055);
	border-color: rgba(214, 0, 37, 0.16);
	color: var(--wp--preset--color--accent, #d60025);
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-copy, .deejay-ftp-action--reveal-password):focus-visible {
	border-color: var(--wp--preset--color--accent, #d60025);
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.16);
	outline: 0;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-copy, .deejay-ftp-action--reveal-password):disabled {
	background: transparent;
	border-color: transparent;
	color: var(--wp--preset--color--muted, #667085);
	cursor: not-allowed;
	opacity: 0.45;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action-tooltip {
	background: var(--wp--preset--color--navy, #000a29);
	border-radius: 5px;
	bottom: calc(100% + 6px);
	color: var(--wp--preset--color--surface, #fff);
	font-size: 0.6875rem;
	font-weight: 700;
	left: 50%;
	line-height: 1;
	padding: 6px 7px;
	pointer-events: none;
	position: absolute;
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 2;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-details__filezilla {
	display: flex;
	justify-content: flex-end;
	margin-top: 16px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-filezilla {
	margin: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action:not(.deejay-ftp-action--reveal-password) {
	align-items: center;
	appearance: none;
	background: var(--wp--preset--color--accent, #d60025);
	border: 1px solid transparent;
	border-radius: var(--djp-control-radius);
	box-shadow: 0 8px 18px rgba(214, 0, 37, 0.14);
	color: var(--wp--preset--color--surface, #fff);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 750;
	justify-content: center;
	line-height: 1.2;
	margin: 0;
	min-height: 42px;
	padding: 9px 16px;
	text-align: center;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, color 150ms ease-out, transform 150ms ease-out;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action:not(.deejay-ftp-action--reveal-password):not(:disabled):hover {
	background: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 9px 20px rgba(0, 10, 41, 0.18);
	transform: translateY(-1px);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action:not(.deejay-ftp-action--reveal-password):focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2);
	outline: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action:not(.deejay-ftp-action--reveal-password):disabled {
	background: var(--wp--preset--color--border, #dde2ea);
	box-shadow: none;
	color: var(--wp--preset--color--muted, #667085);
	cursor: not-allowed;
	transform: none;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-details__filezilla, .deejay-ftp-settings__filezilla) .deejay-ftp-action--filezilla,
.deejay-core-ftp-page .djp-content .deejay-ftp-action--cancel-reset {
	background: transparent;
	border-color: rgba(0, 10, 41, 0.2);
	box-shadow: none;
	color: var(--wp--preset--color--navy, #000a29);
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-details__filezilla, .deejay-ftp-settings__filezilla) .deejay-ftp-action--filezilla:hover,
.deejay-core-ftp-page .djp-content .deejay-ftp-action--cancel-reset:hover {
	background: var(--wp--preset--color--navy, #000a29);
	border-color: var(--wp--preset--color--navy, #000a29);
	color: var(--wp--preset--color--surface, #fff);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action--confirm-reset {
	background: #a6001d;
	box-shadow: 0 8px 18px rgba(166, 0, 29, 0.14);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action-message {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	font-weight: 650;
	line-height: 1.4;
	margin: 10px 0 0;
	min-height: 0;
	overflow-wrap: anywhere;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action-message:empty {
	display: none;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-action-message--success {
	color: #176b39;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-settings {
	background: var(--wp--preset--color--surface, #fff);
	border-radius: var(--djp-card-radius);
	box-shadow: var(--djp-card-shadow);
	margin: 0;
	overflow: hidden;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-settings__password, .deejay-ftp-settings__filezilla) {
	margin: 0;
	padding: 22px 24px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-settings__filezilla {
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-settings h3 {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 1rem;
	font-weight: 750;
	line-height: 1.3;
	margin: 0 0 7px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-settings :is(.deejay-ftp-settings__password, .deejay-ftp-reset-confirmation) > p {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.875rem;
	line-height: 1.55;
	margin: 0 0 16px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-reset-confirmation {
	background: #fff8e7;
	border-left: 4px solid #c98200;
	margin: 0 24px 22px;
	padding: 16px 18px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-reset-confirmation__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-settings > .deejay-ftp-action-message {
	margin: 0;
	padding: 0 24px 22px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial {
	background: var(--wp--preset--color--surface, #fff);
	border-radius: var(--djp-card-radius);
	box-shadow: var(--djp-card-shadow);
	line-height: 1.65;
	margin: 0;
	overflow: hidden;
	padding: clamp(20px, 3vw, 32px);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial:empty {
	background: transparent;
	box-shadow: none;
	padding: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial > :first-child {
	margin-block-start: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial > :last-child {
	margin-block-end: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial :is(h2, h3, h4) {
	color: var(--wp--preset--color--navy, #000a29);
	line-height: 1.25;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial :is(a, button):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: 3px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial :is(.wp-block-group, .wp-block-columns) {
	min-width: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial .deejay-ftp-filezilla-block {
	margin-block: 20px;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial .deejay-ftp-action--filezilla {
	min-height: 46px;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto {
	margin: 0 !important;
	max-width: none !important;
	text-align: left;
	width: 100%;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto :is(.ftp-howto__header, .ftp-howto__steps, .ftp-howto > .wp-block-deejay-core-ftp-filezilla, .ftp-howto > .deejay-ftp-filezilla-block) {
	max-width: 660px !important;
	width: 100%;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto :is(.ftp-howto__header, .ftp-howto__note, .ftp-howto__troubleshooting) > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 660px !important;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__header {
	border-bottom: 1px solid var(--wp--preset--color--border, #dde2ea);
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 clamp(28px, 4vw, 38px);
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__eyebrow {
	color: var(--wp--preset--color--accent, #d60025);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.2;
	margin: 0 0 12px;
	text-transform: uppercase;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto .ftp-howto__title {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: clamp(1.65rem, 4vw, 2rem);
	font-weight: 780;
	line-height: 1.18;
	margin: 0;
	max-width: 608px;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__intro {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 1rem;
	line-height: 1.6;
	margin: 14px 0 0;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__steps {
	counter-reset: ftp-howto-step;
	list-style: none;
	margin: 0;
	padding: 0;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__steps--continued {
	counter-reset: ftp-howto-step 2;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__steps > li {
	border-bottom: 1px solid var(--wp--preset--color--border, #dde2ea);
	box-sizing: border-box;
	color: var(--wp--preset--color--muted, #667085);
	counter-increment: ftp-howto-step;
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	line-height: 1.55;
	margin: 0;
	min-width: 0;
	padding: clamp(26px, 4vw, 32px) 0;
	position: relative;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__steps > li::before {
	align-self: baseline;
	color: var(--wp--preset--color--accent, #d60025);
	content: counter(ftp-howto-step, decimal-leading-zero);
	font-size: 0.8125rem;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	grid-column: 1;
	grid-row: 1;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__steps--initial > li:nth-child(2) {
	border-bottom: 0;
	padding-bottom: 16px;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__step-title {
	color: var(--wp--preset--color--navy, #000a29);
	display: block;
	font-weight: 780;
	grid-column: 2;
	margin: 0 0 6px;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__step-copy {
	display: block;
	grid-column: 2;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto > :is(.wp-block-deejay-core-ftp-filezilla, .deejay-ftp-filezilla-block) {
	border-bottom: 1px solid var(--wp--preset--color--border, #dde2ea);
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 clamp(26px, 4vw, 32px) 64px;
}

.deejay-core-ftp-page .djp-content .ftp-howto > :is(.wp-block-deejay-core-ftp-filezilla, .deejay-ftp-filezilla-block) .deejay-ftp-action--filezilla::before {
	background: currentColor;
	content: "";
	flex: 0 0 17px;
	height: 17px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat;
	width: 17px;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto a {
	color: var(--wp--preset--color--deep-blue, #00293c);
	font-weight: 700;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__ext-link::after {
	content: "\2197";
	font-size: 0.8em;
	margin-left: 0.25em;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) :is(.ftp-howto__private, .ftp-howto__confirmation) {
	display: block;
	font-size: 0.875rem;
	grid-column: 2;
	line-height: 1.5;
	margin-top: 13px;
	padding-left: 24px;
	position: relative;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__private {
	color: #765a17;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__private strong {
	color: var(--wp--preset--color--text, #18213a);
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__confirmation {
	color: #176b39;
	font-weight: 650;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) :is(.ftp-howto__private, .ftp-howto__confirmation)::before {
	background: currentColor;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 0.15rem;
	width: 16px;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__private::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='10' x='5' y='11' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='10' x='5' y='11' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__confirmation::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__note {
	background: #f0faf4;
	border: 1px solid #bfe7ce;
	border-radius: var(--djp-control-radius);
	box-sizing: border-box;
	color: #17663b;
	margin: clamp(28px, 4vw, 38px) 0 0;
	max-width: none !important;
	padding: 20px 22px;
	width: 100%;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__note-title {
	color: #087f3e;
	font-weight: 780;
	margin: 0 0 7px;
	padding-left: 24px;
	position: relative;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__note-title::before {
	background: currentColor;
	content: "";
	height: 15px;
	left: 0;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center / contain no-repeat;
	position: absolute;
	top: 0.2rem;
	width: 15px;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__note p:last-child {
	margin-bottom: 0;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__troubleshooting {
	background: var(--wp--preset--color--background, #f7f8fa);
	border: 1px solid var(--wp--preset--color--border, #dde2ea);
	border-radius: var(--djp-control-radius);
	box-sizing: border-box;
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.9375rem;
	line-height: 1.6;
	margin: 16px 0 0;
	max-width: none !important;
	padding: 20px 22px;
	width: 100%;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__troubleshooting p {
	margin: 6px 0 0;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__troubleshooting .ftp-howto__troubleshooting-title {
	color: var(--wp--preset--color--navy, #000a29);
	font-weight: 780;
	margin-top: 0;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__support-link {
	white-space: nowrap;
}

:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto code {
	overflow-wrap: anywhere;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-message {
	background: var(--wp--preset--color--surface, #fff);
	border-left: 4px solid var(--wp--preset--color--deep-blue, #00293c);
	border-radius: 0 var(--djp-card-radius) var(--djp-card-radius) 0;
	box-shadow: var(--djp-card-shadow);
	color: var(--wp--preset--color--text, #18213a);
	line-height: 1.55;
	margin: 0;
	overflow-wrap: anywhere;
	padding: 20px 22px;
}

.deejay-core-ftp-page .djp-content :is(.deejay-ftp-message--access-denied, .deejay-ftp-message--configuration, .deejay-ftp-message--service-unavailable) {
	border-left-color: var(--wp--preset--color--accent, #d60025);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-message--account-missing {
	border-left-color: #c98200;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-message > :first-child {
	margin-top: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-message > :last-child {
	margin-bottom: 0;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-message a {
	background: var(--wp--preset--color--accent, #d60025);
	border-radius: var(--djp-control-radius);
	color: var(--wp--preset--color--surface, #fff);
	display: inline-flex;
	font-size: 0.8125rem;
	font-weight: 750;
	line-height: 1.2;
	min-height: 40px;
	padding: 9px 15px;
	text-decoration: none;
}

.deejay-core-ftp-page .djp-content .deejay-ftp-message a:hover {
	background: var(--wp--preset--color--navy, #000a29);
}

.deejay-core-ftp-page .djp-content .deejay-ftp-message a:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2);
	outline: 0;
}

@media (max-width: 600px) {
	.deejay-core-ftp-page .djp-content .deejay-ftp-tabs__navigation {
		border-radius: var(--djp-control-radius);
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		margin-bottom: 18px;
		overflow-x: hidden;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-tab {
		flex: none;
		font-size: 0.8125rem;
		min-height: 50px;
		min-width: 0;
		padding-inline: 6px;
		white-space: normal;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-account__header {
		align-items: start;
		grid-template-columns: minmax(0, 1fr);
		padding: 16px;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-account__dates {
		justify-self: start;
		text-align: left;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-columns--history {
		grid-template-columns: minmax(0, 1fr);
	}

	.deejay-core-ftp-page .djp-content :is(.deejay-ftp-details__filezilla, .deejay-ftp-settings__filezilla) .deejay-ftp-filezilla,
	.deejay-core-ftp-page .djp-content :is(.deejay-ftp-details__filezilla, .deejay-ftp-settings__filezilla) .deejay-ftp-action--filezilla,
	.deejay-core-ftp-page .djp-content .deejay-ftp-reset-confirmation__actions .deejay-ftp-action {
		width: 100%;
	}

	.deejay-core-ftp-page .djp-content :is(.deejay-ftp-settings__password, .deejay-ftp-settings__filezilla) {
		padding: 19px 18px;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-reset-confirmation {
		margin: 0 18px 19px;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-settings > .deejay-ftp-action-message {
		padding: 0 18px 19px;
	}

	:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__header {
		padding-bottom: 24px;
	}

	:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__steps > li {
		padding-bottom: 24px;
		padding-top: 24px;
	}

	:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__steps--initial > li:nth-child(2) {
		padding-bottom: 16px;
	}

	:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto > :is(.wp-block-deejay-core-ftp-filezilla, .deejay-ftp-filezilla-block) {
		padding-bottom: 24px;
	}

	.deejay-core-ftp-page .djp-content .ftp-howto > :is(.wp-block-deejay-core-ftp-filezilla, .deejay-ftp-filezilla-block) :is(.deejay-ftp-filezilla, .deejay-ftp-action--filezilla) {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.deejay-core-ftp-page .djp-content .deejay-ftp-detail {
		align-items: start;
		gap: 7px;
		grid-template-columns: minmax(0, 1fr);
		padding: 13px 15px;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-detail dd {
		justify-content: flex-start;
		text-align: left;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-statuses {
		align-items: stretch;
		display: grid;
		gap: 10px;
		grid-template-columns: minmax(0, 1fr);
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-account-status {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.16);
		padding-left: 0;
		padding-top: 10px;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-details__filezilla {
		justify-content: stretch;
	}

	.deejay-core-ftp-page .djp-content .deejay-ftp-message {
		padding: 18px;
	}

	:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__steps > li {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto > :is(.wp-block-deejay-core-ftp-filezilla, .deejay-ftp-filezilla-block) {
		padding-left: 48px;
	}

	:is(.deejay-core-ftp-page .djp-content .deejay-ftp-tutorial, .editor-styles-wrapper) .ftp-howto__note {
		padding: 18px;
	}
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile,
.deejay-core-user-profile-page .djp-content .deejay-user-profile-form {
	display: grid;
	gap: 20px;
	margin: 0;
	min-width: 0;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-identity {
	background: var(--wp--preset--color--background, #f7f8fa);
	border: 1px solid var(--wp--preset--color--border, #dde2ea);
	border-radius: var(--djp-control-radius);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	min-width: 0;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-field {
	margin: 0;
	min-width: 0;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-field--identity {
	display: grid;
	gap: 5px;
	padding: 14px 16px;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-field--email {
	border-left: 1px solid var(--wp--preset--color--border, #dde2ea);
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-label,
.deejay-core-user-profile-page .djp-content .deejay-user-profile-field--editable > label,
.deejay-core-user-profile-page .djp-content .deejay-user-profile-field--password > label {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.045em;
	line-height: 1.3;
	text-transform: uppercase;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-field--identity strong {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-details {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	min-width: 0;
}

.deejay-core-user-profile-page .djp-content :is(.deejay-user-profile-field--editable, .deejay-user-profile-field--password) {
	display: grid;
	gap: 7px;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-form :is(input[type="text"], input[type="password"]) {
	appearance: none;
	background: #f1f6fa;
	border: 1px solid rgba(0, 10, 41, 0.14);
	border-radius: var(--djp-control-radius);
	box-shadow: none;
	color: var(--wp--preset--color--text, #18213a);
	font: inherit;
	min-height: 44px;
	min-width: 0;
	padding: 9px 12px;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out;
	width: 100%;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-form :is(input[type="text"], input[type="password"]):hover {
	border-color: rgba(0, 10, 41, 0.28);
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-form :is(input[type="text"], input[type="password"]):focus {
	background: var(--wp--preset--color--surface, #fff);
	border-color: var(--wp--preset--color--accent, #d60025);
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent, #d60025);
	outline: 0;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-password {
	background: var(--wp--preset--color--background, #f7f8fa);
	border: 1px solid var(--wp--preset--color--border, #dde2ea);
	border-radius: var(--djp-control-radius);
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	min-inline-size: 0;
	min-width: 0;
	padding: 18px;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-password > legend {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	padding: 0 6px;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-password-description {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.875rem;
	grid-column: 1 / -1;
	line-height: 1.5;
	margin: 0;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-field--current-password,
.deejay-core-user-profile-page .djp-content .deejay-user-profile-password-strength,
.deejay-core-user-profile-page .djp-content .deejay-user-profile-weak-password {
	grid-column: 1 / -1;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-password-strength {
	border-left: 3px solid currentcolor;
	border-radius: 0 var(--djp-control-radius) var(--djp-control-radius) 0;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.35;
	margin: 0;
	padding: 9px 12px;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-password-strength:empty {
	display: none;
}

.deejay-core-user-profile-page .djp-content :is(.deejay-user-profile-password-strength--very-weak, .deejay-user-profile-password-strength--weak, .deejay-user-profile-password-strength--mismatch) {
	background: rgba(214, 0, 37, 0.07);
	color: #a6001d;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-password-strength--medium {
	background: rgba(0, 77, 115, 0.08);
	color: #004d73;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-password-strength--strong {
	background: rgba(30, 125, 67, 0.09);
	color: #176b39;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-weak-password {
	align-items: center;
	color: var(--wp--preset--color--text, #18213a);
	cursor: pointer;
	display: flex;
	font-size: 0.875rem;
	font-weight: 600;
	gap: 9px;
	line-height: 1.4;
	margin: 0;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-weak-password[hidden] {
	display: none !important;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-weak-password input[type="checkbox"] {
	accent-color: var(--wp--preset--color--accent, #d60025);
	flex: 0 0 auto;
	height: 18px;
	margin: 0;
	width: 18px;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-weak-password input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: 3px;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-submit {
	align-items: center;
	appearance: none;
	background: var(--wp--preset--color--accent, #d60025);
	border: 0;
	border-radius: var(--djp-control-radius);
	box-shadow: 0 8px 18px rgba(214, 0, 37, 0.16);
	color: var(--wp--preset--color--surface, #fff);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 750;
	justify-content: center;
	justify-self: start;
	letter-spacing: 0.02em;
	line-height: 1.2;
	min-height: 44px;
	padding: 10px 18px;
	transition: background-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-submit:not(:disabled):hover {
	background: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 9px 20px rgba(0, 10, 41, 0.18);
	transform: translateY(-1px);
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-submit:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2);
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-submit:disabled {
	background: var(--wp--preset--color--border, #dde2ea);
	box-shadow: none;
	color: var(--wp--preset--color--muted, #667085);
	cursor: not-allowed;
	transform: none;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-message {
	background: var(--wp--preset--color--background, #f7f8fa);
	border-left: 3px solid var(--wp--preset--color--deep-blue, #00293c);
	border-radius: 0 var(--djp-control-radius) var(--djp-control-radius) 0;
	color: var(--wp--preset--color--text, #18213a);
	line-height: 1.55;
	margin: 0;
	min-width: 0;
	padding: 16px 18px;
	overflow-wrap: anywhere;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-message--success {
	background: rgba(30, 125, 67, 0.07);
	border-left-color: #1e7d43;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-message--error {
	background: rgba(214, 0, 37, 0.055);
	border-left-color: var(--wp--preset--color--accent, #d60025);
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-message > :first-child {
	margin-top: 0;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-message > :last-child {
	margin-bottom: 0;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-message ul {
	margin-bottom: 0;
	padding-left: 1.25rem;
}

.deejay-core-user-profile-page .djp-content .deejay-user-profile-message a {
	font-weight: 750;
}

@media (max-width: 600px) {
	.deejay-core-user-profile-page .djp-content :is(.deejay-user-profile-identity, .deejay-user-profile-details, .deejay-user-profile-password) {
		grid-template-columns: minmax(0, 1fr);
	}

	.deejay-core-user-profile-page .djp-content .deejay-user-profile-field--email {
		border-left: 0;
		border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	}

	.deejay-core-user-profile-page .djp-content .deejay-user-profile-password {
		padding: 16px 14px;
	}

	.deejay-core-user-profile-page .djp-content .deejay-user-profile-submit {
		justify-self: stretch;
		width: 100%;
	}
}

.djp-content .wpcf7,
.djp-content .deejay-group-content-router--contact-form-7 {
	min-width: 0;
	width: 100%;
}

.djp-content .wpcf7 form {
	display: grid;
	gap: 7px;
	margin: 0;
	min-width: 0;
}

.djp-content .wpcf7 form > .wpcf7-form-control-wrap {
	display: none;
}

.djp-content .wpcf7 form > p {
	display: grid;
	font-size: 0.8125rem;
	font-weight: 700;
	gap: 7px;
	line-height: 1.4;
	margin: 0;
	min-width: 0;
}

.djp-content .wpcf7 form > p > br {
	display: none;
}

.djp-content .wpcf7 form > p > .wpcf7-form-control-wrap {
	margin-bottom: 11px;
}

.djp-content .wpcf7 form > hr {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	margin: 11px 0 0;
	width: 100%;
}

.djp-content .wpcf7-form-control-wrap {
	display: block;
	min-width: 0;
}

.djp-content .wpcf7 :is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], textarea, select) {
	appearance: none;
	background: #f1f6fa;
	border: 1px solid rgba(0, 10, 41, 0.14);
	border-radius: var(--djp-control-radius);
	box-shadow: none;
	box-sizing: border-box;
	color: var(--wp--preset--color--text, #18213a);
	font: inherit;
	font-size: 1rem;
	line-height: 1.4;
	min-height: 44px;
	min-width: 0;
	padding: 9px 12px;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out;
	width: 100%;
}

.djp-content .wpcf7 textarea {
	min-height: 160px;
	resize: vertical;
}

.djp-content .wpcf7 :is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], textarea, select):hover {
	border-color: rgba(0, 10, 41, 0.28);
}

.djp-content .wpcf7 :is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], textarea, select):focus {
	background: var(--wp--preset--color--surface, #fff);
	border-color: var(--wp--preset--color--accent, #d60025);
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent, #d60025);
	outline: 0;
}

.djp-content .wpcf7 :is(input, textarea, select).wpcf7-not-valid {
	background: rgba(214, 0, 37, 0.035);
	border-color: var(--wp--preset--color--accent, #d60025);
}

.djp-content .wpcf7-not-valid-tip {
	color: #a6001d;
	display: block;
	font-size: 0.8125rem;
	font-weight: 650;
	line-height: 1.4;
	margin-top: 6px;
}

.djp-content .wpcf7-submit {
	align-items: center;
	appearance: none;
	background: var(--wp--preset--color--accent, #d60025);
	border: 0;
	border-radius: var(--djp-control-radius);
	box-shadow: 0 8px 18px rgba(214, 0, 37, 0.16);
	color: var(--wp--preset--color--surface, #fff);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 750;
	justify-content: center;
	justify-self: start;
	letter-spacing: 0.02em;
	line-height: 1.2;
	min-height: 44px;
	padding: 10px 22px;
	transition: background-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
}

.djp-content .wpcf7-submit:not(:disabled):hover {
	background: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 9px 20px rgba(0, 10, 41, 0.18);
	transform: translateY(-1px);
}

.djp-content .wpcf7-submit:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2);
}

.djp-content .wpcf7-submit:disabled,
.djp-content .wpcf7 form.submitting .wpcf7-submit {
	background: var(--wp--preset--color--border, #dde2ea);
	box-shadow: none;
	color: var(--wp--preset--color--muted, #667085);
	cursor: wait;
	transform: none;
}

.djp-content .wpcf7-spinner {
	margin: 0 0 0 10px;
	vertical-align: middle;
}

.djp-content .wpcf7-response-output,
.djp-content .deejay-group-content-router__message--unavailable {
	background: var(--wp--preset--color--background, #f7f8fa);
	border: 0 !important;
	border-left: 3px solid var(--wp--preset--color--deep-blue, #00293c) !important;
	border-radius: 0 var(--djp-control-radius) var(--djp-control-radius) 0;
	color: var(--wp--preset--color--text, #18213a);
	line-height: 1.55;
	margin: 0 !important;
	overflow-wrap: anywhere;
	padding: 14px 16px !important;
}

.djp-content .wpcf7 form.sent .wpcf7-response-output {
	background: rgba(30, 125, 67, 0.07);
	border-left-color: #1e7d43 !important;
}

.djp-content .wpcf7 form:is(.invalid, .unaccepted, .spam, .aborted, .failed) .wpcf7-response-output {
	background: rgba(214, 0, 37, 0.055);
	border-left-color: var(--wp--preset--color--accent, #d60025) !important;
}

.djp-content .wpcf7 .cf7-cf-turnstile {
	margin: 0;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.djp-content .wpcf7 table.cf-form {
	border: 0;
	border-collapse: collapse;
	display: block;
	font-size: 1rem !important;
	margin: 0;
	min-width: 0;
	width: 100%;
}

.djp-content .wpcf7 table.cf-form tbody {
	display: grid;
	gap: 18px;
	min-width: 0;
	width: 100%;
}

.djp-content .wpcf7 table.cf-form tr {
	display: grid;
	gap: 7px;
	grid-template-columns: minmax(0, 1fr);
	margin: 0;
	min-width: 0;
}

.djp-content .wpcf7 table.cf-form td {
	border: 0;
	display: block;
	font-size: 0.8125rem !important;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
	min-width: 0;
	padding: 0;
	width: auto;
}

.djp-content .wpcf7 table.cf-form td > p,
.djp-content .wpcf7 table.cf-form td[colspan="2"] > div > p {
	margin: 0;
	min-width: 0;
}

.djp-content .wpcf7 table.cf-form input[type="text"],
.djp-content .wpcf7 table.cf-form input[type="email"],
.djp-content .wpcf7 table.cf-form textarea {
	font-size: 1rem !important;
}

.djp-content .wpcf7 table.cf-form .req {
	color: var(--wp--preset--color--accent, #d60025) !important;
	font-size: 1em;
}

.djp-content .wpcf7 table.cf-form td[colspan="2"] > div {
	background: var(--wp--preset--color--background, #f7f8fa);
	border: 1px solid var(--wp--preset--color--border, #dde2ea);
	border-radius: var(--djp-control-radius);
	color: var(--wp--preset--color--text, #18213a);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.55;
	margin: 0 0 10px;
	overflow-wrap: anywhere;
	padding: 13px 14px;
}

.djp-content .wpcf7 table.cf-form td[colspan="2"] > div:last-child {
	margin-bottom: 0;
}

.djp-content .wpcf7 .wpcf7-acceptance {
	display: inline-flex;
	margin-right: 8px;
	vertical-align: text-top;
}

.djp-content .wpcf7 .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.djp-content .wpcf7 .wpcf7-acceptance label {
	display: inline-flex;
}

.djp-content .wpcf7 input[type="checkbox"] {
	accent-color: var(--wp--preset--color--accent, #d60025);
	flex: 0 0 auto;
	height: 18px;
	margin: 1px 0 0;
	width: 18px;
}

.djp-content .wpcf7 input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: 3px;
}

.djp-content .wpcf7 table.cf-form tr:last-child td[colspan="2"] {
	align-items: center;
	display: grid;
	gap: 14px;
}

.djp-content .wpcf7 table.cf-form tr:last-child .cf7-cf-turnstile {
	width: 100%;
}

@media (max-width: 600px) {
	.djp-content .wpcf7-submit {
		width: 100%;
	}

	.djp-content .wpcf7-spinner {
		justify-self: center;
		margin: 2px 0 0;
	}

	.djp-content .wpcf7 table.cf-form tr:last-child td[colspan="2"] {
		align-items: stretch;
	}
}

.djp-content .deejay-download-catalog {
	display: grid;
	gap: 20px;
	margin: 0;
	min-width: 0;
}

.djp-content .deejay-download-catalog__description {
	background: var(--wp--preset--color--background, #f7f8fa);
	border-left: 3px solid var(--wp--preset--color--accent, #d60025);
	border-radius: 0 var(--djp-control-radius) var(--djp-control-radius) 0;
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.9375rem;
	line-height: 1.55;
	margin: 0;
	padding: 13px 16px;
}

.djp-content .deejay-download-catalog__pagination {
	font-size: 0.875rem;
	margin: 0;
}

.djp-content .deejay-download-catalog__pagination ul.page-numbers {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
}

.djp-content .deejay-download-catalog__pagination .page-numbers li {
	margin: 0;
}

.djp-content .deejay-download-catalog__pagination li > .page-numbers {
	align-items: center;
	background: var(--wp--preset--color--background, #f7f8fa);
	border-radius: var(--djp-control-radius);
	color: var(--wp--preset--color--navy, #000a29);
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	min-height: 38px;
	min-width: 38px;
	padding: 8px 11px;
	text-decoration: none;
}

.djp-content .deejay-download-catalog__pagination li > a.page-numbers:hover {
	background: rgba(214, 0, 37, 0.065);
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-content .deejay-download-catalog__pagination li > .page-numbers.current {
	background: var(--wp--preset--color--accent, #d60025);
	color: var(--wp--preset--color--surface, #fff);
}

.djp-content .deejay-download-catalog__pagination li > .page-numbers.dots {
	background: transparent;
	min-width: auto;
	padding-inline: 2px;
}

.djp-content .deejay-download-catalog__day {
	margin: 0;
	min-width: 0;
}

.djp-content .deejay-download-catalog__day-heading {
	align-items: baseline;
	border-bottom: 2px solid var(--wp--preset--color--navy, #000a29);
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	justify-content: space-between;
	margin: 0;
	padding: 0 12px 12px;
}

.djp-content .deejay-download-catalog__date {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: clamp(1.125rem, 2vw, 1.375rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.djp-content .deejay-download-catalog__day-count {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0.035em;
	line-height: 1.3;
	text-transform: uppercase;
}

.djp-content .deejay-download-catalog__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.djp-content .deejay-download-catalog__item {
	align-items: center;
	border-bottom: 1px solid var(--wp--preset--color--border, #dde2ea);
	display: grid;
	gap: 10px 20px;
	grid-template-columns: minmax(14rem, 1.35fr) minmax(10rem, 1fr) auto;
	margin: 0;
	min-width: 0;
	padding: 14px 12px;
	transition: background-color 150ms ease-out;
}

.djp-content .deejay-download-catalog__item:is(:hover, :focus-within) {
	background: rgba(0, 41, 60, 0.035);
}

.djp-content .deejay-download-catalog__title {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 0.9375rem;
	font-weight: 750;
	line-height: 1.35;
	min-width: 0;
	overflow-wrap: anywhere;
	text-decoration: none;
}

.djp-content .deejay-download-catalog__title:hover {
	color: var(--wp--preset--color--accent, #d60025);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.djp-content .deejay-download-catalog__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 8px;
	min-width: 0;
}

.djp-content .deejay-download-catalog__category {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	font-weight: 650;
	line-height: 1.35;
	overflow-wrap: anywhere;
	text-decoration: none;
}

.djp-content .deejay-download-catalog__category:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--accent, #d60025);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.djp-content .deejay-download-catalog__action {
	justify-self: end;
	min-width: 0;
	position: relative;
}

.djp-content .deejay-download-catalog__form {
	margin: 0;
}

.djp-content .deejay-download-catalog__button {
	align-items: center;
	appearance: none;
	background: var(--wp--preset--color--accent, #d60025);
	border: 1px solid var(--wp--preset--color--accent, #d60025);
	border-radius: var(--djp-control-radius);
	box-shadow: 0 6px 16px rgba(214, 0, 37, 0.16);
	color: var(--wp--preset--color--surface, #fff);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 800;
	gap: 7px;
	justify-content: center;
	line-height: 1.2;
	min-height: 40px;
	min-width: 108px;
	padding: 9px 13px;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
}

.djp-content .deejay-download-catalog__button::before {
	background: currentColor;
	content: "";
	flex: 0 0 17px;
	height: 17px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0 5-5m-5 5-5-5M5 17v3h14v-3' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0 5-5m-5 5-5-5M5 17v3h14v-3' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
	width: 17px;
}

.djp-content .deejay-download-catalog__button:not(.deejay-download-catalog__button--disabled):hover {
	background: var(--wp--preset--color--navy, #000a29);
	border-color: var(--wp--preset--color--navy, #000a29);
	box-shadow: 0 8px 18px rgba(0, 10, 41, 0.18);
	transform: translateY(-1px);
}

.djp-content .deejay-download-catalog__button:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 0, 37, 0.2), 0 6px 16px rgba(214, 0, 37, 0.16);
}

.djp-content .deejay-download-catalog__button--disabled {
	background: #788295;
	border-color: #788295;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.78;
	transform: none;
}

.djp-content .deejay-download-catalog__reason {
	background: var(--wp--preset--color--navy, #000a29);
	border-radius: var(--djp-control-radius);
	bottom: calc(100% + 9px);
	color: var(--wp--preset--color--surface, #fff);
	font-size: 0.75rem;
	font-weight: 550;
	line-height: 1.4;
	max-width: min(280px, 70vw);
	opacity: 0;
	overflow-wrap: anywhere;
	padding: 8px 10px;
	pointer-events: none;
	position: absolute;
	right: 0;
	transform: translateY(4px);
	transition: opacity 140ms ease-out, transform 140ms ease-out, visibility 140ms ease-out;
	visibility: hidden;
	width: max-content;
	z-index: 2;
}

.djp-content .deejay-download-catalog__reason::after {
	border: 5px solid transparent;
	border-top-color: var(--wp--preset--color--navy, #000a29);
	content: "";
	position: absolute;
	right: 18px;
	top: 100%;
}

.djp-content .deejay-download-catalog__action:is(:hover, :focus-within) .deejay-download-catalog__reason {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.djp-content .deejay-download-catalog__empty {
	background: var(--wp--preset--color--background, #f7f8fa);
	border-left: 3px solid var(--wp--preset--color--deep-blue, #00293c);
	border-radius: 0 var(--djp-control-radius) var(--djp-control-radius) 0;
	color: var(--wp--preset--color--text, #18213a);
	line-height: 1.55;
	margin: 0;
	padding: 16px 18px;
}

.djp-content .deejay-download-catalog__empty--login-required {
	border-left-color: var(--wp--preset--color--accent, #d60025);
}

.djp-content .deejay-download-catalog__empty--access-denied {
	background: rgba(214, 0, 37, 0.055);
	border-left-color: var(--wp--preset--color--accent, #d60025);
}

.djp-content .deejay-download-catalog__empty a {
	font-weight: 750;
}

@media (max-width: 600px) {
	.djp-content .deejay-download-catalog {
		gap: 16px;
	}

	.djp-content .deejay-download-catalog__pagination {
		font-size: 0.8125rem;
	}

	.djp-content .deejay-download-catalog__pagination ul.page-numbers {
		gap: 8px;
	}

	.djp-content .deejay-download-catalog__pagination li > .page-numbers {
		min-height: 34px;
		min-width: 34px;
		padding: 7px 8px;
	}

	.djp-content .deejay-download-catalog__pagination li > .page-numbers:not(.current):not(.prev):not(.next) {
		display: none;
	}

	.djp-content .deejay-download-catalog__day-heading {
		align-items: flex-start;
		flex-direction: column;
		padding-inline: 0;
	}

	.djp-content .deejay-download-catalog__item {
		align-items: start;
		gap: 8px;
		grid-template-columns: minmax(0, 1fr);
		padding: 14px 0;
	}

	.djp-content .deejay-download-catalog__action {
		justify-self: start;
		margin-top: 3px;
	}
}

@media (hover: none), (pointer: coarse) {
	.djp-content .deejay-download-catalog__action {
		display: grid;
		gap: 6px;
		justify-items: start;
	}

	.djp-content .deejay-download-catalog__reason {
		background: transparent;
		color: var(--wp--preset--color--muted, #667085);
		max-width: 20rem;
		opacity: 1;
		padding: 0;
		pointer-events: auto;
		position: static;
		transform: none;
		visibility: visible;
		width: auto;
	}

	.djp-content .deejay-download-catalog__reason::after {
		display: none;
	}
}

.djp-content .deejay-download-history {
	display: grid;
	gap: 20px;
	margin: 0;
	min-width: 0;
}

.djp-content .deejay-download-history__summary {
	background: var(--wp--preset--color--background, #f7f8fa);
	border: 1px solid var(--wp--preset--color--border, #dde2ea);
	border-radius: var(--djp-control-radius);
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
	margin: 0;
}

.djp-content .deejay-download-history__summary-item {
	color: var(--wp--preset--color--navy, #000a29);
	display: grid;
	gap: 4px;
	margin: 0;
	min-width: 0;
	padding: 14px 16px;
}

.djp-content .deejay-download-history__summary-item--period {
	border-left: 1px solid var(--wp--preset--color--border, #dde2ea);
}

.djp-content .deejay-download-history__summary-item dt,
.djp-content .deejay-download-history__summary-item dd {
	margin: 0;
}

.djp-content .deejay-download-history__summary-item dt {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.035em;
	line-height: 1.3;
	text-transform: uppercase;
}

.djp-content .deejay-download-history__summary-item dd {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.djp-content .deejay-download-history__summary-item--total dd {
	font-size: 1.125rem;
	font-variant-numeric: tabular-nums;
	line-height: 1.3;
}

.djp-content .deejay-download-history__summary-days {
	color: var(--wp--preset--color--muted, #667085);
	display: inline;
	font-size: 0.8125rem;
	font-weight: 500;
	margin-left: 4px;
}

.djp-content .deejay-download-history__list {
	border-top: 2px solid var(--wp--preset--color--navy, #000a29);
	list-style: none;
	margin: 0;
	padding: 0;
}

.djp-content .deejay-download-history__item {
	align-items: center;
	border-bottom: 1px solid var(--wp--preset--color--border, #dde2ea);
	display: grid;
	gap: 8px 24px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin: 0;
	min-width: 0;
	padding: 14px 12px;
	transition: background-color 150ms ease-out;
}

.djp-content .deejay-download-history__item:nth-child(even) {
	background: rgba(0, 41, 60, 0.018);
}

.djp-content .deejay-download-history__item:is(:hover, :focus-within) {
	background: rgba(214, 0, 37, 0.045);
}

.djp-content .deejay-download-history__title {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.4;
	min-width: 0;
	overflow-wrap: anywhere;
}

.djp-content .deejay-download-history__title a {
	color: var(--wp--preset--color--navy, #000a29);
	text-decoration: none;
}

.djp-content .deejay-download-history__title a:hover {
	color: var(--wp--preset--color--accent, #d60025);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.djp-content .deejay-download-history__date {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	line-height: 1.4;
	text-align: right;
	white-space: nowrap;
}

.djp-content .deejay-download-history__pagination {
	font-size: 0.875rem;
	margin: 0;
}

.djp-content .deejay-download-history__pagination ul.page-numbers {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
}

.djp-content .deejay-download-history__pagination .page-numbers li {
	margin: 0;
}

.djp-content .deejay-download-history__pagination li > .page-numbers {
	align-items: center;
	background: var(--wp--preset--color--background, #f7f8fa);
	border-radius: var(--djp-control-radius);
	color: var(--wp--preset--color--navy, #000a29);
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	min-height: 38px;
	min-width: 38px;
	padding: 8px 11px;
	text-decoration: none;
}

.djp-content .deejay-download-history__pagination li > a.page-numbers:hover {
	background: rgba(214, 0, 37, 0.065);
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-content .deejay-download-history__pagination li > .page-numbers.current {
	background: var(--wp--preset--color--accent, #d60025);
	color: var(--wp--preset--color--surface, #fff);
}

.djp-content .deejay-download-history__pagination li > .page-numbers.dots {
	background: transparent;
	min-width: auto;
	padding-inline: 2px;
}

.djp-content :is(.deejay-download-history__empty, .deejay-download-history__login) {
	background: var(--wp--preset--color--background, #f7f8fa);
	border-left: 3px solid var(--wp--preset--color--accent, #d60025);
	border-radius: 0 var(--djp-control-radius) var(--djp-control-radius) 0;
	color: var(--wp--preset--color--text, #18213a);
	line-height: 1.55;
	margin: 0;
	padding: 16px 18px;
}

.djp-content :is(.deejay-download-history__empty, .deejay-download-history__login) > :first-child {
	margin-top: 0;
}

.djp-content :is(.deejay-download-history__empty, .deejay-download-history__login) > :last-child {
	margin-bottom: 0;
}

.djp-content :is(.deejay-download-history__empty, .deejay-download-history__login) a {
	font-weight: 750;
}

@media (max-width: 600px) {
	.djp-content .deejay-download-history {
		gap: 16px;
	}

	.djp-content .deejay-download-history__summary {
		grid-template-columns: minmax(0, 1fr);
	}

	.djp-content .deejay-download-history__summary-item--period {
		border-left: 0;
		border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	}

	.djp-content .deejay-download-history__item {
		align-items: start;
		gap: 5px;
		grid-template-columns: minmax(0, 1fr);
		padding-inline: 0;
	}

	.djp-content .deejay-download-history__date {
		text-align: left;
		white-space: normal;
	}

	.djp-content .deejay-download-history__pagination {
		font-size: 0.8125rem;
	}

	.djp-content .deejay-download-history__pagination ul.page-numbers {
		gap: 8px;
	}

	.djp-content .deejay-download-history__pagination li > .page-numbers {
		min-height: 34px;
		min-width: 34px;
		padding: 7px 8px;
	}

	.djp-content .deejay-download-history__pagination li > .page-numbers:not(.current):not(.prev):not(.next) {
		display: none;
	}
}

.djp-content .deejay-category-logo-page {
	margin: 0;
	min-width: 0;
}

.djp-content .deejay-category-logo-page__list {
	display: grid;
	gap: clamp(18px, 2.4vw, 32px) clamp(12px, 1.8vw, 24px);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.djp-content .deejay-category-logo-page__item {
	margin: 0;
	min-width: 0;
}

.djp-content .deejay-category-logo-page__link {
	align-items: center;
	box-sizing: border-box;
	color: var(--wp--preset--color--navy, #000a29);
	display: flex;
	flex-direction: column;
	gap: 6px;
	justify-content: center;
	min-height: 218px;
	min-width: 0;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	transition: color 160ms ease-out, transform 160ms ease-out;
}

.djp-content .deejay-category-logo-page__link:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--accent, #d60025);
	transform: translateY(-3px);
}

.djp-content .deejay-category-logo-page__logo {
	align-items: center;
	display: flex;
	height: 128px;
	justify-content: center;
	max-width: 100%;
	width: 128px;
}

.djp-content .deejay-category-logo-page__image {
	display: block;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.djp-content .deejay-category-logo-page__wordmark {
	display: block;
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.05;
	overflow-wrap: anywhere;
	text-transform: uppercase;
}

.djp-content .deejay-category-logo-page__separator {
	background: var(--wp--preset--color--border, #dde2ea);
	display: block;
	height: 2px;
	margin: 5px 0 2px;
	width: 32px;
}

.djp-content .deejay-category-logo-page__name {
	font-size: 0.9375rem;
	font-weight: 750;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.djp-content .deejay-category-logo-page__count {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	line-height: 1.3;
}

.djp-content .deejay-category-logo-page__empty {
	background: var(--wp--preset--color--background, #f7f8fa);
	border-radius: var(--djp-control-radius);
	color: var(--wp--preset--color--muted, #667085);
	margin: 0;
	padding: 16px 18px;
}

@media (max-width: 600px) {
	.djp-content .deejay-category-logo-page__list {
		gap: 12px 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.djp-content .deejay-category-logo-page__link {
		min-height: 184px;
		padding: 6px;
	}

	.djp-content .deejay-category-logo-page__logo {
		height: 104px;
		width: 104px;
	}
}

.djp-category-carousel.deejay-category-logo-carousel {
	--deejay-category-logo-carousel-gap: clamp(10px, 1.2vw, 18px);
	margin: var(--djp-card-gap) auto 0;
	max-width: 1440px;
	width: 100%;
}

.djp-category-carousel .deejay-category-logo-carousel__frame {
	gap: clamp(8px, 1vw, 14px);
}

.djp-category-carousel .deejay-category-logo-carousel__viewport {
	scrollbar-width: none;
}

.djp-category-carousel .deejay-category-logo-carousel__viewport::-webkit-scrollbar {
	display: none;
}

.djp-category-carousel .deejay-category-logo-carousel__link {
	align-items: center;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	padding: clamp(8px, 1.2vw, 16px);
}

.djp-category-carousel .deejay-category-logo-carousel__image {
	max-height: 160px;
	object-fit: contain;
	transition: transform 220ms ease-out;
}

.djp-category-carousel .deejay-category-logo-carousel__link:hover .deejay-category-logo-carousel__image {
	transform: rotate(-4deg) scale(1.08);
}

.djp-category-carousel :is(.deejay-category-logo-carousel__previous, .deejay-category-logo-carousel__next) {
	align-items: center;
	background: var(--wp--preset--color--navy, #000a29);
	border: 0;
	border-radius: 50%;
	color: var(--wp--preset--color--surface, #fff);
	cursor: pointer;
	display: flex;
	font: inherit;
	height: 42px;
	justify-content: center;
	padding: 0;
	transition: background-color 160ms ease-out, transform 160ms ease-out;
	width: 42px;
}

.djp-category-carousel :is(.deejay-category-logo-carousel__previous, .deejay-category-logo-carousel__next) span {
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
	margin-top: -3px;
}

.djp-category-carousel :is(.deejay-category-logo-carousel__previous, .deejay-category-logo-carousel__next):hover {
	background: var(--wp--preset--color--accent, #d60025);
	transform: scale(1.06);
}

.djp-category-carousel .deejay-category-logo-carousel__autoplay {
	background: transparent;
	border: 1px solid var(--wp--preset--color--navy, #000a29);
	border-radius: var(--djp-control-radius);
	color: var(--wp--preset--color--navy, #000a29);
	cursor: pointer;
	display: block;
	font: inherit;
	font-size: 0.75rem;
	font-weight: 700;
	margin: 14px auto 0;
	padding: 6px 14px;
	text-transform: uppercase;
}

.djp-category-carousel .deejay-category-logo-carousel__autoplay:hover {
	background: var(--wp--preset--color--navy, #000a29);
	color: var(--wp--preset--color--surface, #fff);
}

.djp-category-carousel .deejay-category-logo-carousel__autoplay:disabled {
	cursor: not-allowed;
	opacity: 0.55;
}

.djp-layout__footer {
	border-top: 1px solid var(--wp--preset--color--border, #dde2ea);
	margin-inline: auto;
	margin-top: 24px;
	max-width: 1440px;
	width: 100%;
}

.djp-site-footer,
.djp-site-footer__inner,
.djp-site-footer__info,
.djp-site-footer__navigation,
.djp-site-footer__menu {
	margin: 0;
}

.djp-site-footer {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.djp-site-footer__inner {
	display: grid;
	gap: clamp(48px, 7vw, 112px);
	grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
	padding: 24px 0 40px;
}

.djp-site-footer__info {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}

.djp-site-footer__logo {
	display: inline-flex;
	filter: grayscale(1);
	opacity: 0.4;
	width: 140px;
}

.djp-site-footer__logo img {
	display: block;
	height: auto;
	width: 100%;
}

.djp-site-footer__tagline {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.875rem;
	line-height: 1.5;
	margin: 16px 0 0;
}

.djp-site-footer__copyright {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 6px 0 0;
}

.djp-site-footer__page-load-time {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.75rem;
	line-height: 1.5;
	margin: 4px 0 0;
	opacity: 0.8;
}

.djp-site-footer__page-load-time .deejay-page-load-time__text {
	font-size: inherit;
}

.djp-site-footer__navigation {
	display: grid;
	gap: clamp(24px, 4vw, 56px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.djp-site-footer__menu:first-child:nth-last-child(1) {
	grid-column-start: 3;
}

.djp-site-footer__menu:first-child:nth-last-child(2) {
	grid-column-start: 2;
}

.djp-site-footer__heading {
	color: var(--wp--preset--color--navy, #000a29);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	line-height: 1.2;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.djp-site-footer__menu :is(.wp-block-navigation, .wp-block-navigation__container) {
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	width: 100%;
}

.djp-site-footer__menu .wp-block-navigation-item,
.djp-site-footer__menu .wp-block-navigation-item__content {
	width: 100%;
}

.djp-site-footer__menu .wp-block-navigation-item__content {
	color: var(--wp--preset--color--muted, #667085);
	font-size: 0.875rem;
	line-height: 1.4;
	padding: 1px 0;
	text-decoration: none;
}

.djp-site-footer__menu .wp-block-navigation-item__content:hover,
.djp-site-footer__menu .wp-block-navigation-item__content:focus-visible,
.djp-site-footer__menu .wp-block-navigation-item__content[aria-current="page"] {
	color: var(--wp--preset--color--accent, #d60025);
}

.djp-layout a:focus,
.djp-layout button:focus {
	outline: 0;
}

.djp-layout a:focus-visible,
.djp-layout button:focus-visible,
.djp-layout select:focus-visible,
.djp-layout textarea:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #d60025);
	outline-offset: 3px;
}

#cookie-notice {
	background: rgba(0, 10, 41, 0.98) !important;
	box-shadow: 0 -12px 38px rgba(0, 10, 41, 0.16);
	color: var(--wp--preset--color--surface, #fff) !important;
	font-family: inherit;
	text-align: left;
}

#cookie-notice .cookie-notice-container {
	align-items: center;
	box-sizing: border-box;
	display: grid;
	gap: 16px 24px;
	grid-template-columns: minmax(0, 1fr) auto 44px;
	margin-inline: auto;
	max-width: 1440px;
	padding: 16px 24px;
}

#cookie-notice #cn-notice-text {
	color: rgba(255, 255, 255, 0.84) !important;
	display: block;
	font-size: 0.875rem;
	line-height: 1.55;
	margin: 0;
	max-width: 72ch;
	text-align: left;
}

#cookie-notice #cn-notice-buttons {
	align-items: center;
	display: inline-flex;
	gap: 8px;
	justify-self: end;
}

#cookie-notice #cn-notice-buttons .cn-button {
	align-items: center;
	background: var(--wp--preset--color--surface, #fff) !important;
	border: 1px solid var(--wp--preset--color--surface, #fff);
	border-radius: var(--djp-control-radius);
	box-shadow: none;
	color: var(--wp--preset--color--navy, #000a29) !important;
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: 0.8125rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.2;
	margin: 0;
	min-height: 40px;
	padding: 9px 14px;
	text-decoration: none;
	transition: background-color 160ms ease-out, border-color 160ms ease-out;
	white-space: nowrap;
}

#cookie-notice #cn-notice-buttons #cn-accept-cookie {
	background: var(--wp--preset--color--accent, #d60025) !important;
	border-color: var(--wp--preset--color--accent, #d60025);
	color: var(--wp--preset--color--surface, #fff) !important;
}

#cookie-notice #cn-accept-cookie:hover,
#cookie-notice #cn-accept-cookie:focus-visible {
	background: #b80020 !important;
	border-color: #b80020;
}

#cookie-notice #cn-more-info:hover,
#cookie-notice #cn-more-info:focus-visible,
#cookie-notice #cn-refuse-cookie:hover,
#cookie-notice #cn-refuse-cookie:focus-visible {
	background: var(--wp--preset--color--background, #f7f8fa) !important;
	border-color: var(--wp--preset--color--background, #f7f8fa);
}

#cookie-notice #cn-notice-buttons .cn-button:focus-visible,
#cookie-notice #cn-close-notice:focus-visible {
	outline: 2px solid var(--wp--preset--color--surface, #fff);
	outline-offset: 3px;
}

#cookie-notice button:focus:not(:focus-visible) {
	outline: 0;
}

#cookie-notice #cn-close-notice {
	background: transparent;
	border: 1px solid transparent;
	border-radius: 50%;
	height: 40px;
	margin: 0;
	opacity: 0.72;
	padding: 0;
	position: relative;
	right: auto;
	top: auto;
	transition: background-color 160ms ease-out, border-color 160ms ease-out, opacity 160ms ease-out;
	width: 40px;
}

#cookie-notice #cn-close-notice::before,
#cookie-notice #cn-close-notice::after {
	background-color: var(--wp--preset--color--surface, #fff);
	height: 16px;
	left: calc(50% - 1px);
	top: 11px;
}

#cookie-notice #cn-close-notice:hover,
#cookie-notice #cn-close-notice:focus-visible {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.24);
	opacity: 1;
}

@media (max-width: 960px) {
	:root {
		--djp-mobile-topbar-height: 76px;
		--djp-shell-gutter: 16px;
	}

	.djp-layout {
		padding-top: 0;
	}

	.djp-layout__grid {
		align-items: stretch;
		display: flex;
		flex-direction: column;
	}

	.djp-layout__main {
		display: contents;
	}

	.djp-content {
		order: 1;
	}

	.djp-layout__sidebar {
		order: 2;
		pointer-events: auto;
		position: relative;
	}

	.djp-layout__grid--account-sidebar .djp-layout__sidebar {
		order: 0;
	}

	.djp-layout__grid--account-sidebar .djp-content {
		order: 1;
	}

	.djp-sidebar__inner {
		background: transparent;
		height: auto;
		overflow: visible;
		padding: 24px 4px;
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
	}

	.djp-account-sidebar {
		padding-bottom: 0;
	}

	.djp-account-sidebar__card {
		min-height: 0;
	}

	.djp-category-carousel :is(.deejay-category-logo-carousel__previous, .deejay-category-logo-carousel__next) {
		height: 36px;
		width: 36px;
	}

	.djp-site-footer__inner {
		gap: 32px;
		grid-template-columns: minmax(0, 1fr);
		padding-bottom: 32px;
	}

	.djp-site-footer__navigation {
		gap: 28px 24px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.djp-site-footer__menu:first-child:nth-last-child(1),
	.djp-site-footer__menu:nth-child(3):last-child {
		grid-column-start: 2;
	}

	.djp-site-footer__menu:first-child:nth-last-child(2) {
		grid-column-start: 1;
	}
}

@media (max-width: 960px) {
	.djp-drawer-close {
		align-items: center;
		background: transparent;
		border: 0;
		box-shadow: none;
		color: var(--wp--preset--color--surface, #fff);
		cursor: pointer;
		display: flex;
		height: 42px;
		justify-content: center;
		padding: 0;
		position: absolute;
		right: 12px;
		top: 12px;
		width: 42px;
		z-index: 3;
	}

	.djp-drawer-close span,
	.djp-drawer-close span::after {
		background: currentColor;
		border-radius: 2px;
		content: "";
		display: block;
		height: 3px;
		position: absolute;
		transform: rotate(45deg);
		width: 22px;
	}

	.djp-drawer-close span::after {
		transform: rotate(90deg);
	}

	.djp-drawer-backdrop {
		background: rgba(0, 10, 41, 0.42);
		border: 0;
		display: block;
		inset: 0;
		margin: 0;
		opacity: 0;
		padding: 0;
		pointer-events: none;
		position: fixed;
		transition: opacity 220ms ease;
		width: 100%;
		z-index: 101;
	}

	.djp-mobile-menu {
		background: var(--wp--preset--color--navy, #000a29);
		box-shadow: 12px 0 36px rgba(0, 10, 41, 0.16);
		display: flex;
		flex-direction: column;
		gap: 24px;
		inset: 0 auto 0 0;
		margin: 0;
		overflow-y: auto;
		padding: 66px 20px 28px;
		position: fixed;
		transform: translateX(-105%);
		transition: transform 220ms ease, visibility 0s linear 220ms;
		visibility: hidden;
		width: 100%;
		z-index: 102;
	}

	.djp-drawer-open {
		overflow: hidden;
	}

	.djp-drawer-open .djp-mobile-menu {
		transform: translateX(0);
		transition-delay: 0s;
		visibility: visible;
	}

	.djp-drawer-open .djp-drawer-backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	nav.djp-primary-navigation--mobile {
		display: flex;
	}

	.djp-mobile-menu .djp-primary-navigation--mobile,
	.djp-mobile-menu .djp-primary-navigation--mobile .wp-block-navigation-item,
	.djp-mobile-menu .djp-primary-navigation--mobile .wp-block-navigation-item__content,
	.djp-mobile-menu .djp-primary-navigation--mobile .wp-block-navigation-item__content:hover,
	.djp-mobile-menu .djp-primary-navigation--mobile .wp-block-navigation-item__content[aria-current],
	.djp-mobile-menu .djp-primary-navigation--mobile .current-menu-item > .wp-block-navigation-item__content,
	.djp-mobile-menu .djp-primary-navigation--mobile .current-menu-ancestor > .wp-block-navigation-item__content {
		color: var(--wp--preset--color--surface, #fff);
	}

	.djp-mobile-menu__account {
		border-top: 1px solid rgba(255, 255, 255, 0.35);
		margin: 0;
		padding-top: 24px;
	}

	.djp-mobile-menu__account .djp-account,
	.djp-mobile-menu__account .djp-account__trigger {
		max-width: none;
		width: 100%;
	}

	.djp-mobile-menu__account .djp-account__trigger {
		color: var(--wp--preset--color--surface, #fff);
		cursor: default;
		font-size: 1rem;
		justify-content: flex-start;
		opacity: 1;
		padding: 0;
	}

	.djp-mobile-menu__account .djp-account__avatar,
	.djp-mobile-menu__account .djp-account__chevron {
		display: none;
	}

	.djp-mobile-menu__account .djp-account__panel {
		background: transparent;
		box-shadow: none;
		margin-top: 10px;
		min-width: 0;
		padding: 0;
		position: static;
		width: 100%;
	}

	.djp-mobile-menu__account .djp-account__navigation .wp-block-navigation-item__content,
	.djp-mobile-menu__account .djp-account__logout,
	.djp-mobile-menu__account .djp-account__guest-link a {
		background: transparent;
		border-radius: 0;
		color: var(--wp--preset--color--surface, #fff);
		padding-inline: 0;
	}

	.djp-mobile-menu__account .djp-account__logout {
		border-top: 0;
		margin-top: 0;
	}

	.djp-mobile-menu__account .djp-account__navigation .wp-block-navigation-item__content:hover,
	.djp-mobile-menu__account .djp-account__logout:hover,
	.djp-mobile-menu__account .djp-account__guest-link a:hover {
		background: transparent;
		color: #ff6b80;
	}

	.djp-mobile-menu__account .djp-account__guest-links {
		align-items: flex-start;
		flex-direction: column;
	}

	.djp-drawer-toggle {
		align-items: center;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		color: var(--wp--preset--color--navy, #000a29);
		cursor: pointer;
		display: flex;
		flex: 0 0 42px;
		height: 42px;
		justify-content: center;
		padding: 0;
		width: 42px;
	}

	.djp-nav-scrolled .djp-drawer-toggle {
		color: var(--wp--preset--color--surface, #fff);
	}

	.djp-drawer-toggle__icon,
	.djp-drawer-toggle__icon::before,
	.djp-drawer-toggle__icon::after {
		background: currentColor;
		border-radius: 1px;
		display: block;
		height: 1.5px;
		position: relative;
		width: 19px;
	}

	.djp-drawer-toggle__icon {
		background: transparent;
	}

	.djp-drawer-toggle__icon::before,
	.djp-drawer-toggle__icon::after {
		content: "";
		left: 0;
		position: absolute;
	}

	.djp-drawer-toggle__icon::before {
		top: -3px;
	}

	.djp-drawer-toggle__icon::after {
		top: 3px;
	}

}

@media (max-width: 960px) {

	.djp-topbar {
		background: transparent;
		height: var(--djp-mobile-topbar-height);
		margin-inline: calc(var(--djp-shell-gutter) * -1);
		min-height: var(--djp-mobile-topbar-height);
		transition: background-color 220ms ease-out, box-shadow 220ms ease-out;
		width: calc(100% + (var(--djp-shell-gutter) * 2));
	}

	.djp-topbar.is-scrolled {
		background: var(--wp--preset--color--navy, #000a29);
		box-shadow: 0 0 12px rgba(0, 5, 20, 0.34);
	}

	.djp-topbar__inner {
		gap: 10px;
		height: var(--djp-mobile-topbar-height);
		min-height: var(--djp-mobile-topbar-height);
		padding-inline: 20px;
		width: 100%;
	}

	.djp-topbar__logo {
		display: flex;
		flex: 0 1 155px;
		height: var(--djp-mobile-topbar-height);
		left: auto;
		opacity: 1;
		pointer-events: auto;
		position: static;
		transform: none;
		width: auto;
	}

	.djp-topbar__logo img {
		filter: none;
		max-width: 155px;
	}

	.djp-topbar.is-scrolled .djp-topbar__logo img {
		filter: url("#djp-nav-logo-filter");
	}

	.djp-topbar__utilities {
		align-items: center;
		display: flex;
		flex: 1 1 auto;
		gap: 10px;
		justify-content: flex-end;
		min-width: 0;
		order: 2;
		padding: 0;
		transform: none;
	}

	.djp-drawer-toggle {
		order: 3;
	}

	.djp-topbar__search {
		flex: 0 0 42px;
		margin-left: auto;
		max-width: 42px;
		min-width: 0;
		width: 42px;
	}

	.djp-topbar__search .wp-block-search__inside-wrapper {
		background: transparent;
		border: 0;
		box-shadow: none;
		padding: 0;
		width: 42px;
	}

	.djp-topbar__search .wp-block-search__input {
		flex: 0 0 0;
		opacity: 0;
		padding: 0;
		pointer-events: none;
		visibility: hidden;
		width: 0;
	}

	.djp-topbar__search .wp-block-search__button {
		color: var(--wp--preset--color--navy, #000a29);
		height: 42px;
		width: 42px;
	}

	.djp-topbar.is-scrolled .djp-drawer-toggle,
	.djp-topbar.is-scrolled .djp-topbar__search:not(.is-open) .wp-block-search__button,
	.djp-topbar.is-scrolled .djp-topbar__utilities .djp-account__trigger,
	.djp-topbar.is-scrolled .djp-topbar__utilities .djp-account__guest-link--login a {
		color: var(--wp--preset--color--surface, #fff);
	}

	.djp-topbar__search.is-open {
		flex: 1 1 auto;
		inset: auto;
		margin-left: auto;
		max-width: none;
		position: relative;
		width: 100%;
		z-index: 5;
	}

	.djp-topbar__search.is-open .wp-block-search__inside-wrapper {
		background: var(--wp--preset--color--surface, #fff);
		border: 1px solid var(--wp--preset--color--border, #dde2ea);
		box-shadow: 0 5px 20px rgba(0, 10, 41, 0.08);
		padding: 3px 3px 3px 16px;
		width: 100%;
	}

	.djp-topbar__search.is-open .wp-block-search__input {
		flex: 1 1 auto;
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
		width: auto;
	}

	.djp-account__avatar {
		display: none;
	}

	.djp-content {
		padding-inline: 4px;
	}

	#cookie-notice .cookie-notice-container {
		grid-template-columns: minmax(0, 1fr);
		padding: 18px 68px 18px 20px;
	}

	#cookie-notice #cn-notice-buttons {
		justify-self: start;
	}

	#cookie-notice #cn-close-notice {
		position: absolute;
		right: 14px;
		top: 14px;
	}
}

@media (max-width: 782px) {
	.admin-bar .djp-layout__topbar {
		top: 46px;
	}
}

@media (max-width: 600px) {
	.admin-bar #wpadminbar {
		position: fixed;
	}

	.admin-bar .djp-layout__topbar {
		top: 46px;
	}

	.djp-topbar__inner {
		gap: 4px;
	}

	.djp-topbar__utilities {
		gap: 4px;
	}

	.djp-topbar__logo {
		flex-basis: 150px;
	}

	.djp-topbar__logo img {
		max-width: 150px;
	}

	.djp-account__guest-links {
		gap: 2px;
	}

	.djp-account__trigger {
		gap: 6px;
		max-width: 115px;
		padding: 6px 0;
	}

	.djp-release-content .djp-release-actions {
		align-items: stretch;
		gap: 14px;
	}

	.djp-release-content .djp-release-summary {
		flex-basis: 100%;
		justify-content: flex-start;
		order: -1;
		padding-block: 4px;
		width: 100%;
	}

	.djp-release-content .deejay-downloads {
		flex-basis: 100%;
		width: 100%;
	}

	.djp-release-content .deejay-download {
		flex: 1 1 100%;
	}

	.djp-release-content .deejay-download__button {
		width: 100%;
	}

	.djp-release-content .deejay-download__form {
		justify-items: stretch;
		width: 100%;
	}

	.djp-release-content .deejay-download__status {
		max-width: none;
	}

	#cookie-notice #cn-notice-buttons {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.djp-account__chevron,
	.djp-drawer-backdrop,
	.djp-mobile-menu,
	.djp-layout::before,
	.djp-layout__grid,
	.djp-sidebar__inner,
	.djp-sidebar-widget > summary::after,
	.djp-account-sidebar__navigation .wp-block-navigation-item__content,
	.djp-account-sidebar__navigation .wp-block-navigation-item__content::after,
	.djp-primary-navigation .wp-block-navigation-item__content,
	.djp-primary-navigation--topbar,
	.djp-topbar__inner,
	.djp-topbar,
	.djp-topbar__logo,
	.djp-topbar__utilities,
	.djp-topbar__search,
	.djp-topbar__search .wp-block-search__inside-wrapper,
	.djp-account__guest-link a,
	.djp-account__trigger,
	.deejay-core-payment-promotion-page .deejay-payment-promotion__button,
	.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider-selector__link,
	.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button,
	.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__input,
	.deejay-core-payment-redirect-page .djp-content .deejay-payment-coupon__submit,
	.deejay-core-ftp-page .djp-content .deejay-ftp-tab,
	.deejay-core-ftp-page .djp-content .deejay-ftp-tab::after,
	.deejay-core-ftp-page .djp-content :is(.deejay-ftp-copy, .deejay-ftp-action--reveal-password),
	.deejay-core-ftp-page .djp-content .deejay-ftp-action,
	.deejay-core-user-profile-page .djp-content .deejay-user-profile-form :is(input[type="text"], input[type="password"]),
	.deejay-core-user-profile-page .djp-content .deejay-user-profile-submit,
	.djp-content .wpcf7 :is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], textarea, select),
	.djp-content .wpcf7-submit,
	.djp-release-content .deejay-download__button,
	.djp-content .deejay-download-catalog__button,
	.djp-content .deejay-download-catalog__item,
	.djp-content .deejay-download-catalog__reason,
	.djp-content .deejay-download-history__item,
	.djp-content .deejay-category-logo-page__link,
	.djp-category-carousel .deejay-category-logo-carousel__image,
	.djp-category-carousel :is(.deejay-category-logo-carousel__previous, .deejay-category-logo-carousel__next) {
		transition: none;
	}

	.deejay-core-payment-promotion-page .deejay-payment-promotion__button:hover,
	.deejay-core-payment-redirect-page .djp-content .deejay-payment-provider__button:hover,
	.deejay-core-ftp-page .djp-content .deejay-ftp-action:not(:disabled):hover,
	.deejay-core-user-profile-page .djp-content .deejay-user-profile-submit:not(:disabled):hover,
	.djp-content .wpcf7-submit:not(:disabled):hover {
		transform: none;
	}
}

.editor-styles-wrapper .djp-layout {
	min-height: 0;
}

.editor-styles-wrapper .djp-sidebar__inner,
.editor-styles-wrapper .djp-layout__topbar,
.editor-styles-wrapper .djp-topbar,
.editor-styles-wrapper .djp-topbar__inner {
	position: relative;
	top: auto;
}

@media (max-width: 960px) {
	.editor-styles-wrapper .djp-layout__sidebar,
	.editor-styles-wrapper .djp-sidebar__inner {
		height: auto;
		inset: auto;
		pointer-events: auto;
		position: relative;
		transform: none;
		visibility: visible;
		width: auto;
	}

}

@media (max-width: 960px) {
	.editor-styles-wrapper .djp-drawer-backdrop,
	.editor-styles-wrapper .djp-drawer-toggle,
	.editor-styles-wrapper .djp-drawer-close {
		display: none;
	}

	.editor-styles-wrapper .djp-mobile-menu {
		display: block;
		inset: auto;
		position: relative;
		transform: none;
		visibility: visible;
		width: auto;
	}
}
