#mediapapa-settings h1{padding-block:8px}#mediapapa-settings .components-notice,#mediapapa-settings .components-notice__content{margin:0}#mediapapa-settings .components-notice-list{display:flex;flex-direction:column;gap:8px;margin-block-end:16px}#mediapapa-settings .components-panel{margin-block-end:8px}#mediapapa-settings .mpp-snackbar-f{position:fixed}#mediapapa-settings .mpp-snackbar .components-snackbar__content-with-icon{position:relative;padding-left:24px;margin-left:0px}#mediapapa-settings .mpp-snackbar .components-snackbar__icon{position:absolute;left:-8px;top:calc((5.8px)/-2)}#mediapapa-settings .mpp-snackbar .components-snackbar__icon svg{fill:currentColor}.mediapapa_page_mediapapa-settings:has(#mediapapa-onboarding-step-complete) #wpwrap{background-repeat:no-repeat;background-position:right bottom}@media(min-width: 1024px){.mediapapa_page_mediapapa-settings:has(#mediapapa-onboarding-step-complete) #wpwrap{background-image:url(../images/mediapapa-cleaning-step-complete.3cdb8c21.png);background-size:390px}}
/**
 * Plus Jakarta Sans (variable font, wght 100–900).
 */
@font-face {
	font-family: 'Plus Jakarta Sans';
	src: url( ../fonts/plus-jakarta-sans-latin-wght-normal.26860031.woff2 ) format( 'woff2' );
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/**
 * Tailwind base scoped under .mediapapa to avoid affecting the back-office.
 * Only the base layer is scoped; components and utilities remain global.
 */
.mediapapa *, .mediapapa ::before, .mediapapa ::after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position:  ;
	--tw-gradient-via-position:  ;
	--tw-gradient-to-position:  ;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
	--tw-contain-size:  ;
	--tw-contain-layout:  ;
	--tw-contain-paint:  ;
	--tw-contain-style:  ;
}
.mediapapa ::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position:  ;
	--tw-gradient-via-position:  ;
	--tw-gradient-to-position:  ;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
	--tw-contain-size:  ;
	--tw-contain-layout:  ;
	--tw-contain-paint:  ;
	--tw-contain-style:  ;
}
.mediapapa ol {
		list-style-type: decimal;
		list-style-position: inside;
	}
