.cp6-sr-only {
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

.cp6-skip-link {
	background: #fff;
	border: 3px solid #0f766e;
	border-radius: 0 0 12px 0;
	color: #0f172a;
	font-size: 16px;
	font-weight: 800;
	left: 0;
	padding: 12px 16px;
	position: fixed;
	top: 0;
	transform: translateY(-140%);
	z-index: 100000;
}

.cp6-skip-link:focus { transform: translateY(0); }

.cp6-offline-status,
.cp6-rollout-status {
	background: #fff7d6;
	border: 1px solid #e4cf83;
	border-radius: 12px;
	color: #654f0b;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
	margin: 10px auto;
	max-width: 1120px;
	padding: 11px 14px;
}

.cp6-offline-status[hidden] { display: none !important; }

[data-cp-main]:focus { outline: none; }
[data-cp-main]:focus-visible { box-shadow: inset 0 0 0 3px #0f766e; }
[aria-busy="true"] { cursor: progress; }
[aria-disabled="true"] { opacity: .72; }

.cp-layout :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.pp :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.discover :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.place-shell :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.customer-context-page :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.customer-context-shell :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.demand-shell :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0f766e !important;
	outline: 3px solid transparent !important;
	outline-offset: 3px !important;
}

.cp-layout :is(button, input, select, textarea, summary),
.pp :is(button, input, select, textarea, summary, .pp-cta),
.discover :is(button, input, select, textarea),
.place-shell :is(button, input, select, textarea, summary, .place-btn),
.customer-context-page :is(button, input, select, textarea),
.customer-context-shell :is(button, input, select, textarea),
.demand-shell :is(button, input, select, textarea, .demand-button) {
	min-height: 44px;
}

.cp-layout img,
.pp img,
.discover img,
.place-shell img,
.customer-context-page img,
.customer-context-shell img,
.demand-shell img { max-width: 100%; }

.cp6-image-failed { display: none !important; }

@media (max-width: 50rem) {
	html, body { max-width: 100%; overflow-x: clip; }
	.cp-layout, .pp, .discover, .place-shell, .customer-context-page, .customer-context-shell, .demand-shell { overflow-wrap: anywhere; }
	.cp-layout *, .pp *, .discover *, .place-shell *, .customer-context-page *, .customer-context-shell *, .demand-shell * { min-width: 0; }
	.cp-layout form, .pp form, .discover form, .place-shell form, .customer-context-page form, .customer-context-shell form, .demand-shell form { max-width: 100%; }
	.cp-layout input, .cp-layout select, .cp-layout textarea,
	.pp input, .pp select, .pp textarea,
	.discover input, .discover select, .discover textarea,
	.place-shell input, .place-shell select, .place-shell textarea,
	.customer-context-page input, .customer-context-page select, .customer-context-page textarea,
	.customer-context-shell input, .customer-context-shell select, .customer-context-shell textarea,
	.demand-shell input, .demand-shell select, .demand-shell textarea { max-width: 100%; width: 100%; }
	.passport-dialog, .cp-address-form-card, [role="dialog"] { max-height: calc(100dvh - 16px) !important; max-width: calc(100vw - 16px) !important; overflow: auto; }
	.cp-growth-form, .cp-consent-option, .place-form, .place-action-box { max-width: 100%; overflow-wrap: anywhere; }
}

@media (max-width: 25rem) {
	.cp-layout, .pp, .discover, .place-shell, .customer-context-page, .customer-context-shell, .demand-shell { padding-left: 8px !important; padding-right: 8px !important; }
	.cp-layout :is(button, input, select, textarea, summary),
	.pp :is(button, input, select, textarea, summary),
	.discover :is(button, input, select, textarea),
	.place-shell :is(button, input, select, textarea, summary),
	.customer-context-page :is(button, input, select, textarea),
	.customer-context-shell :is(button, input, select, textarea),
	.demand-shell :is(button, input, select, textarea) { font-size: 16px; min-height: 44px; }
	.cp-growth-actions, .place-actions, .passport-actions, .cp-title-actions { align-items: stretch !important; flex-direction: column; }
	.cp-growth-actions > *, .place-actions > *, .passport-actions > *, .cp-title-actions > * { max-width: none !important; width: 100% !important; }
	.cp-mobile-nav { left: 4px !important; right: 4px !important; }
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

@media (forced-colors: active) {
	.cp6-skip-link, .cp6-offline-status, .cp6-rollout-status, .cp-card, .pp-card, .card, .place-card { border: 2px solid CanvasText; }
	:is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid Highlight !important; }
	[role="progressbar"] { border: 1px solid CanvasText; }
}

@media print {
	.cp6-skip-link, .cp6-offline-status, .cp6-rollout-status { display: none !important; }
}