/* Theme guard: the selectors weigh one ID once built (PLB_Css_Shield), and :where() keeps these below every PlayLabs rule. */
:not(#plb) :where(.plb-arcade, .plg-hud, .plg-game) {
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	text-indent: 0;
	text-transform: none;
	text-shadow: none;
	white-space: normal;
}

:not(#plb) :where(.plb-arcade, .plg-hud, .plg-game) :where(button, input[type="button"], input[type="submit"], input[type="reset"], a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, blockquote, table, thead, tbody, tfoot, tr, th, td, label) {
	all: revert;
	box-sizing: border-box;
}

:not(#plb) :where(.plb-arcade, .plg-hud, .plg-game) :where(button, input[type="button"], input[type="submit"], input[type="reset"], a) {
	font: inherit;
	color: inherit;
}

:not(#plb) :where(.plb-arcade, .plg-hud, .plg-game) :where(img, svg) {
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
}

:not(#plb) :where(.plb-arcade, .plg-hud, .plg-game)[hidden],
:not(#plb) :where(.plb-arcade, .plg-hud, .plg-game) [hidden] {
	display: none !important;
}

:not(#plb) .plg-game {
	--plg-ink: #12181c;
	--plg-surface: #ffffff;
	--plg-accent: #0b6b66;

	max-width: 780px;
	margin: 0 auto;
	color: var(--plg-ink);

	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px 0;
}

/* A block theme's constrained layout sets max-width on every direct child
   of the content area:

     .is-layout-constrained > :where(:not(.alignleft)...) { max-width: ... }

   :where() contributes nothing, so that rule weighs exactly one class, the
   same as .plg-game, and the theme's global styles are printed after this
   file. Source order would hand it the win. Doubling the class outweighs it
   without !important. */
:not(#plb) .plg-game.plg-game {
	max-width: 780px;
}

:not(#plb) .plg-start__button[hidden] {
	display: none !important;
}

:not(#plb) .plg-start__button {
	padding: 16px 48px;
	font: inherit;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--plg-bar-ink, #ffffff);
	background: var(--plg-start, #d40511);
	border: 0;
	border-radius: var(--plg-bar-radius, 8px);
	cursor: pointer;
	box-shadow: 0 10px 28px -12px rgba(0, 0, 0, 0.6);
}

/* Themes colour every link (body.some-class a), which outweighs one class.
   These links are drawn as buttons, so a doubled class keeps their ink. */
:not(#plb) .plg-start__button.plg-start__button {
	color: var(--plg-bar-ink, #ffffff);
	text-decoration: none;
}

:not(#plb) .plg-start__button:hover {
	filter: brightness(1.08);
}

:not(#plb) .plg-start__button:focus-visible {
	outline: 3px solid var(--plg-accent);
	outline-offset: 3px;
}


:not(#plb) .plg-game > p {
	margin: 0;
}

:not(#plb) .plg-notice {
	margin: 0;
	padding: 10px 14px;
	border-left: 3px solid #b0530e;
	background: rgba(176, 83, 14, 0.08);
	font-size: 14px;
}

:not(#plb) .plg-game__prompt {
	margin: 0;
	text-align: center;
	font-size: 16px;
}

:not(#plb) .plg-game--register {
	text-align: center;
	padding: 30px 0;
}

/* Popup --------------------------------------------------------------
   Every colour and measurement is a custom property set on .plg-popup, so
   a campaign is rebranded from settings rather than by editing this file.

   Two things make the layout work. The character image breaks out above
   the panel, so the panel must not clip its overflow; and a watermark has
   to be clipped to the panel's rounded corners, so it gets its own
   absolutely positioned layer underneath the content instead.
   -------------------------------------------------------------------- */

:not(#plb) .plg-popup[hidden] {
	display: none !important;
}

/* Not every theme sets this, and without it the panel padding is added on
   top of its max-width instead of counted inside it. */
:not(#plb) .plg-popup,
:not(#plb) .plg-popup *,
:not(#plb) .plg-popup *::before,
:not(#plb) .plg-popup *::after {
	box-sizing: border-box;
}

:not(#plb) .plg-popup {
	--plg-popup-lift: 112px;
	--plg-popup-image: 210px;
	--plg-popup-panel: #ffffff;
	--plg-popup-backdrop-color: #e8f2fa;
	--plg-popup-backdrop-alpha: 0.88;
	--plg-popup-blur: 3px;
	--plg-popup-border-style: solid;
	--plg-popup-border-color: rgba(15, 32, 62, 0.16);
	--plg-popup-bg-image: none;
	--plg-popup-bg-opacity: 1;
	--plg-popup-btn-radius: 999px;
	--plg-popup-eyebrow: #0aa3dd;
	--plg-popup-heading: #17264d;
	--plg-popup-text: #46536e;
	--plg-popup-button: #d81f06;
	--plg-popup-button-ink: #ffffff;
	--plg-popup-link: #1878cf;
	--plg-popup-link-ink: #ffffff;
	--plg-popup-close: var(--plg-popup-link);
	--plg-popup-watermark-size: calc(var(--plg-popup-bg-size, 0.58) * 100%) auto;
	--plg-popup-watermark-pos: left -72px top 8px;

	/* Breakpoints are container queries on the popup, so the admin preview
	   frame and the real viewport resolve the same values. */
	container: plg-popup / inline-size;
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(var(--plg-popup-lift) + 26px) 18px 30px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

:not(#plb) .plg-popup__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(232, 242, 250, 0.88);
	background: color-mix(in srgb, var(--plg-popup-backdrop-color) calc(var(--plg-popup-backdrop-alpha) * 100%), transparent);
	backdrop-filter: blur(var(--plg-popup-blur));
	-webkit-backdrop-filter: blur(var(--plg-popup-blur));
}

:not(#plb) .plg-popup__panel {
	position: relative;
	width: 100%;
	--plg-w: var(--plg-popup-width, 470px);
	--plg-pt: var(--plg-popup-pad-t, 38px);
	--plg-pr: var(--plg-popup-pad-r, 38px);
	--plg-pb: var(--plg-popup-pad-b, 38px);
	--plg-pl: var(--plg-popup-pad-l, 38px);
	--plg-rtl: var(--plg-popup-r-tl, 26px);
	--plg-rtr: var(--plg-popup-r-tr, 26px);
	--plg-rbr: var(--plg-popup-r-br, 26px);
	--plg-rbl: var(--plg-popup-r-bl, 26px);
	--plg-es: var(--plg-popup-eyebrow-size, 13px);
	--plg-hs: var(--plg-popup-headline-size, 46px);
	--plg-ts: var(--plg-popup-message-size, 17px);
	--plg-bs: var(--plg-popup-button-size, 17px);
	--plg-ks: var(--plg-popup-link-size, 16px);
	max-width: var(--plg-w);
	padding: 0 var(--plg-pr) var(--plg-pb) var(--plg-pl);
	text-align: center;
	background: var(--plg-popup-panel);
	border: 0 var(--plg-popup-border-style) var(--plg-popup-border-color);
	border-width: var(--plg-popup-bw-t, 0px) var(--plg-popup-bw-r, 0px) var(--plg-popup-bw-b, 0px) var(--plg-popup-bw-l, 0px);
	border-radius: var(--plg-rtl) var(--plg-rtr) var(--plg-rbr) var(--plg-rbl);
	box-shadow: 0 30px 70px -28px rgba(15, 32, 62, 0.4);
	animation: plg-popup-in 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes plg-popup-in {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: none; }
}

@keyframes plg-popup-fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes plg-popup-pop {
	from { opacity: 0; transform: scale(0.88); }
	60%  { opacity: 1; transform: scale(1.03); }
	to   { transform: none; }
}

:not(#plb) .plg-popup[data-plg-entrance="none"] .plg-popup__panel {
	animation: none;
}

:not(#plb) .plg-popup[data-plg-entrance="fade"] .plg-popup__panel {
	animation-name: plg-popup-fade;
}

:not(#plb) .plg-popup[data-plg-entrance="pop"] .plg-popup__panel {
	animation: plg-popup-pop 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

:not(#plb) .plg-popup[data-plg-shadow="none"] .plg-popup__panel {
	box-shadow: none;
}

:not(#plb) .plg-popup[data-plg-shadow="strong"] .plg-popup__panel {
	box-shadow: 0 40px 90px -20px rgba(15, 32, 62, 0.7);
}

:not(#plb) .plg-popup[data-plg-align="left"] .plg-popup__panel {
	text-align: left;
}

:not(#plb) .plg-popup[data-plg-align="left"] .plg-popup__actions {
	align-items: flex-start;
}

:not(#plb) .plg-popup[data-plg-align="left"] .plg-popup__image {
	margin-left: 0;
}

@container plg-popup (max-width: 1024px) {
	:not(#plb) .plg-popup__panel {
		--plg-w: var(--plg-popup-width-tablet, var(--plg-popup-width, 470px));
		--plg-pt: var(--plg-popup-pad-t-tablet, var(--plg-popup-pad-t, 38px));
		--plg-pr: var(--plg-popup-pad-r-tablet, var(--plg-popup-pad-r, 38px));
		--plg-pb: var(--plg-popup-pad-b-tablet, var(--plg-popup-pad-b, 38px));
		--plg-pl: var(--plg-popup-pad-l-tablet, var(--plg-popup-pad-l, 38px));
		--plg-rtl: var(--plg-popup-r-tl-tablet, var(--plg-popup-r-tl, 26px));
		--plg-rtr: var(--plg-popup-r-tr-tablet, var(--plg-popup-r-tr, 26px));
		--plg-rbr: var(--plg-popup-r-br-tablet, var(--plg-popup-r-br, 26px));
		--plg-rbl: var(--plg-popup-r-bl-tablet, var(--plg-popup-r-bl, 26px));
		--plg-es: var(--plg-popup-eyebrow-size-t, var(--plg-popup-eyebrow-size, 13px));
		--plg-hs: var(--plg-popup-headline-size-t, var(--plg-popup-headline-size, 46px));
		--plg-ts: var(--plg-popup-message-size-t, var(--plg-popup-message-size, 17px));
		--plg-bs: var(--plg-popup-button-size-t, var(--plg-popup-button-size, 17px));
		--plg-ks: var(--plg-popup-link-size-t, var(--plg-popup-link-size, 16px));
	}

	:not(#plb) .plg-popup[data-plg-align-tablet="left"] .plg-popup__panel { text-align: left; }
	:not(#plb) .plg-popup[data-plg-align-tablet="left"] .plg-popup__actions { align-items: flex-start; }
	:not(#plb) .plg-popup[data-plg-align-tablet="left"] .plg-popup__image { margin-left: 0; }
	:not(#plb) .plg-popup[data-plg-align-tablet="center"] .plg-popup__panel { text-align: center; }
	:not(#plb) .plg-popup[data-plg-align-tablet="center"] .plg-popup__actions { align-items: center; }
	:not(#plb) .plg-popup[data-plg-align-tablet="center"] .plg-popup__image { margin-left: auto; }
}

@container plg-popup (max-width: 600px) {
	:not(#plb) .plg-popup__panel {
		--plg-w: var(--plg-popup-width-mobile, var(--plg-popup-width-tablet, var(--plg-popup-width, 470px)));
		--plg-pt: var(--plg-popup-pad-t-mobile, var(--plg-popup-pad-t-tablet, var(--plg-popup-pad-t, 38px)));
		--plg-pr: var(--plg-popup-pad-r-mobile, var(--plg-popup-pad-r-tablet, var(--plg-popup-pad-r, 38px)));
		--plg-pb: var(--plg-popup-pad-b-mobile, var(--plg-popup-pad-b-tablet, var(--plg-popup-pad-b, 38px)));
		--plg-pl: var(--plg-popup-pad-l-mobile, var(--plg-popup-pad-l-tablet, var(--plg-popup-pad-l, 38px)));
		--plg-rtl: var(--plg-popup-r-tl-mobile, var(--plg-popup-r-tl-tablet, var(--plg-popup-r-tl, 26px)));
		--plg-rtr: var(--plg-popup-r-tr-mobile, var(--plg-popup-r-tr-tablet, var(--plg-popup-r-tr, 26px)));
		--plg-rbr: var(--plg-popup-r-br-mobile, var(--plg-popup-r-br-tablet, var(--plg-popup-r-br, 26px)));
		--plg-rbl: var(--plg-popup-r-bl-mobile, var(--plg-popup-r-bl-tablet, var(--plg-popup-r-bl, 26px)));
		--plg-es: var(--plg-popup-eyebrow-size-m, var(--plg-popup-eyebrow-size-t, var(--plg-popup-eyebrow-size, 13px)));
		--plg-hs: var(--plg-popup-headline-size-m, var(--plg-popup-headline-size-t, var(--plg-popup-headline-size, 46px)));
		--plg-ts: var(--plg-popup-message-size-m, var(--plg-popup-message-size-t, var(--plg-popup-message-size, 17px)));
		--plg-bs: var(--plg-popup-button-size-m, var(--plg-popup-button-size-t, var(--plg-popup-button-size, 17px)));
		--plg-ks: var(--plg-popup-link-size-m, var(--plg-popup-link-size-t, var(--plg-popup-link-size, 16px)));
	}

	:not(#plb) .plg-popup[data-plg-align-mobile="left"] .plg-popup__panel { text-align: left; }
	:not(#plb) .plg-popup[data-plg-align-mobile="left"] .plg-popup__actions { align-items: flex-start; }
	:not(#plb) .plg-popup[data-plg-align-mobile="left"] .plg-popup__image { margin-left: 0; }
	:not(#plb) .plg-popup[data-plg-align-mobile="center"] .plg-popup__panel { text-align: center; }
	:not(#plb) .plg-popup[data-plg-align-mobile="center"] .plg-popup__actions { align-items: center; }
	:not(#plb) .plg-popup[data-plg-align-mobile="center"] .plg-popup__image { margin-left: auto; }
}

@container plg-popup (max-width: 480px) {
	:not(#plb) .plg-popup__panel {
		--plg-pt: var(--plg-popup-pad-t-mobile, var(--plg-popup-pad-t-tablet, var(--plg-popup-pad-t, 24px)));
		--plg-pr: var(--plg-popup-pad-r-mobile, var(--plg-popup-pad-r-tablet, var(--plg-popup-pad-r, 24px)));
		--plg-pb: var(--plg-popup-pad-b-mobile, var(--plg-popup-pad-b-tablet, var(--plg-popup-pad-b, 24px)));
		--plg-pl: var(--plg-popup-pad-l-mobile, var(--plg-popup-pad-l-tablet, var(--plg-popup-pad-l, 24px)));
		--plg-rtl: var(--plg-popup-r-tl-mobile, var(--plg-popup-r-tl-tablet, var(--plg-popup-r-tl, 20px)));
		--plg-rtr: var(--plg-popup-r-tr-mobile, var(--plg-popup-r-tr-tablet, var(--plg-popup-r-tr, 20px)));
		--plg-rbr: var(--plg-popup-r-br-mobile, var(--plg-popup-r-br-tablet, var(--plg-popup-r-br, 20px)));
		--plg-rbl: var(--plg-popup-r-bl-mobile, var(--plg-popup-r-bl-tablet, var(--plg-popup-r-bl, 20px)));
	}
}

:not(#plb) .plg-popup__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	overflow: hidden;
	pointer-events: none;
	background-image: var(--plg-popup-bg-image);
	background-repeat: no-repeat;
	background-position: var(--plg-popup-watermark-pos);
	background-size: var(--plg-popup-watermark-size);
	opacity: var(--plg-popup-bg-opacity);
}

:not(#plb) .plg-popup[data-plg-fit] {
	--plg-popup-watermark-pos: center;
}

:not(#plb) .plg-popup[data-plg-fit="cover"] {
	--plg-popup-watermark-size: cover;
}

:not(#plb) .plg-popup[data-plg-fit="contain"] {
	--plg-popup-watermark-size: contain;
}

:not(#plb) .plg-popup[data-plg-fit="tile"] {
	--plg-popup-watermark-size: var(--plg-popup-tile, 80px) auto;
}

:not(#plb) .plg-popup[data-plg-fit="tile"] .plg-popup__bg {
	background-repeat: var(--plg-popup-bg-repeat, repeat);
}

:not(#plb) .plg-popup[data-plg-fit][data-plg-pos="top"] {
	--plg-popup-watermark-pos: center top;
}

:not(#plb) .plg-popup[data-plg-fit][data-plg-pos="bottom"] {
	--plg-popup-watermark-pos: center bottom;
}

:not(#plb) .plg-popup[data-plg-fit][data-plg-pos="left"] {
	--plg-popup-watermark-pos: left center;
}

:not(#plb) .plg-popup[data-plg-fit][data-plg-pos="right"] {
	--plg-popup-watermark-pos: right center;
}

:not(#plb) .plg-popup__close {
	position: absolute;
	top: 18px;
	right: 20px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	font-size: 22px;
	line-height: 1;
	color: var(--plg-popup-close);
	background: none;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.6;
}

:not(#plb) .plg-popup__close:hover {
	opacity: 1;
}

:not(#plb) .plg-popup__close:focus-visible {
	outline: 2px solid var(--plg-popup-close);
	outline-offset: 2px;
}

/* First in-flow child, so its negative margin lifts it clear of the
   panel and pulls the body up with it. */
:not(#plb) .plg-popup__image {
	position: relative;
	z-index: 1;
	display: block;
	width: auto;
	height: auto;
	max-width: var(--plg-popup-image);
	max-height: calc(var(--plg-popup-lift) * 1.9);
	margin: calc(-1 * var(--plg-popup-lift)) auto 0;
}

/* Above a theme's or page builder's own image rules, which often cap every image at 100%. */
:not(#plb) .plg-popup .plg-popup__image.plg-popup__image {
	max-width: var(--plg-popup-image);
	height: auto;
}

:not(#plb) .plg-popup__body {
	position: relative;
	z-index: 1;
	padding-top: var(--plg-pt);
}

:not(#plb) .plg-popup__image:not([hidden]) + .plg-popup__body {
	padding-top: 24px;
}

:not(#plb) .plg-popup__title {
	margin: 0 0 12px;
	font-family: var(--plg-popup-eyebrow-font, var(--plb-font-heading, inherit));
	font-size: var(--plg-es, 13px);
	font-weight: var(--plg-popup-eyebrow-weight, 800);
	letter-spacing: var(--plg-popup-eyebrow-ls, 0.16em);
	text-transform: var(--plg-popup-eyebrow-case, uppercase);
	color: var(--plg-popup-eyebrow);
}

:not(#plb) .plg-popup__results {
	margin: 0 0 16px;
	font-family: var(--plg-popup-headline-font, var(--plb-font-heading, inherit));
	font-size: clamp(calc(var(--plg-hs) * 0.65), 7cqw, var(--plg-hs));
	font-weight: var(--plg-popup-headline-weight, 800);
	line-height: 1.04;
	letter-spacing: var(--plg-popup-headline-ls, -0.015em);
	text-transform: var(--plg-popup-headline-case, none);
	color: var(--plg-popup-heading);
}

:not(#plb) .plg-popup__message {
	margin: 0 0 26px;
	font-family: var(--plg-popup-message-font, var(--plb-font-text, inherit));
	font-size: var(--plg-ts, 17px);
	font-weight: var(--plg-popup-message-weight, 400);
	letter-spacing: var(--plg-popup-message-ls, normal);
	text-transform: var(--plg-popup-message-case, none);
	line-height: 1.5;
	color: var(--plg-popup-text);
}

:not(#plb) .plg-popup__message b,
:not(#plb) .plg-popup__message strong {
	font-weight: 700;
	color: var(--plg-popup-heading);
}

:not(#plb) .plg-popup[data-plg-bold="0"] .plg-popup__message b,
:not(#plb) .plg-popup[data-plg-bold="0"] .plg-popup__message strong {
	color: inherit;
}

:not(#plb) .plg-popup__report {
	margin: 0 0 22px;
	font-family: var(--plg-popup-message-font, var(--plb-font-text, inherit));
	font-size: 15px;
	line-height: 1.45;
	color: var(--plg-popup-text);
}

:not(#plb) .plg-report__score {
	font-size: 46px;
	font-weight: 800;
	line-height: 1;
	color: var(--plg-report, var(--plg-popup-heading));
}

:not(#plb) .plg-report__title {
	margin-top: 6px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--plg-report, var(--plg-popup-heading));
}

:not(#plb) .plg-report__text {
	margin: 8px 0 14px;
}

:not(#plb) .plg-report__bar {
	display: grid;
	grid-template-columns: minmax(0, 36%) 1fr 3.2em;
	align-items: center;
	gap: 8px;
	margin: 6px 0;
	font-size: 13px;
	text-align: left;
}

:not(#plb) .plg-report__track {
	height: 8px;
	border-radius: 4px;
	background: rgba(127, 127, 127, 0.25);
	overflow: hidden;
}

:not(#plb) .plg-report__fill {
	height: 100%;
	border-radius: inherit;
	background: var(--plg-report, var(--plg-popup-heading));
}

:not(#plb) .plg-report__pct {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

:not(#plb) .plg-report__note {
	margin-top: 12px;
	font-weight: 700;
	color: var(--plg-popup-heading);
}

:not(#plb) .plg-popup__image[hidden],
:not(#plb) .plg-popup__blocks[hidden],
:not(#plb) .plg-popup__actions[hidden],
:not(#plb) .plg-popup__title[hidden],
:not(#plb) .plg-popup__results[hidden],
:not(#plb) .plg-popup__report[hidden],
:not(#plb) .plg-popup__message[hidden],
:not(#plb) .plg-popup__close[hidden],
:not(#plb) .plg-popup__cta[hidden],
:not(#plb) .plg-popup__replay[hidden] {
	display: none !important;
}

:not(#plb) .plg-popup__actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

:not(#plb) .plg-popup__cta {
	display: inline-block;
	min-width: 74%;
	padding: var(--plg-popup-btn-py, 17px) var(--plg-popup-btn-px, 34px);
	font-family: var(--plg-popup-button-font, var(--plb-font-heading, inherit));
	font-size: var(--plg-bs, 17px);
	font-weight: var(--plg-popup-button-weight, 800);
	letter-spacing: var(--plg-popup-button-ls, normal);
	text-transform: var(--plg-popup-button-case, none);
	text-align: center;
	text-decoration: none;
	color: var(--plg-popup-button-ink);
	background: var(--plg-popup-button);
	border: var(--plg-popup-btn-bw, 0px) solid var(--plg-popup-btn-border, transparent);
	border-radius: var(--plg-popup-btn-radius);
	cursor: pointer;
	box-shadow: 0 10px 30px -8px rgba(216, 31, 6, 0.5);
	box-shadow: 0 10px 30px -8px color-mix(in srgb, var(--plg-popup-button) 62%, transparent);
}

:not(#plb) .plg-popup .plg-popup__cta.plg-popup__cta {
	color: var(--plg-popup-button-ink);
	text-decoration: none;
}

:not(#plb) .plg-popup__cta:hover {
	filter: brightness(1.07);
}

:not(#plb) .plg-popup__cta:focus-visible {
	outline: 3px solid var(--plg-popup-heading);
	outline-offset: 3px;
}

:not(#plb) .plg-popup__replay {
	padding: 4px 8px;
	font: inherit;
	font-family: var(--plg-popup-link-font, var(--plb-font-heading, inherit));
	font-size: var(--plg-ks, 16px);
	font-weight: var(--plg-popup-link-weight, 700);
	letter-spacing: var(--plg-popup-link-ls, normal);
	text-transform: var(--plg-popup-link-case, none);
	text-decoration: none;
	color: var(--plg-popup-link);
	background: none;
	border: 0;
	cursor: pointer;
}

:not(#plb) .plg-popup__replay:hover {
	text-decoration: underline;
}

:not(#plb) .plg-popup__replay:focus-visible {
	outline: 2px solid var(--plg-popup-link);
	outline-offset: 2px;
}

/* Look switches. Each targets .plg-popup[data-*] so it outranks the
   shipped button rules above. */
:not(#plb) .plg-popup[data-plg-shape="square"] {
	--plg-popup-btn-radius: 0;
}

:not(#plb) .plg-popup[data-plg-shape="custom"] {
	--plg-popup-btn-radius: var(--plg-popup-btn-r, 12px);
}

:not(#plb) .plg-popup[data-plg-shape="rounded"] {
	--plg-popup-btn-radius: 12px;
}

:not(#plb) .plg-popup[data-plg-glow="0"] .plg-popup__cta {
	box-shadow: none;
}

:not(#plb) .plg-popup[data-plg-cta="outline"] .plg-popup__cta {
	color: var(--plg-popup-button);
	background: transparent;
	box-shadow: inset 0 0 0 2px var(--plg-popup-button);
}

:not(#plb) .plg-popup[data-plg-cta="text"] .plg-popup__cta {
	min-width: 0;
	padding: 4px 8px;
	color: var(--plg-popup-button);
	background: none;
	box-shadow: none;
}

:not(#plb) .plg-popup[data-plg-link="filled"] .plg-popup__replay,
:not(#plb) .plg-popup[data-plg-link="outline"] .plg-popup__replay {
	min-width: 74%;
	padding: var(--plg-popup-btn-py, 14px) var(--plg-popup-btn-px, 30px);
	border: var(--plg-popup-btn-bw, 0px) solid var(--plg-popup-btn-border, transparent);
	border-radius: var(--plg-popup-btn-radius);
}

:not(#plb) .plg-popup[data-plg-link="filled"] .plg-popup__replay {
	color: var(--plg-popup-link-ink);
	background: var(--plg-popup-link);
}

:not(#plb) .plg-popup[data-plg-link="outline"] .plg-popup__replay {
	box-shadow: inset 0 0 0 2px var(--plg-popup-link);
}

:not(#plb) .plg-popup[data-plg-link="filled"] .plg-popup__replay:hover,
:not(#plb) .plg-popup[data-plg-link="outline"] .plg-popup__replay:hover {
	text-decoration: none;
	filter: brightness(1.07);
}

/* A link-style button can be a real link: above a theme's own link colours. */
:not(#plb) .plg-popup a.plg-popup__replay.plg-popup__replay,
:not(#plb) .plg-popup a.plg-popup__replay.plg-popup__replay:visited {
	color: var(--plg-popup-link);
}

:not(#plb) .plg-popup[data-plg-link="filled"] a.plg-popup__replay.plg-popup__replay {
	color: var(--plg-popup-link-ink);
}

:not(#plb) .plg-popup:not([data-plg-cta]) .plg-popup__cta:hover {
	background: var(--plg-popup-btn-hover, var(--plg-popup-button));
}

:not(#plb) .plg-popup[data-plg-link="filled"] .plg-popup__replay:hover {
	background: var(--plg-popup-btn-hover, var(--plg-popup-link));
}

:not(#plb) .plg-popup:not([data-plg-cta]) .plg-popup__cta.is-glow-off,
:not(#plb) .plg-popup[data-plg-link="filled"] .plg-popup__replay.is-glow-off {
	box-shadow: none;
}

:not(#plb) .plg-popup:not([data-plg-cta]) .plg-popup__cta.is-glow-on {
	box-shadow: 0 10px 30px -8px color-mix(in srgb, var(--plg-popup-button) 62%, transparent);
}

:not(#plb) .plg-popup[data-plg-link="filled"] .plg-popup__replay.is-glow-on {
	box-shadow: 0 10px 30px -8px color-mix(in srgb, var(--plg-popup-link) 62%, transparent);
}

:not(#plb) .plg-popup__acts {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

:not(#plb) .plg-popup__acts:not(:last-child) {
	margin-bottom: 22px;
}

:not(#plb) .plg-popup__line {
	display: flex;
	flex: 0 0 100%;
	flex-direction: column;
	align-items: center;
}

:not(#plb) .plg-popup .plg-popup__acts > .is-half {
	flex: 0 0 calc(50% - 7px);
	min-width: 0;
}

:not(#plb) .plg-popup .plg-popup__acts > .is-full {
	flex: 0 0 100%;
	min-width: 0;
}

:not(#plb) .plg-popup .plg-popup__acts > .is-edge {
	flex-basis: calc(100% + var(--plg-pl) + var(--plg-pr));
	margin-right: calc(-1 * var(--plg-pr));
	margin-left: calc(-1 * var(--plg-pl));
}

:not(#plb) .plg-popup__share {
	position: relative;
	display: inline-block;
}

:not(#plb) .plg-popup__share.is-half,
:not(#plb) .plg-popup__share.is-full {
	display: block;
}

:not(#plb) .plg-popup .plg-popup__share.is-half > button,
:not(#plb) .plg-popup .plg-popup__share.is-full > button {
	width: 100%;
	min-width: 0;
}

:not(#plb) .plg-popup .plg-popup__pic.plg-popup__pic {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 18px;
}

:not(#plb) .plg-popup[data-plg-align="left"] .plg-popup__acts { justify-content: flex-start; }
:not(#plb) .plg-popup[data-plg-align="left"] .plg-popup__line { align-items: flex-start; }
:not(#plb) .plg-popup[data-plg-align="left"] .plg-popup__pic.plg-popup__pic { margin-left: 0; }

@container plg-popup (max-width: 1024px) {
	:not(#plb) .plg-popup[data-plg-align-tablet="left"] .plg-popup__acts { justify-content: flex-start; }
	:not(#plb) .plg-popup[data-plg-align-tablet="left"] .plg-popup__line { align-items: flex-start; }
	:not(#plb) .plg-popup[data-plg-align-tablet="left"] .plg-popup__pic.plg-popup__pic { margin-left: 0; }
	:not(#plb) .plg-popup[data-plg-align-tablet="center"] .plg-popup__acts { justify-content: center; }
	:not(#plb) .plg-popup[data-plg-align-tablet="center"] .plg-popup__line { align-items: center; }
	:not(#plb) .plg-popup[data-plg-align-tablet="center"] .plg-popup__pic.plg-popup__pic { margin-left: auto; }
}

@container plg-popup (max-width: 600px) {
	:not(#plb) .plg-popup[data-plg-align-mobile="left"] .plg-popup__acts { justify-content: flex-start; }
	:not(#plb) .plg-popup[data-plg-align-mobile="left"] .plg-popup__line { align-items: flex-start; }
	:not(#plb) .plg-popup[data-plg-align-mobile="left"] .plg-popup__pic.plg-popup__pic { margin-left: 0; }
	:not(#plb) .plg-popup[data-plg-align-mobile="center"] .plg-popup__acts { justify-content: center; }
	:not(#plb) .plg-popup[data-plg-align-mobile="center"] .plg-popup__line { align-items: center; }
	:not(#plb) .plg-popup[data-plg-align-mobile="center"] .plg-popup__pic.plg-popup__pic { margin-left: auto; }
}

@media (max-width: 480px) {
	:not(#plb) .plg-popup {
		--plg-popup-lift: 84px;
		--plg-popup-image: 160px;
	}

	:not(#plb) .plg-popup__message {
		font-size: 16px;
	}

	:not(#plb) .plg-popup__cta {
		min-width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	:not(#plb) .plg-popup__panel {
		animation: none;
	}
}


:not(#plb) .plg-hud {
	--plg-hud-bg: #10213c;
	--plg-hud-border: rgba(255, 255, 255, 0.18);
	--plg-hud-gap: var(--plg-hud-gap-d, 8px);
	--plg-hud-font: var(--plg-hud-font-d, 15px);
	--plg-hud-radius: var(--plg-hud-radius-d, 10px);
	--plg-hud-border-w: var(--plg-hud-border-w-d, 0px);
	--plg-hud-min-w: var(--plg-hud-min-w-d);
	--plg-hud-icon-size: var(--plg-hud-icon-size-d);
	--plg-hud-pad-t: var(--plg-hud-pad-t-d);
	--plg-hud-pad-r: var(--plg-hud-pad-r-d);
	--plg-hud-pad-b: var(--plg-hud-pad-b-d);
	--plg-hud-pad-l: var(--plg-hud-pad-l-d);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--plg-hud-gap);
	max-width: var(--plb-game-w, 720px);
	margin: 0 auto;
	font-family: var(--plb-font-text, inherit);
	font-size: var(--plg-hud-font);
	color: #ffffff;
}

:not(#plb) .plg-hud--stack {
	flex-direction: column;
	align-items: stretch;
	max-width: 220px;
}

@media (max-width: 1023px) {
	:not(#plb) .plg-hud {
		--plg-hud-gap: var(--plg-hud-gap-t, var(--plg-hud-gap-d, 8px));
		--plg-hud-font: var(--plg-hud-font-t, var(--plg-hud-font-d, 15px));
		--plg-hud-radius: var(--plg-hud-radius-t, var(--plg-hud-radius-d, 10px));
		--plg-hud-border-w: var(--plg-hud-border-w-t, var(--plg-hud-border-w-d, 0px));
		--plg-hud-min-w: var(--plg-hud-min-w-t, var(--plg-hud-min-w-d));
		--plg-hud-icon-size: var(--plg-hud-icon-size-t, var(--plg-hud-icon-size-d));
		--plg-hud-pad-t: var(--plg-hud-pad-t-t, var(--plg-hud-pad-t-d));
		--plg-hud-pad-r: var(--plg-hud-pad-r-t, var(--plg-hud-pad-r-d));
		--plg-hud-pad-b: var(--plg-hud-pad-b-t, var(--plg-hud-pad-b-d));
		--plg-hud-pad-l: var(--plg-hud-pad-l-t, var(--plg-hud-pad-l-d));
	}
}

:not(#plb) .plg-hud[data-dev="t"] {
	--plg-hud-gap: var(--plg-hud-gap-t, var(--plg-hud-gap-d, 8px));
	--plg-hud-font: var(--plg-hud-font-t, var(--plg-hud-font-d, 15px));
	--plg-hud-radius: var(--plg-hud-radius-t, var(--plg-hud-radius-d, 10px));
	--plg-hud-border-w: var(--plg-hud-border-w-t, var(--plg-hud-border-w-d, 0px));
	--plg-hud-min-w: var(--plg-hud-min-w-t, var(--plg-hud-min-w-d));
	--plg-hud-icon-size: var(--plg-hud-icon-size-t, var(--plg-hud-icon-size-d));
	--plg-hud-pad-t: var(--plg-hud-pad-t-t, var(--plg-hud-pad-t-d));
	--plg-hud-pad-r: var(--plg-hud-pad-r-t, var(--plg-hud-pad-r-d));
	--plg-hud-pad-b: var(--plg-hud-pad-b-t, var(--plg-hud-pad-b-d));
	--plg-hud-pad-l: var(--plg-hud-pad-l-t, var(--plg-hud-pad-l-d));
}

@media (max-width: 599px) {
	:not(#plb) .plg-hud {
		--plg-hud-gap: var(--plg-hud-gap-m, var(--plg-hud-gap-t, var(--plg-hud-gap-d, 8px)));
		--plg-hud-font: var(--plg-hud-font-m, var(--plg-hud-font-t, var(--plg-hud-font-d, 15px)));
		--plg-hud-radius: var(--plg-hud-radius-m, var(--plg-hud-radius-t, var(--plg-hud-radius-d, 10px)));
		--plg-hud-border-w: var(--plg-hud-border-w-m, var(--plg-hud-border-w-t, var(--plg-hud-border-w-d, 0px)));
		--plg-hud-min-w: var(--plg-hud-min-w-m, var(--plg-hud-min-w-t, var(--plg-hud-min-w-d)));
		--plg-hud-icon-size: var(--plg-hud-icon-size-m, var(--plg-hud-icon-size-t, var(--plg-hud-icon-size-d)));
		--plg-hud-pad-t: var(--plg-hud-pad-t-m, var(--plg-hud-pad-t-t, var(--plg-hud-pad-t-d)));
		--plg-hud-pad-r: var(--plg-hud-pad-r-m, var(--plg-hud-pad-r-t, var(--plg-hud-pad-r-d)));
		--plg-hud-pad-b: var(--plg-hud-pad-b-m, var(--plg-hud-pad-b-t, var(--plg-hud-pad-b-d)));
		--plg-hud-pad-l: var(--plg-hud-pad-l-m, var(--plg-hud-pad-l-t, var(--plg-hud-pad-l-d)));
	}

	:not(#plb) .plg-hud {
		max-width: 100%;
	}

	:not(#plb) .plg-hud:not(.plg-hud--stack) {
		display: grid;
		grid-template-columns: repeat(var(--plg-hud-cols-m, 4), minmax(0, 1fr));
	}

	:not(#plb) .plg-hud .plg-hud__item.plg-hud__item {
		min-width: 0;
		width: auto;
	}

	:not(#plb) .plg-hud.plg-hud--bar {
		gap: 1px;
		background: var(--plg-hud-border);
	}

	:not(#plb) .plg-hud.plg-hud--bar .plg-hud__item.plg-hud__item {
		border: 0;
		background: var(--plg-hud-bg);
	}
}

:not(#plb) .plg-hud[data-dev="m"] {
	--plg-hud-gap: var(--plg-hud-gap-m, var(--plg-hud-gap-t, var(--plg-hud-gap-d, 8px)));
	--plg-hud-font: var(--plg-hud-font-m, var(--plg-hud-font-t, var(--plg-hud-font-d, 15px)));
	--plg-hud-radius: var(--plg-hud-radius-m, var(--plg-hud-radius-t, var(--plg-hud-radius-d, 10px)));
	--plg-hud-border-w: var(--plg-hud-border-w-m, var(--plg-hud-border-w-t, var(--plg-hud-border-w-d, 0px)));
	--plg-hud-min-w: var(--plg-hud-min-w-m, var(--plg-hud-min-w-t, var(--plg-hud-min-w-d)));
	--plg-hud-icon-size: var(--plg-hud-icon-size-m, var(--plg-hud-icon-size-t, var(--plg-hud-icon-size-d)));
	--plg-hud-pad-t: var(--plg-hud-pad-t-m, var(--plg-hud-pad-t-t, var(--plg-hud-pad-t-d)));
	--plg-hud-pad-r: var(--plg-hud-pad-r-m, var(--plg-hud-pad-r-t, var(--plg-hud-pad-r-d)));
	--plg-hud-pad-b: var(--plg-hud-pad-b-m, var(--plg-hud-pad-b-t, var(--plg-hud-pad-b-d)));
	--plg-hud-pad-l: var(--plg-hud-pad-l-m, var(--plg-hud-pad-l-t, var(--plg-hud-pad-l-d)));
}

:not(#plb) .plg-hud[data-dev="m"] {
	max-width: 100%;
}

:not(#plb) .plg-hud[data-dev="m"]:not(.plg-hud--stack) {
	display: grid;
	grid-template-columns: repeat(var(--plg-hud-cols-m, 4), minmax(0, 1fr));
}

:not(#plb) .plg-hud[data-dev="m"] .plg-hud__item.plg-hud__item {
	min-width: 0;
	width: auto;
}

:not(#plb) .plg-hud.plg-hud--bar[data-dev="m"] {
	gap: 1px;
	background: var(--plg-hud-border);
}

:not(#plb) .plg-hud.plg-hud--bar[data-dev="m"] .plg-hud__item.plg-hud__item {
	border: 0;
	background: var(--plg-hud-bg);
}

:not(#plb) .plg-hud[data-dev="d"] {
	--plg-hud-gap: var(--plg-hud-gap-d, 8px);
	--plg-hud-font: var(--plg-hud-font-d, 15px);
	--plg-hud-radius: var(--plg-hud-radius-d, 10px);
	--plg-hud-border-w: var(--plg-hud-border-w-d, 0px);
	--plg-hud-min-w: var(--plg-hud-min-w-d);
	--plg-hud-icon-size: var(--plg-hud-icon-size-d);
	--plg-hud-pad-t: var(--plg-hud-pad-t-d);
	--plg-hud-pad-r: var(--plg-hud-pad-r-d);
	--plg-hud-pad-b: var(--plg-hud-pad-b-d);
	--plg-hud-pad-l: var(--plg-hud-pad-l-d);
}

:not(#plb) .plg-hud__label {
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

:not(#plb) .plg-hud .plg-hud__item[hidden],
:not(#plb) .plg-hud .plg-hud__label[hidden] {
	display: none;
}

:not(#plb) .plg-hud .plg-hud__item {
	min-width: var(--plg-hud-min-w, var(--plg-hud-item-min, 0));
	padding: var(--plg-hud-pad-t, var(--plg-hud-py, 0)) var(--plg-hud-pad-r, var(--plg-hud-px, 0)) var(--plg-hud-pad-b, var(--plg-hud-py, 0)) var(--plg-hud-pad-l, var(--plg-hud-px, 0));
}

:not(#plb) .plg-hud__value[hidden] {
	display: none;
}

:not(#plb) .plg-hud__value {
	font-family: var(--plg-hud-value-font, var(--plb-font-heading, inherit));
	font-size: var(--plg-hud-value-size, var(--plg-hud-value-em, 1em));
	font-weight: var(--plg-hud-value-weight, 800);
	letter-spacing: var(--plg-hud-value-ls, normal);
	text-transform: var(--plg-hud-value-case, none);
	line-height: 1.1;
	color: var(--plg-hud-value-color, #ffc93d);
	font-variant-numeric: tabular-nums;
}

:not(#plb) .plg-hud__label {
	font-family: var(--plg-hud-label-font, var(--plb-font-text, inherit));
	font-size: var(--plg-hud-label-size, 0.72em);
	font-weight: var(--plg-hud-label-weight, inherit);
	letter-spacing: var(--plg-hud-label-ls, 0.08em);
	text-transform: var(--plg-hud-label-case, uppercase);
	color: var(--plg-hud-label-color, #ffffff);
	opacity: var(--plg-hud-label-opacity, 0.8);
}

@media (max-width: 1023px) {
	:not(#plb) .plg-hud__value {
		font-size: var(--plg-hud-value-size-t, var(--plg-hud-value-size, var(--plg-hud-value-em, 1em)));
	}

	:not(#plb) .plg-hud__label {
		font-size: var(--plg-hud-label-size-t, var(--plg-hud-label-size, 0.72em));
	}
}

@media (max-width: 599px) {
	:not(#plb) .plg-hud__value {
		font-size: var(--plg-hud-value-size-m, var(--plg-hud-value-size-t, var(--plg-hud-value-size, var(--plg-hud-value-em, 1em))));
	}

	:not(#plb) .plg-hud__label {
		font-size: var(--plg-hud-label-size-m, var(--plg-hud-label-size-t, var(--plg-hud-label-size, 0.72em)));
	}
}

:not(#plb) .plg-hud[data-dev="d"] .plg-hud__value {
	font-size: var(--plg-hud-value-size, var(--plg-hud-value-em, 1em));
}

:not(#plb) .plg-hud[data-dev="d"] .plg-hud__label {
	font-size: var(--plg-hud-label-size, 0.72em);
}

:not(#plb) .plg-hud[data-dev="t"] .plg-hud__value {
	font-size: var(--plg-hud-value-size-t, var(--plg-hud-value-size, var(--plg-hud-value-em, 1em)));
}

:not(#plb) .plg-hud[data-dev="t"] .plg-hud__label {
	font-size: var(--plg-hud-label-size-t, var(--plg-hud-label-size, 0.72em));
}

:not(#plb) .plg-hud[data-dev="m"] .plg-hud__value {
	font-size: var(--plg-hud-value-size-m, var(--plg-hud-value-size-t, var(--plg-hud-value-size, var(--plg-hud-value-em, 1em))));
}

:not(#plb) .plg-hud[data-dev="m"] .plg-hud__label {
	font-size: var(--plg-hud-label-size-m, var(--plg-hud-label-size-t, var(--plg-hud-label-size, 0.72em)));
}

:not(#plb) .plg-hud__value--hearts i {
	font-style: normal;
	color: var(--plg-hud-value-color, #ff4d6d);
}

:not(#plb) .plg-hud__value--hearts i:not(.is-on) {
	opacity: 0.25;
}

:not(#plb) .plg-hud .plg-hud__value--bar {
	display: block;
	min-width: 4em;
	height: 0.5em;
	margin: 0.4em 0;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.18);
	border-radius: 999px;
}

:not(#plb) .plg-hud__value--bar i {
	display: block;
	width: 0;
	height: 100%;
	background: var(--plg-hud-value-color, #ffc93d);
	border-radius: inherit;
	transition: width 0.25s ease;
}

:not(#plb) .plg-hud__kind {
	display: inline-flex;
	align-items: center;
	gap: 0.2em;
	margin: 0 0.3em;
	white-space: nowrap;
}

:not(#plb) .plg-hud__kind img {
	width: var(--plg-hud-icon-size, 1.1em);
	height: var(--plg-hud-icon-size, 1.1em);
	object-fit: contain;
}

:not(#plb) .plg-hud__kind-icon {
	font-size: var(--plg-hud-icon-size, 1em);
	line-height: 1;
}


:not(#plb) .plg-hud__word.is-done {
	text-decoration: line-through;
	opacity: 0.5;
}

:not(#plb) .plg-hud__word.is-missed {
	text-decoration: underline wavy;
}

:not(#plb) .plg-hud__rung {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin: 0 0.15em;
	opacity: 0.35;
	filter: grayscale(1);
}

:not(#plb) .plg-hud__rung.is-on {
	opacity: 1;
	filter: none;
}

:not(#plb) .plg-hud__rung.is-goal::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.35em;
	width: 0.28em;
	height: 0.28em;
	margin-left: -0.14em;
	border-radius: 50%;
	background: var(--plg-hud-value-color, #ffc93d);
}

:not(#plb) .plg-hud__rung img {
	width: 1.1em;
	height: 1.1em;
	object-fit: contain;
}

:not(#plb) .plg-hud--cards {
	--plg-hud-py: 8px;
	--plg-hud-px: 13px;
	--plg-hud-item-min: 5.5em;
	--plg-hud-value-em: 1.5em;
}

:not(#plb) .plg-hud--cards .plg-hud__item {
	flex: 1 1 0;
	text-align: center;
	background: var(--plg-hud-bg);
	border: 0 solid var(--plg-hud-border);
	border-width: var(--plg-hud-border-w);
	border-radius: var(--plg-hud-radius);
}

:not(#plb) .plg-hud--cards .plg-hud__value,
:not(#plb) .plg-hud--cards .plg-hud__label {
	display: block;
}

:not(#plb) .plg-hud--pills {
	--plg-hud-py: 5px;
	--plg-hud-px: 13px;
	--plg-hud-value-em: 1.15em;
}

:not(#plb) .plg-hud--pills .plg-hud__item {
	background: var(--plg-hud-bg);
	border: 0 solid var(--plg-hud-border);
	border-width: var(--plg-hud-border-w);
	border-radius: 999px;
}

:not(#plb) .plg-hud--minimal {
	--plg-hud-py: 0;
	--plg-hud-px: 5px;
	--plg-hud-value-em: 1.6em;
}

:not(#plb) .plg-hud--minimal .plg-hud__item {
	text-align: center;
}

:not(#plb) .plg-hud--minimal .plg-hud__value,
:not(#plb) .plg-hud--minimal .plg-hud__label {
	display: block;
}

:not(#plb) .plg-hud--bar {
	--plg-hud-py: 8px;
	--plg-hud-px: 11px;
	--plg-hud-item-min: 5em;
	--plg-hud-value-em: 1.35em;
	gap: 0;
	background: var(--plg-hud-bg);
	border: 0 solid var(--plg-hud-border);
	border-width: var(--plg-hud-border-w);
	border-radius: var(--plg-hud-radius);
}

:not(#plb) .plg-hud--bar .plg-hud__item {
	flex: 1 1 0;
	text-align: center;
}

:not(#plb) .plg-hud--bar .plg-hud__item + .plg-hud__item {
	border-left: 1px solid var(--plg-hud-border);
}

:not(#plb) .plg-hud--bar.plg-hud--stack .plg-hud__item + .plg-hud__item {
	border-top: 1px solid var(--plg-hud-border);
	border-left: 0;
}

:not(#plb) .plg-hud--bar .plg-hud__value,
:not(#plb) .plg-hud--bar .plg-hud__label {
	display: block;
}

:not(#plb) .plg-hud--squares {
	--plg-hud-py: 6px;
	--plg-hud-px: 6px;
	--plg-hud-value-em: 1.4em;
}

:not(#plb) .plg-hud--squares .plg-hud__item {
	flex: 0 0 auto;
	width: var(--plg-hud-min-w, 5.5em);
	aspect-ratio: 1;
	background: var(--plg-hud-bg);
	border: 0 solid var(--plg-hud-border);
	border-width: var(--plg-hud-border-w);
	border-radius: var(--plg-hud-radius);
}

:not(#plb) .plg-hud .plg-hud__item {
	display: grid;
	grid-template-areas: ". top ." "left center right" ". bottom .";
	grid-template-columns: auto auto auto;
	align-items: center;
	justify-content: center;
	justify-items: center;
	column-gap: 0.45em;
	text-align: center;
}

:not(#plb) .plg-hud .plg-hud__item .plg-hud__value--words {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.25em 0.6em;
}

:not(#plb) .plg-hud.plg-hud--a-left {
	justify-content: flex-start;
}

:not(#plb) .plg-hud.plg-hud--a-right {
	justify-content: flex-end;
}

:not(#plb) .plg-hud.plg-hud--a-left .plg-hud__item {
	justify-content: start;
	justify-items: start;
	text-align: left;
}

:not(#plb) .plg-hud.plg-hud--a-right .plg-hud__item {
	justify-content: end;
	justify-items: end;
	text-align: right;
}

:not(#plb) .plg-hud.plg-hud--a-left .plg-hud__item .plg-hud__value--words {
	justify-content: flex-start;
}

:not(#plb) .plg-hud.plg-hud--a-right .plg-hud__item .plg-hud__value--words {
	justify-content: flex-end;
}

:not(#plb) .plg-hud--c-1 { --plg-hud-c: 1; }
:not(#plb) .plg-hud--c-2 { --plg-hud-c: 2; }
:not(#plb) .plg-hud--c-3 { --plg-hud-c: 3; }
:not(#plb) .plg-hud--c-4 { --plg-hud-c: 4; }
:not(#plb) .plg-hud--c-5 { --plg-hud-c: 5; }
:not(#plb) .plg-hud--c-6 { --plg-hud-c: 6; }

:not(#plb) .plg-hud:is(.plg-hud--c-1, .plg-hud--c-2, .plg-hud--c-3, .plg-hud--c-4, .plg-hud--c-5, .plg-hud--c-6):not(.plg-hud--stack) {
	display: flex;
	max-width: 100%;
}

:not(#plb) .plg-hud:is(.plg-hud--c-1, .plg-hud--c-2, .plg-hud--c-3, .plg-hud--c-4, .plg-hud--c-5, .plg-hud--c-6):not(.plg-hud--stack) > .plg-hud__item {
	flex: 0 0 calc((100% - (var(--plg-hud-c) - 1) * var(--plg-hud-gap)) / var(--plg-hud-c));
	min-width: 0;
	width: auto;
}

:not(#plb) .plg-hud.plg-hud--a-stretch:not(.plg-hud--stack) > .plg-hud__item {
	flex-grow: 1;
}

/* The icon or picture is as tall as the number and label beside it, or the group's own size; a picture keeps its shape.
   ponytail: the height is worked out from the text sizes, not measured; a label wrapping to two lines is not counted. */
:not(#plb) .plg-hud__icon {
	--plg-hud-fit: calc(var(--plg-hud-value-size, var(--plg-hud-value-em, 1em)) * 1.1 + var(--plg-hud-label-size, 0.72em) * 1.25);
	display: none;
	height: var(--plg-hud-icon-size, var(--plg-hud-fit));
	line-height: 1;
	color: var(--plg-hud-value-color, #ffc93d);
}

:not(#plb) .plg-hud--l-off .plg-hud__icon,
:not(#plb) .plg-hud--l-left .plg-hud__icon,
:not(#plb) .plg-hud--l-right .plg-hud__icon,
:not(#plb) .plg-hud--l-center .plg-hud__icon {
	--plg-hud-fit: calc(var(--plg-hud-value-size, var(--plg-hud-value-em, 1em)) * 1.1);
}

@media (max-width: 1023px) {
	:not(#plb) .plg-hud__icon {
		--plg-hud-fit: calc(var(--plg-hud-value-size-t, var(--plg-hud-value-size, var(--plg-hud-value-em, 1em))) * 1.1 + var(--plg-hud-label-size-t, var(--plg-hud-label-size, 0.72em)) * 1.25);
	}

	:not(#plb) .plg-hud--l-off .plg-hud__icon,
	:not(#plb) .plg-hud--l-left .plg-hud__icon,
	:not(#plb) .plg-hud--l-right .plg-hud__icon,
	:not(#plb) .plg-hud--l-center .plg-hud__icon {
		--plg-hud-fit: calc(var(--plg-hud-value-size-t, var(--plg-hud-value-size, var(--plg-hud-value-em, 1em))) * 1.1);
	}
}

@media (max-width: 599px) {
	:not(#plb) .plg-hud__icon {
		--plg-hud-fit: calc(var(--plg-hud-value-size-m, var(--plg-hud-value-size-t, var(--plg-hud-value-size, var(--plg-hud-value-em, 1em)))) * 1.1 + var(--plg-hud-label-size-m, var(--plg-hud-label-size-t, var(--plg-hud-label-size, 0.72em))) * 1.25);
	}

	:not(#plb) .plg-hud--l-off .plg-hud__icon,
	:not(#plb) .plg-hud--l-left .plg-hud__icon,
	:not(#plb) .plg-hud--l-right .plg-hud__icon,
	:not(#plb) .plg-hud--l-center .plg-hud__icon {
		--plg-hud-fit: calc(var(--plg-hud-value-size-m, var(--plg-hud-value-size-t, var(--plg-hud-value-size, var(--plg-hud-value-em, 1em)))) * 1.1);
	}
}

:not(#plb) .plg-hud__icon img,
:not(#plb) .plg-hud__icon svg {
	display: block;
	width: auto;
	height: 100%;
	max-width: none;
	object-fit: contain;
}

:not(#plb) .plg-hud__icon svg {
	aspect-ratio: 1;
}

:not(#plb) .plg-hud .plg-hud__icon:empty,
:not(#plb) .plg-hud--l-off .plg-hud__label {
	display: none;
}

:not(#plb) .plg-hud--n-top .plg-hud__value { grid-area: top; }
:not(#plb) .plg-hud--n-left .plg-hud__value { grid-area: left; }
:not(#plb) .plg-hud--n-center .plg-hud__value { grid-area: center; }
:not(#plb) .plg-hud--n-right .plg-hud__value { grid-area: right; }
:not(#plb) .plg-hud--n-bottom .plg-hud__value { grid-area: bottom; }
:not(#plb) .plg-hud--l-top .plg-hud__label { grid-area: top; }
:not(#plb) .plg-hud--l-left .plg-hud__label { grid-area: left; }
:not(#plb) .plg-hud--l-center .plg-hud__label { grid-area: center; }
:not(#plb) .plg-hud--l-right .plg-hud__label { grid-area: right; }
:not(#plb) .plg-hud--l-bottom .plg-hud__label { grid-area: bottom; }
:not(#plb) .plg-hud--i-top .plg-hud__icon { display: block; grid-area: top; }
:not(#plb) .plg-hud--i-left .plg-hud__icon { display: block; grid-column: 1; grid-row: 1 / -1; }
:not(#plb) .plg-hud--i-center .plg-hud__icon { display: block; grid-area: center; }
:not(#plb) .plg-hud--i-right .plg-hud__icon { display: block; grid-column: 3; grid-row: 1 / -1; }
:not(#plb) .plg-hud--i-bottom .plg-hud__icon { display: block; grid-area: bottom; }

:not(#plb) .plg-hud__off,
:not(#plb) .plg-hud__share[aria-pressed="true"] .plg-hud__on {
	display: none;
}

:not(#plb) .plg-hud__share[aria-pressed="true"] .plg-hud__off {
	display: inline;
}

:not(#plb) .plg-hud__share {
	margin: 0;
	font: inherit;
	color: inherit;
	text-align: inherit;
	background: none;
	border: 0;
	cursor: pointer;
}

:not(#plb) .plg-hud__share:disabled {
	opacity: 0.45;
	cursor: default;
}

:not(#plb) .plg-hud__share svg {
	display: inline-block;
	vertical-align: -0.12em;
}

:not(#plb) .plg-hud__share [data-plg-hud-face] :is(svg, img) {
	display: inline-block;
	width: auto;
	height: var(--plg-hud-icon-size, 1em);
	max-width: none;
	object-fit: contain;
	vertical-align: -0.12em;
}

:not(#plb) .plg-hud__share [data-plg-hud-face] svg {
	aspect-ratio: 1;
}

:not(#plb) .plg-hud__share:focus-visible {
	outline: 2px solid var(--plg-hud-value-color, #ffc93d);
	outline-offset: 2px;
}

:not(#plb) .plg-hud__menu {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 30;
	min-width: 190px;
	margin-top: 8px;
	padding: 6px;
	font-size: 15px;
	color: var(--plg-share-text, #17264d);
	background: var(--plg-share-bg, #ffffff);
	border-radius: var(--plg-share-radius, 12px);
	box-shadow: 0 14px 40px -12px rgba(15, 32, 62, 0.45);
}

:not(#plb) .plg-hud__menu[hidden] {
	display: none;
}

:not(#plb) .plg-hud__sheet {
	display: contents;
}

:not(#plb) .plg-hud__menu-items {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

:not(#plb) .plg-hud__menu-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	font: inherit;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	color: inherit;
	background: none;
	border: 0;
	border-radius: calc(var(--plg-share-radius, 12px) * 0.66);
	cursor: pointer;
}

:not(#plb) .plg-hud__menu-icon {
	flex: none;
	width: 18px;
	height: 18px;
}

:not(#plb) .plg-hud__menu[data-items="icons"] .plg-hud__menu-name,
:not(#plb) .plg-hud__menu[data-items="names"] .plg-hud__menu-icon {
	display: none;
}

/* Above a theme's own link colours. */
:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu .plg-hud__menu-item,
:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu .plg-hud__menu-item:visited {
	color: var(--plg-share-text, #17264d);
	text-decoration: none;
}

:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu .plg-hud__menu-item:hover,
:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu .plg-hud__menu-item:focus-visible {
	color: var(--plg-share-text, #17264d);
	background: var(--plg-share-hover, #eef3fb);
	outline: none;
}

:not(#plb) .plg-hud__menu[data-look="tooltip"] {
	min-width: 0;
	margin-top: 12px;
}

:not(#plb) .plg-hud__menu[data-look="tooltip"]::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: var(--plg-share-point, 24px);
	margin-left: -7px;
	border: 7px solid transparent;
	border-bottom-color: var(--plg-share-bg, #ffffff);
}

:not(#plb) .plg-hud__menu[data-look="tooltip"][data-side="above"] {
	top: auto;
	bottom: 100%;
	margin: 0 0 12px;
}

:not(#plb) .plg-hud__menu[data-look="tooltip"][data-side="above"]::before {
	top: 100%;
	bottom: auto;
	border-bottom-color: transparent;
	border-top-color: var(--plg-share-bg, #ffffff);
}

:not(#plb) .plg-hud__menu[data-look="tooltip"] .plg-hud__menu-items {
	flex-direction: row;
	flex-wrap: wrap;
}

:not(#plb) .plg-hud__menu[data-look="tooltip"][data-items="icons"] .plg-hud__menu-item {
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 50%;
}

:not(#plb) .plg-hud__menu[data-look="modal"] {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	margin: 0;
	padding: 16px;
	background: rgba(15, 32, 62, 0.45);
	border-radius: 0;
	box-shadow: none;
}

:not(#plb) .plg-hud__menu[data-look="modal"][hidden] {
	display: none;
}

:not(#plb) .plg-hud__menu[data-look="modal"] .plg-hud__sheet {
	position: relative;
	display: block;
	width: min(100%, 380px);
	padding: 28px 24px 22px;
	text-align: center;
	color: var(--plg-popup-text, #46536e);
	background: var(--plg-popup-panel, #ffffff);
	border-radius: var(--plg-popup-r-tl, 22px);
	box-shadow: 0 24px 60px -18px rgba(15, 32, 62, 0.55);
}

:not(#plb) .plg-hud__sheet-close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	padding: 0;
	color: var(--plg-popup-heading, #17264d);
	background: none;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

:not(#plb) .plg-hud__sheet-close svg {
	width: 18px;
	height: 18px;
}

:not(#plb) .plg-hud__sheet-title {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--plg-popup-heading, #17264d);
}

:not(#plb) .plg-hud__sheet-text {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.5;
}

:not(#plb) .plg-hud__menu[data-look="modal"] .plg-hud__menu-items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu[data-look="modal"] .plg-hud__menu-item {
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	padding: 14px 6px;
	font-size: 13px;
	text-align: center;
	color: var(--plg-popup-heading, #17264d);
	background: color-mix(in srgb, var(--plg-popup-button, #d81f06) 8%, transparent);
	border-radius: 14px;
}

:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu[data-look="modal"] .plg-hud__menu-item:hover,
:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu[data-look="modal"] .plg-hud__menu-item:focus-visible {
	color: var(--plg-popup-button-ink, #ffffff);
	background: var(--plg-popup-button, #d81f06);
}

:not(#plb) .plg-hud__menu[data-look="modal"] .plg-hud__menu-icon {
	width: 24px;
	height: 24px;
	color: var(--plg-popup-button, #d81f06);
}

:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu[data-look="modal"] .plg-hud__menu-item:hover .plg-hud__menu-icon,
:not(#plb) :is(.plg-hud, .plg-popup__share) .plg-hud__menu[data-look="modal"] .plg-hud__menu-item:focus-visible .plg-hud__menu-icon {
	color: inherit;
}

@media (prefers-reduced-motion: no-preference) {
	:not(#plb) .plg-hud__menu:not([hidden]) {
		animation: plg-share-in 0.14s ease-out;
	}
}

@keyframes plg-share-in {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
}

:not(#plb) .plb-arcade {
	width: 100%;
}

:not(#plb) .plb-arcade > .plg-hud {
	margin-bottom: 10px;
}

:not(#plb) .plb-arcade--fill {
	display: flex;
	flex-direction: column;
	height: 100%;
}

:not(#plb) .plb-arcade--fill > .plb-arcade__stage {
	flex: 1 1 auto;
	grid-template-rows: minmax(0, 1fr);
	width: 100%;
	min-height: 0;
}

:not(#plb) .plb-arcade--fill .plb-arcade__host {
	height: 100%;
}

:not(#plb) :where(.plg-popup__message, .plb-start__text) :where(p, ul, ol) {
	margin: 0;
}

:not(#plb) :where(.plg-popup__message, .plb-start__text) :where(p, ul, ol) + :where(p, ul, ol) {
	margin-top: 0.75em;
}

:not(#plb) .plb-arcade__host:not([data-plb-ready]) {
	aspect-ratio: var(--plb-aspect, auto);
	border-radius: 12px;
	background: rgba(127, 127, 127, 0.14);
	animation: plb-wait 1.6s ease-in-out infinite;
}

@keyframes plb-wait {
	50% {
		opacity: 0.5;
	}
}

@media (prefers-reduced-motion: reduce) {
	:not(#plb) .plb-arcade__host:not([data-plb-ready]) {
		animation: none;
	}
}

:not(#plb) .plb-arcade__stage {
	position: relative;
	display: grid;
	box-sizing: border-box;
	margin: 0 auto;
	padding: var(--plb-pad, 0);
	container-type: inline-size;
}

:not(#plb) .plb-arcade__stage > .plb-arcade__host,
:not(#plb) .plb-arcade__stage > .plb-start {
	grid-area: 1 / 1;
}

:not(#plb) .plb-arcade__stage > .plb-arcade__host {
	align-self: start;
}

@media (max-width: 1023px) {
	:not(#plb) .plb-arcade__stage {
		padding: var(--plb-pad-t, var(--plb-pad, 0));
	}
}

@media (max-width: 599px) {
	:not(#plb) .plb-arcade__stage {
		padding: var(--plb-pad-m, var(--plb-pad-t, var(--plb-pad, 0)));
	}
}

:not(#plb) .plb-start {
	--plg-popup-button: #d81f06;
	--plg-popup-button-ink: #ffffff;
	--plg-popup-heading: #17264d;
	--plg-popup-btn-radius: 999px;
	--plb-start-radius: var(--plb-start-radius-d);
	--plb-start-pad: var(--plb-start-pad-d);
	--plb-start-card-radius: var(--plb-start-card-radius-d);
	--plb-start-card-pad: var(--plb-start-card-pad-d);
	--plb-start-bw: var(--plb-start-bw-d);
	--plb-start-border: var(--plb-start-border-d);
	--plb-start-card-w: var(--plb-start-card-w-d);
	--plb-start-img-h: var(--plb-start-img-h-d);
	--plb-start-img-w: var(--plb-start-img-w-d);
	--plb-start-btn-w: var(--plb-start-btn-w-d);
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--plb-start-shade, transparent);
}

:not(#plb) .plb-start[data-plb-cover="screen"]:not(.plb-start--preview) {
	position: fixed;
	inset: 0;
	z-index: 99990;
}

:not(#plb) .plb-start[hidden] {
	display: none;
}

@media (max-width: 1023px) {
	:not(#plb) .plb-start {
		--plb-start-radius: var(--plb-start-radius-t, var(--plb-start-radius-d));
		--plb-start-pad: var(--plb-start-pad-t, var(--plb-start-pad-d));
		--plb-start-card-radius: var(--plb-start-card-radius-t, var(--plb-start-card-radius-d));
		--plb-start-card-pad: var(--plb-start-card-pad-t, var(--plb-start-card-pad-d));
		--plb-start-bw: var(--plb-start-bw-t, var(--plb-start-bw-d));
		--plb-start-border: var(--plb-start-border-t, var(--plb-start-border-d));
		--plb-start-card-w: var(--plb-start-card-w-t, var(--plb-start-card-w-d));
		--plb-start-img-h: var(--plb-start-img-h-t, var(--plb-start-img-h-d));
		--plb-start-img-w: var(--plb-start-img-w-t, var(--plb-start-img-w-d));
		--plb-start-btn-w: var(--plb-start-btn-w-t, var(--plb-start-btn-w-d));
	}
}

@media (max-width: 599px) {
	:not(#plb) .plb-start {
		--plb-start-radius: var(--plb-start-radius-m, var(--plb-start-radius-t, var(--plb-start-radius-d)));
		--plb-start-pad: var(--plb-start-pad-m, var(--plb-start-pad-t, var(--plb-start-pad-d)));
		--plb-start-card-radius: var(--plb-start-card-radius-m, var(--plb-start-card-radius-t, var(--plb-start-card-radius-d)));
		--plb-start-card-pad: var(--plb-start-card-pad-m, var(--plb-start-card-pad-t, var(--plb-start-card-pad-d)));
		--plb-start-bw: var(--plb-start-bw-m, var(--plb-start-bw-t, var(--plb-start-bw-d)));
		--plb-start-border: var(--plb-start-border-m, var(--plb-start-border-t, var(--plb-start-border-d)));
		--plb-start-card-w: var(--plb-start-card-w-m, var(--plb-start-card-w-t, var(--plb-start-card-w-d)));
		--plb-start-img-h: var(--plb-start-img-h-m, var(--plb-start-img-h-t, var(--plb-start-img-h-d)));
		--plb-start-img-w: var(--plb-start-img-w-m, var(--plb-start-img-w-t, var(--plb-start-img-w-d)));
		--plb-start-btn-w: var(--plb-start-btn-w-m, var(--plb-start-btn-w-t, var(--plb-start-btn-w-d)));
	}
}

:not(#plb) .plb-start__stack {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5em;
}

:not(#plb) .plb-start__cap {
	padding: 0.2em 0.7em;
	font-family: var(--plb-count-font, var(--plb-font-heading, inherit));
	font-size: clamp(15px, 4.5cqi, 30px);
	font-weight: var(--plb-count-weight, 900);
	letter-spacing: var(--plb-count-ls, normal);
	text-transform: var(--plb-count-case, none);
	line-height: 1.15;
	text-align: center;
	color: var(--plb-count-color, var(--plg-popup-button-ink));
	background: var(--plb-count-bg, var(--plg-popup-button));
	border-radius: 0.5em;
}

:not(#plb) .plb-start__cap[hidden] {
	display: none;
}

:not(#plb) .plb-start[data-plg-shape="square"] {
	--plg-popup-btn-radius: 0;
}

:not(#plb) .plb-start[data-plg-shape="rounded"] {
	--plg-popup-btn-radius: 12px;
}

:not(#plb) .plb-start__btn {
	box-sizing: border-box;
	width: var(--plb-start-btn-w, auto);
	max-width: 100%;
	padding: var(--plb-start-pad, 18px 48px);
	font: inherit;
	font-family: var(--plb-start-text-font, var(--plb-font-heading, inherit));
	font-size: var(--plb-start-text-size, 20px);
	font-weight: var(--plb-start-text-weight, 800);
	letter-spacing: var(--plb-start-text-ls, normal);
	text-transform: var(--plb-start-text-case, none);
	line-height: 1;
	color: var(--plg-popup-button-ink);
	background: var(--plg-popup-button);
	border: 0 solid var(--plb-start-border, transparent);
	border-width: var(--plb-start-bw, 0);
	border-radius: var(--plb-start-radius, var(--plg-popup-btn-radius));
	cursor: pointer;
	box-shadow: 0 10px 30px -8px color-mix(in srgb, var(--plg-popup-button) 62%, transparent);
}

:not(#plb) .plb-start .plb-start__btn[hidden] {
	display: none;
}

:not(#plb) .plb-start[data-plg-glow="0"] .plb-start__btn {
	box-shadow: none;
}

:not(#plb) .plb-start[data-plg-cta="outline"] .plb-start__btn {
	color: var(--plg-popup-button);
	background: transparent;
	box-shadow: inset 0 0 0 2px var(--plg-popup-button);
}

:not(#plb) .plb-start[data-plg-cta="text"] .plb-start__btn {
	color: var(--plg-popup-button);
	background: transparent;
	box-shadow: none;
}

:not(#plb) .plb-start__btn:hover {
	filter: brightness(1.07);
}

:not(#plb) .plb-start__btn:focus-visible {
	outline: 3px solid var(--plg-popup-heading);
	outline-offset: 3px;
}

:not(#plb) .plb-start__count {
	min-width: 1.6em;
	padding: var(--plb-count-pad, 0.18em 0.42em);
	font-family: var(--plb-count-font, var(--plb-font-heading, inherit));
	font-size: var(--plb-count-size, clamp(44px, 16cqi, 112px));
	font-weight: var(--plb-count-weight, 900);
	letter-spacing: var(--plb-count-ls, normal);
	text-transform: var(--plb-count-case, none);
	line-height: 1;
	text-align: center;
	color: var(--plb-count-color, var(--plg-popup-button-ink));
	background: var(--plb-count-bg, var(--plg-popup-button));
	border-radius: var(--plb-count-radius, 999px);
	box-shadow: var(--plb-count-box-shadow, 0 12px 34px -10px rgba(0, 0, 0, 0.45));
}

:not(#plb) .plb-start__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

:not(#plb) .plb-start__card[hidden],
:not(#plb) .plb-start__title[hidden],
:not(#plb) .plb-start__img[hidden],
:not(#plb) .plb-start__text[hidden] {
	display: none;
}

:not(#plb) .plb-start__card:not(.plb-start__card--box) {
	width: 100%;
}

:not(#plb) .plb-start__card--box {
	box-sizing: border-box;
	width: min(var(--plb-start-card-w, 420px), calc(100% - 24px));
	padding: var(--plb-start-card-pad, 24px);
	text-align: center;
	background: var(--plb-start-card-bg, var(--plg-popup-panel, #ffffff));
	border-radius: var(--plb-start-card-radius, 16px);
	box-shadow: var(--plb-start-card-shadow, 0 18px 50px -12px rgba(0, 0, 0, 0.45));
}

:not(#plb) .plb-start .plb-start__title {
	margin: 0;
	font-family: var(--plb-start-title-font, var(--plb-font-heading, inherit));
	font-size: var(--plb-start-title-size, 26px);
	font-weight: var(--plb-start-title-weight, 800);
	letter-spacing: var(--plb-start-title-ls, normal);
	text-transform: var(--plb-start-title-case, none);
	line-height: 1.15;
	color: var(--plb-start-title-color, var(--plg-popup-heading));
}

:not(#plb) .plb-start .plb-start__img.plb-start__img:not([hidden]) {
	display: block;
	width: var(--plb-start-img-w, auto);
	max-width: 100%;
	height: auto;
	max-height: var(--plb-start-img-h, 160px);
	object-fit: contain;
}

:not(#plb) .plb-start__text {
	font-family: var(--plb-start-body-font, var(--plb-font-text, inherit));
	font-size: var(--plb-start-body-size, 15px);
	font-weight: var(--plb-start-body-weight, 400);
	letter-spacing: var(--plb-start-body-ls, normal);
	text-transform: var(--plb-start-body-case, none);
	line-height: 1.5;
	color: var(--plb-start-body-color, var(--plg-popup-text, #3a4256));
}

:not(#plb) .plb-start__text :where(p, li) {
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}

:not(#plb) .plb-start__text > :first-child {
	margin-top: 0;
}

:not(#plb) .plb-start__text > :last-child {
	margin-bottom: 0;
}

:not(#plb) .plb-start__text ul,
:not(#plb) .plb-start__text ol {
	padding-left: 1.2em;
	text-align: left;
}

:not(#plb) .plb-start__text a {
	color: var(--plg-popup-link, var(--plg-popup-button));
}

@media (max-width: 1023px) {
	:not(#plb) .plb-start__btn {
		font-size: var(--plb-start-text-size-t, var(--plb-start-text-size, 20px));
	}

	:not(#plb) .plb-start .plb-start__title {
		font-size: var(--plb-start-title-size-t, var(--plb-start-title-size, 24px));
	}

	:not(#plb) .plb-start__text {
		font-size: var(--plb-start-body-size-t, var(--plb-start-body-size, 15px));
	}

	:not(#plb) .plb-start__count {
		font-size: var(--plb-count-size-t, var(--plb-count-size, clamp(44px, 16cqi, 112px)));
	}
}

@media (max-width: 599px) {
	:not(#plb) .plb-start__btn {
		font-size: var(--plb-start-text-size-m, var(--plb-start-text-size-t, var(--plb-start-text-size, 20px)));
	}

	:not(#plb) .plb-start .plb-start__title {
		font-size: var(--plb-start-title-size-m, var(--plb-start-title-size-t, var(--plb-start-title-size, 21px)));
	}

	:not(#plb) .plb-start__text {
		font-size: var(--plb-start-body-size-m, var(--plb-start-body-size-t, var(--plb-start-body-size, 14px)));
	}

	:not(#plb) .plb-start__card--box {
		padding: var(--plb-start-card-pad, 18px);
	}

	:not(#plb) .plb-start__count {
		font-size: var(--plb-count-size-m, var(--plb-count-size-t, var(--plb-count-size, clamp(44px, 16cqi, 112px))));
	}
}

:not(#plb) .plb-start__count[hidden] {
	display: none;
}

:not(#plb) .plb-start__count.is-on {
	animation: plb-count 0.6s ease-out both;
}

@keyframes plb-count {
	from {
		opacity: 0;
		transform: scale(1.7);
	}
	35% {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	:not(#plb) .plb-start__count.is-on {
		animation: none;
	}
}

:not(#plb) .plg-popup__panel[data-plg-img="inside"] .plg-popup__image {
	max-height: none;
	margin: var(--plg-pt) auto 0;
}

:not(#plb) .plg-popup__panel[data-plg-img="left"],
:not(#plb) .plg-popup__panel[data-plg-img="right"] {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	column-gap: 24px;
	padding-top: var(--plg-pt);
}

:not(#plb) .plg-popup__panel[data-plg-img="right"] {
	grid-template-columns: minmax(0, 1fr) auto;
}

:not(#plb) .plg-popup__panel[data-plg-img="left"] .plg-popup__image,
:not(#plb) .plg-popup__panel[data-plg-img="right"] .plg-popup__image {
	grid-row: 1;
	max-height: none;
	margin: 0;
}

:not(#plb) .plg-popup__panel[data-plg-img="right"] .plg-popup__image {
	grid-column: 2;
}

:not(#plb) .plg-popup__panel[data-plg-img="left"] .plg-popup__body,
:not(#plb) .plg-popup__panel[data-plg-img="right"] .plg-popup__body {
	grid-row: 1;
	padding-top: 0;
}

:not(#plb) .plg-popup__panel[data-plg-img="right"] .plg-popup__body {
	grid-column: 1;
}

@container plg-popup (max-width: 480px) {
	:not(#plb) .plg-popup__panel[data-plg-img="left"],
	:not(#plb) .plg-popup__panel[data-plg-img="right"] {
		display: block;
		padding-top: 0;
	}

	:not(#plb) .plg-popup__panel[data-plg-img="left"] .plg-popup__image,
	:not(#plb) .plg-popup__panel[data-plg-img="right"] .plg-popup__image {
		margin: var(--plg-pt) auto 0;
	}

	:not(#plb) .plg-popup__panel[data-plg-img="left"] .plg-popup__image:not([hidden]) + .plg-popup__body,
	:not(#plb) .plg-popup__panel[data-plg-img="right"] .plg-popup__image:not([hidden]) + .plg-popup__body {
		padding-top: 18px;
	}
}