.container {
	width: 100%;
}
@media (min-width: 640px) {
	.container {
		max-width: 640px;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 768px;
	}
}
@media (min-width: 1024px) {
	.container {
		max-width: 1024px;
	}
}
@media (min-width: 1280px) {
	.container {
		max-width: 1280px;
	}
}
@media (min-width: 1536px) {
	.container {
		max-width: 1536px;
	}
}
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border-width: 0 !important;
}
.pointer-events-none {
	pointer-events: none !important;
}
.visible {
	visibility: visible !important;
}
.static {
	position: static !important;
}
.absolute {
	position: absolute !important;
}
.relative {
	position: relative !important;
}
.bottom-\[40px\] {
	bottom: 40px !important;
}
.left-1\.5 {
	left: 0.375rem !important;
}
.right-0 {
	right: 0px !important;
}
.top-0 {
	top: 0px !important;
}
.top-1\.5 {
	top: 0.375rem !important;
}
.z-10 {
	z-index: 10 !important;
}
.z-\[1\] {
	z-index: 1 !important;
}
.col-span-2 {
	grid-column: span 2 / span 2 !important;
}
.m-0 {
	margin: 0px !important;
}
.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.my-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.my-4 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.\!mb-0 {
	margin-bottom: 0px !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-1 {
	margin-bottom: 0.25rem !important;
}
.mb-10 {
	margin-bottom: 2.5rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 0.75rem !important;
}
.mb-4 {
	margin-bottom: 1rem !important;
}
.mb-6 {
	margin-bottom: 1.5rem !important;
}
.ml-0 {
	margin-left: 0px !important;
}
.ml-1 {
	margin-left: 0.25rem !important;
}
.ml-2 {
	margin-left: 0.5rem !important;
}
.mr-1\.5 {
	margin-right: 0.375rem !important;
}
.mr-2 {
	margin-right: 0.5rem !important;
}
.mt-0 {
	margin-top: 0px !important;
}
.mt-1 {
	margin-top: 0.25rem !important;
}
.mt-2 {
	margin-top: 0.5rem !important;
}
.mt-3 {
	margin-top: 0.75rem !important;
}
.mt-4 {
	margin-top: 1rem !important;
}
.mt-5 {
	margin-top: 1.25rem !important;
}
.mt-6 {
	margin-top: 1.5rem !important;
}
.box-border {
	box-sizing: border-box !important;
}
.block {
	display: block !important;
}
.inline {
	display: inline !important;
}
.flex {
	display: flex !important;
}
.inline-flex {
	display: inline-flex !important;
}
.table {
	display: table !important;
}
.grid {
	display: grid !important;
}
.contents {
	display: contents !important;
}
.hidden {
	display: none !important;
}
.aspect-square {
	aspect-ratio: 1 / 1 !important;
}
.h-4 {
	height: 1rem !important;
}
.h-6 {
	height: 1.5rem !important;
}
.h-\[22px\] {
	height: 22px !important;
}
.h-auto {
	height: auto !important;
}
.h-full {
	height: 100% !important;
}
.max-h-full {
	max-height: 100% !important;
}
.min-h-\[498px\] {
	min-height: 498px !important;
}
.min-h-\[500px\] {
	min-height: 500px !important;
}
.min-h-\[83px\] {
	min-height: 83px !important;
}
.w-4 {
	width: 1rem !important;
}
.w-6 {
	width: 1.5rem !important;
}
.w-\[120px\] {
	width: 120px !important;
}
.w-full {
	width: 100% !important;
}
.w-max {
	width: -moz-max-content !important;
	width: max-content !important;
}
.min-w-10 {
	min-width: 2.5rem !important;
}
.min-w-16 {
	min-width: 4rem !important;
}
.min-w-\[300px\] {
	min-width: 300px !important;
}
.min-w-\[44px\] {
	min-width: 44px !important;
}
.max-w-\[300px\] {
	max-width: 300px !important;
}
.max-w-\[420px\] {
	max-width: 420px !important;
}
.max-w-\[512px\] {
	max-width: 512px !important;
}
.max-w-\[544px\] {
	max-width: 544px !important;
}
.max-w-\[600px\] {
	max-width: 600px !important;
}
.max-w-\[640px\] {
	max-width: 640px !important;
}
.max-w-\[700px\] {
	max-width: 700px !important;
}
.max-w-\[784px\] {
	max-width: 784px !important;
}
.max-w-\[800px\] {
	max-width: 800px !important;
}
.max-w-full {
	max-width: 100% !important;
}
.max-w-md {
	max-width: 28rem !important;
}
.flex-1 {
	flex: 1 1 0% !important;
}
.shrink-0 {
	flex-shrink: 0 !important;
}
.flex-grow {
	flex-grow: 1 !important;
}
.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.cursor-pointer {
	cursor: pointer !important;
}
.touch-none {
	touch-action: none !important;
}
.resize {
	resize: both !important;
}
.list-inside {
	list-style-position: inside !important;
}
.list-disc {
	list-style-type: disc !important;
}
.list-none {
	list-style-type: none !important;
}
.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-mpp-100px-1fr {
	grid-template-columns: 100px minmax(0, 1fr) !important;
}
.grid-cols-mpp-42px-1fr-24px {
	grid-template-columns: 42px minmax(0, 1fr) 24px !important;
}
.grid-cols-mpp-72px-1fr-20px {
	grid-template-columns: 72px minmax(0, 1fr) 20px !important;
}
.flex-col {
	flex-direction: column !important;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.place-items-center {
	place-items: center !important;
}
.items-end {
	align-items: flex-end !important;
}
.items-center {
	align-items: center !important;
}
.justify-start {
	justify-content: flex-start !important;
}
.justify-end {
	justify-content: flex-end !important;
}
.justify-center {
	justify-content: center !important;
}
.justify-between {
	justify-content: space-between !important;
}
.gap-1 {
	gap: 0.25rem !important;
}
.gap-1\.5 {
	gap: 0.375rem !important;
}
.gap-10 {
	gap: 2.5rem !important;
}
.gap-2 {
	gap: 0.5rem !important;
}
.gap-2\.5 {
	gap: 0.625rem !important;
}
.gap-3 {
	gap: 0.75rem !important;
}
.gap-4 {
	gap: 1rem !important;
}
.gap-8 {
	gap: 2rem !important;
}
.gap-x-1 {
	-moz-column-gap: 0.25rem !important;
	     column-gap: 0.25rem !important;
}
.gap-x-2 {
	-moz-column-gap: 0.5rem !important;
	     column-gap: 0.5rem !important;
}
.gap-x-4 {
	-moz-column-gap: 1rem !important;
	     column-gap: 1rem !important;
}
.gap-y-1 {
	row-gap: 0.25rem !important;
}
.gap-y-2 {
	row-gap: 0.5rem !important;
}
.gap-y-4 {
	row-gap: 1rem !important;
}
.gap-y-8 {
	row-gap: 2rem !important;
}
.self-start {
	align-self: flex-start !important;
}
.overflow-hidden {
	overflow: hidden !important;
}
.truncate {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.text-ellipsis {
	text-overflow: ellipsis !important;
}
.whitespace-nowrap {
	white-space: nowrap !important;
}
.rounded {
	border-radius: 0.25rem !important;
}
.rounded-2xl {
	border-radius: 1rem !important;
}
.rounded-3xl {
	border-radius: 1.5rem !important;
}
.rounded-full {
	border-radius: 9999px !important;
}
.rounded-lg {
	border-radius: 0.5rem !important;
}
.rounded-md {
	border-radius: 0.375rem !important;
}
.rounded-sm {
	border-radius: 0.125rem !important;
}
.border-2 {
	border-width: 2px !important;
}
.border-b {
	border-bottom-width: 1px !important;
}
.border-l {
	border-left-width: 1px !important;
}
.border-r {
	border-right-width: 1px !important;
}
.border-t {
	border-top-width: 1px !important;
}
.border-solid {
	border-style: solid !important;
}
.border-mpp-green-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(74 184 102 / var(--tw-border-opacity)) !important;
}
.border-mpp-grey-200 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(221 221 221 / var(--tw-border-opacity)) !important;
}
.border-mpp-grey-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(187 187 187 / var(--tw-border-opacity)) !important;
}
.border-mpp-purple-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(207 149 230 / var(--tw-border-opacity)) !important;
}
.border-mpp-red-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(251 132 140 / var(--tw-border-opacity)) !important;
}
.border-mpp-yellow-300 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(255 228 124 / var(--tw-border-opacity)) !important;
}
.border-b-mpp-grey-200 {
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(221 221 221 / var(--tw-border-opacity)) !important;
}
.border-b-mpp-grey-300 {
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(187 187 187 / var(--tw-border-opacity)) !important;
}
.border-t-mpp-grey-300 {
	--tw-border-opacity: 1 !important;
	border-top-color: rgb(187 187 187 / var(--tw-border-opacity)) !important;
}
.bg-\[\#F4EAE1\] {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(244 234 225 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-beige-400 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(250 245 240 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-beige-400\/80 {
	background-color: rgb(250 245 240 / 0.8) !important;
}
.bg-mpp-blue-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(245 250 252 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-green-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(212 241 212 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-green-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(126 212 126 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-green-800 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(43 89 79 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-grey-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(221 221 221 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-pink-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(253 171 208 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-purple-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(219 196 255 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-red-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 192 196 / var(--tw-bg-opacity)) !important;
}
.bg-mpp-yellow-200 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 241 186 / var(--tw-bg-opacity)) !important;
}
.bg-white {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.fill-current {
	fill: currentColor !important;
}
.fill-green-700 {
	fill: #15803d !important;
}
.fill-mpp-green-500 {
	fill: #008A20 !important;
}
.fill-mpp-green-800 {
	fill: #2B594F !important;
}
.fill-red-700 {
	fill: #b91c1c !important;
}
.object-contain {
	-o-object-fit: contain !important;
	   object-fit: contain !important;
}
.object-cover {
	-o-object-fit: cover !important;
	   object-fit: cover !important;
}
.p-0 {
	padding: 0px !important;
}
.p-1 {
	padding: 0.25rem !important;
}
.p-10 {
	padding: 2.5rem !important;
}
.p-2 {
	padding: 0.5rem !important;
}
.p-4 {
	padding: 1rem !important;
}
.p-6 {
	padding: 1.5rem !important;
}
.p-8 {
	padding: 2rem !important;
}
.px-1 {
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}
.px-2 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}
.px-4 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.px-6 {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}
.py-0\.5 {
	padding-top: 0.125rem !important;
	padding-bottom: 0.125rem !important;
}
.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}
.py-1\.5 {
	padding-top: 0.375rem !important;
	padding-bottom: 0.375rem !important;
}
.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
.py-3 {
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}
.py-4 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.py-6 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}
.py-8 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.py-\[5\.5px\] {
	padding-top: 5.5px !important;
	padding-bottom: 5.5px !important;
}
.pl-4 {
	padding-left: 1rem !important;
}
.pl-5 {
	padding-left: 1.25rem !important;
}
.pr-6 {
	padding-right: 1.5rem !important;
}
.pt-10 {
	padding-top: 2.5rem !important;
}
.pt-6 {
	padding-top: 1.5rem !important;
}
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.font-jakarta {
	font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif !important;
}
.text-2xl {
	font-size: 1.5rem !important;
	line-height: 2rem !important;
}
.text-3xl {
	font-size: 1.875rem !important;
	line-height: 2.25rem !important;
}
.text-\[13px\] {
	font-size: 13px !important;
}
.text-\[32px\] {
	font-size: 32px !important;
}
.text-\[8px\] {
	font-size: 8px !important;
}
.text-base {
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}
.text-lg {
	font-size: 1.125rem !important;
	line-height: 1.75rem !important;
}
.text-sm {
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
}
.text-xl {
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
}
.text-xs {
	font-size: 0.75rem !important;
	line-height: 1rem !important;
}
.font-bold {
	font-weight: 700 !important;
}
.font-medium {
	font-weight: 500 !important;
}
.font-normal {
	font-weight: 400 !important;
}
.font-semibold {
	font-weight: 600 !important;
}
.uppercase {
	text-transform: uppercase !important;
}
.not-italic {
	font-style: normal !important;
}
.tabular-nums {
	--tw-numeric-spacing: tabular-nums !important;
	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}
.leading-tight {
	line-height: 1.25 !important;
}
.text-black {
	--tw-text-opacity: 1 !important;
	color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-current {
	color: currentColor !important;
}
.text-green-700 {
	--tw-text-opacity: 1 !important;
	color: rgb(21 128 61 / var(--tw-text-opacity)) !important;
}
.text-green-800 {
	--tw-text-opacity: 1 !important;
	color: rgb(22 101 52 / var(--tw-text-opacity)) !important;
}
.text-mpp-beige-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(250 245 240 / var(--tw-text-opacity)) !important;
}
.text-mpp-green-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(0 138 32 / var(--tw-text-opacity)) !important;
}
.text-mpp-green-800 {
	--tw-text-opacity: 1 !important;
	color: rgb(43 89 79 / var(--tw-text-opacity)) !important;
}
.text-mpp-grey-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(117 117 117 / var(--tw-text-opacity)) !important;
}
.text-mpp-red-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(217 29 0 / var(--tw-text-opacity)) !important;
}
.text-mpp-red-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(204 24 24 / var(--tw-text-opacity)) !important;
}
.text-red-700 {
	--tw-text-opacity: 1 !important;
	color: rgb(185 28 28 / var(--tw-text-opacity)) !important;
}
.text-white {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-wp-admin-theme-color {
	color: var(--wp-admin-theme-color) !important;
}
.underline {
	text-decoration-line: underline !important;
}
.no-underline {
	text-decoration-line: none !important;
}
.opacity-70 {
	opacity: 0.7 !important;
}
.blur {
	--tw-blur: blur(8px) !important;
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.border-t-solid {
	border-top-style: solid !important;
}
.border-r-solid {
	border-right-style: solid !important;
}
.border-b-solid {
	border-bottom-style: solid !important;
}
.border-l-solid {
	border-left-style: solid !important;
}

.mediapapa_page_mediapapa-settings #wpwrap,
.mediapapa_page_mediapapa-cleaning #wpwrap {
	--tw-bg-opacity: 1;
	background-color: rgb(250 245 240 / var(--tw-bg-opacity));
}

.components-external-link.mediapapa_page_mediapapa-settings #wpwrap .components-external-link__contents,.components-external-link
.mediapapa_page_mediapapa-cleaning #wpwrap .components-external-link__contents {
	text-decoration: none;
}

.mpp-native-media-player {
	height: 100% !important;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.mpp-native-media-player:has(.wp-video) {
	height: 100% !important;
}

.mpp-native-media-player .wp-video {
	max-width: 100%;
	max-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mpp-native-media-player .mejs-container {
	max-width: 100% !important;
	max-height: 100% !important;
}

.mpp-native-media-player .mejs-container .mejs-mediaelement {
	max-width: 100%;
	max-height: 100%;
}

.mpp-native-media-player .mejs-container video {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}


.mpp-button-primary {
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(43 89 79 / var(--tw-bg-opacity));
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
	font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	text-decoration-line: none;
	transition-property: width,background-color,color;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}



.components-external-link.mpp-button-primary .components-external-link__contents {
	text-decoration: none;
}


.mpp-button-primary:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(253 171 208 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(43 89 79 / var(--tw-text-opacity));
}


.mpp-button-primary:focus {
	--tw-bg-opacity: 1;
	background-color: rgb(253 171 208 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(43 89 79 / var(--tw-text-opacity));
}


.mpp-button-primary:active {
	--tw-bg-opacity: 1;
	background-color: rgb(253 171 208 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(43 89 79 / var(--tw-text-opacity));
}

.mpp-button-secondary {
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	border-radius: 9999px;
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: rgb(43 89 79 / var(--tw-border-opacity));
	background-color: transparent;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
	font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(43 89 79 / var(--tw-text-opacity));
	text-decoration-line: none;
	transition-property: width,background-color,color,border-color;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mpp-button-secondary:hover {
	--tw-border-opacity: 1;
	border-color: rgb(253 171 208 / var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgb(43 89 79 / var(--tw-text-opacity));
}

.mpp-button-secondary:focus {
	--tw-border-opacity: 1;
	border-color: rgb(253 171 208 / var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgb(43 89 79 / var(--tw-text-opacity));
}

.mpp-button-secondary:active {
	--tw-border-opacity: 1;
	border-color: rgb(253 171 208 / var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgb(43 89 79 / var(--tw-text-opacity));
}

.mpp-button-primary,
.mpp-button-secondary {
	height: auto;
}

.mpp-button-primary:has(svg),
.mpp-button-secondary:has(svg) {
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 0.5rem;
	     column-gap: 0.5rem;
}

.mpp-button-primary svg,
.mpp-button-secondary svg {
	fill: currentColor;
}

.mpp-button-xl {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.mpp-button-2xl {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.mpp-button-secondary::before,
.mpp-button-primary::before {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	aspect-ratio: 1 / 1;
	width: 0px;
	--tw-translate-x: -50%;
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(253 171 208 / var(--tw-bg-opacity));
	transition-property: width,color;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	--tw-content: '';
	content: var(--tw-content);
}

.mpp-button-secondary:hover::before,
.mpp-button-primary:hover::before {
	width: 100%;
}

.mpp-button-secondary:focus::before,
.mpp-button-primary:focus::before {
	width: 100%;
}

.mpp-button-secondary:active::before,
.mpp-button-primary:active::before {
	width: 100%;
}

.mpp-button-secondary::before,
.mpp-button-primary::before {

	transform: translate( -50%, -50% );
}

.mpp-button-primary .components-external-link__contents,
.mpp-button-secondary .components-external-link__contents {
	text-decoration-line: none;
}

.mpp-header-menu__item--is-active::after {
	pointer-events: none;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -18px;
	z-index: 1;
	height: 0.125rem;
	border-radius: 1px;
	background-color: var(--wp-admin-theme-color);
	--tw-content: '';
	content: var(--tw-content);
}

.mpp-admin-page-body .components-card-footer {
	border-top-width: 0px;
}

.mpp-admin-page-body .components-tab-panel__tabs {
	overflow: auto;
	white-space: nowrap;

	max-width: 100vw;
}

.mpp-modal {
	left: -20px;

	height: calc(100vh - calc(var(--wp-admin--admin-bar--height, 32px)));
}

.mpp-checklist li {
	display: flex;
	gap: 0.5rem;
}

.mpp-checklist li::before {
	height: 1rem;
	min-width: 1rem;
	border-radius: 9999px;
	--tw-content: '';
	content: var(--tw-content);

	background-image: url( ../images/checklist.31126466.png );
	background-size: 16px;
}

.components-external-link.bg-mpp-beige-400 .components-external-link__contents,
.components-external-link.bg-mpp-green-800 .components-external-link__contents {
	text-decoration: none;
}

.before\:absolute::before {
	content: var(--tw-content) !important;
	position: absolute !important;
}

.before\:bottom-0::before {
	content: var(--tw-content) !important;
	bottom: 0px !important;
}

.before\:left-0::before {
	content: var(--tw-content) !important;
	left: 0px !important;
}

.before\:left-8::before {
	content: var(--tw-content) !important;
	left: 2rem !important;
}

.before\:top-0::before {
	content: var(--tw-content) !important;
	top: 0px !important;
}

.before\:z-\[-1\]::before {
	content: var(--tw-content) !important;
	z-index: -1 !important;
}

.before\:block::before {
	content: var(--tw-content) !important;
	display: block !important;
}

.before\:h-full::before {
	content: var(--tw-content) !important;
	height: 100% !important;
}

.before\:w-\[1px\]::before {
	content: var(--tw-content) !important;
	width: 1px !important;
}

.before\:w-full::before {
	content: var(--tw-content) !important;
	width: 100% !important;
}

.before\:bg-mpp-pink-500::before {
	content: var(--tw-content) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgb(253 171 208 / var(--tw-bg-opacity)) !important;
}

.before\:content-\[\'\'\]::before {
	--tw-content: '' !important;
	content: var(--tw-content) !important;
}

.after\:absolute::after {
	content: var(--tw-content) !important;
	position: absolute !important;
}

.after\:left-8::after {
	content: var(--tw-content) !important;
	left: 2rem !important;
}

.after\:top-full::after {
	content: var(--tw-content) !important;
	top: 100% !important;
}

.after\:z-\[-1\]::after {
	content: var(--tw-content) !important;
	z-index: -1 !important;
}

.after\:block::after {
	content: var(--tw-content) !important;
	display: block !important;
}

.after\:h-0::after {
	content: var(--tw-content) !important;
	height: 0px !important;
}

.after\:w-\[1px\]::after {
	content: var(--tw-content) !important;
	width: 1px !important;
}

.after\:bg-mpp-green-800::after {
	content: var(--tw-content) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgb(43 89 79 / var(--tw-bg-opacity)) !important;
}

.after\:content-\[\'\'\]::after {
	--tw-content: '' !important;
	content: var(--tw-content) !important;
}

.after\:content-\[\'\|\'\]::after {
	--tw-content: '|' !important;
	content: var(--tw-content) !important;
}

.hover\:text-mpp-pink-500:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(253 171 208 / var(--tw-text-opacity)) !important;
}

.hover\:text-white:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.focus\:text-mpp-pink-500:focus {
	--tw-text-opacity: 1 !important;
	color: rgb(253 171 208 / var(--tw-text-opacity)) !important;
}

.has-\[\:checked\]\:border-wp-admin-theme-color:has(:checked) {
	border-color: var(--wp-admin-theme-color) !important;
}

@media (min-width: 768px) {
	.md\:sticky {
		position: sticky !important;
	}
	.md\:top-0 {
		top: 0px !important;
	}
	.md\:col-span-2 {
		grid-column: span 2 / span 2 !important;
	}
	.md\:block {
		display: block !important;
	}
	.md\:h-mpp-modal-edit-image {
		height: calc(100vh - 153px) !important;
	}
	.md\:w-\[200px\] {
		width: 200px !important;
	}
	.md\:w-\[380px\] {
		width: 380px !important;
	}
	.md\:w-auto {
		width: auto !important;
	}
	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-mpp-1fr-245px {
		grid-template-columns: minmax(0, 1fr) 245px !important;
	}
	.md\:grid-cols-mpp-224-1fr {
		grid-template-columns: 224px minmax(0, 1fr) !important;
	}
	.md\:flex-row {
		flex-direction: row !important;
	}
	.md\:items-center {
		align-items: center !important;
	}
	.md\:justify-between {
		justify-content: space-between !important;
	}
	.md\:border-l {
		border-left-width: 1px !important;
	}
	.md\:border-none {
		border-style: none !important;
	}
	.md\:border-l-mpp-grey-300 {
		--tw-border-opacity: 1 !important;
		border-left-color: rgb(187 187 187 / var(--tw-border-opacity)) !important;
	}
	.md\:p-0 {
		padding: 0px !important;
	}
	.md\:p-8 {
		padding: 2rem !important;
	}
	.md\:border-l-solid {
		border-left-style: solid !important;
	}
}

@media (min-width: 1024px) {
	.lg\:flex {
		display: flex !important;
	}
	.lg\:hidden {
		display: none !important;
	}
}

