:root {
	--csp-auth-ink: #111a2d;
	--csp-auth-copy: #5d687d;
	--csp-auth-purple: #6414a0;
	--csp-auth-purple-dark: #32134f;
	--csp-auth-aqua: #36cbc1;
	--csp-auth-border: rgba(84, 43, 116, .14);
	--csp-auth-shadow: 0 28px 80px rgba(31, 15, 51, .16);
}

body.csp-auth-experience {
	min-height: 100vh;
	background:
		radial-gradient(circle at 9% 10%, rgba(54, 203, 193, .13), transparent 25rem),
		radial-gradient(circle at 91% 16%, rgba(112, 32, 172, .14), transparent 27rem),
		linear-gradient(145deg, #f7f8fc 0%, #f8f5fb 52%, #f0f7f8 100%) !important;
	color: var(--csp-auth-ink);
}

body.csp-auth-experience::before,
body.csp-auth-experience::after {
	position: fixed;
	z-index: 0;
	width: 260px;
	height: 260px;
	border: 1px solid rgba(98, 24, 155, .09);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

body.csp-auth-experience::before { top: -130px; left: -90px; }
body.csp-auth-experience::after { right: -120px; bottom: -150px; width: 340px; height: 340px; }

body.login.csp-auth-experience {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 44px clamp(20px, 6vw, 96px);
}

body.login.csp-auth-layout-mounted {
	display: block;
	padding: 0;
}

body.login.csp-auth-experience #login {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	width: min(100%, 500px);
	margin: 0;
	padding: 38px 42px 34px;
	border: 1px solid rgba(86, 42, 119, .13);
	border-radius: 30px;
	background: rgba(255, 255, 255, .94);
	box-shadow: var(--csp-auth-shadow);
	backdrop-filter: blur(20px);
}

body.login.csp-auth-experience #login h1 a {
	width: 210px;
	height: 54px;
	margin-bottom: 22px;
	background-size: contain;
}

body.login.csp-auth-experience #login form {
	margin-top: 16px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.login.csp-auth-experience #login label,
.csp-auth-form-shell label {
	color: #3b4355;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .01em;
}

body.login.csp-auth-experience input[type="text"],
body.login.csp-auth-experience input[type="password"],
body.login.csp-auth-experience input[type="email"],
.csp-auth-form-shell input[type="text"],
.csp-auth-form-shell input[type="password"],
.csp-auth-form-shell input[type="email"],
.csp-auth-form-shell input[type="url"],
.csp-auth-form-shell select,
.csp-auth-form-shell textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	margin: 7px 0 15px;
	padding: 0 15px;
	border: 1px solid #dcd6e4;
	border-radius: 13px;
	background: #fbfcfe;
	box-shadow: 0 1px 0 rgba(19, 11, 32, .02);
	color: var(--csp-auth-ink);
	font-size: 15px;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.csp-auth-form-shell textarea { min-height: 120px; padding-top: 14px; }

body.login.csp-auth-experience input:focus,
.csp-auth-form-shell input:focus,
.csp-auth-form-shell select:focus,
.csp-auth-form-shell textarea:focus {
	border-color: #7727af;
	outline: none;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(103, 22, 162, .10);
}

body.login.csp-auth-experience .button-primary,
.csp-auth-form-shell .csp-auth-primary-button,
.csp-auth-form-shell button[type="submit"],
.csp-auth-form-shell input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 50px;
	padding: 0 24px;
	border: 0;
	border-radius: 13px;
	background: linear-gradient(135deg, #54108b 0%, #751caf 62%, #249fa5 145%) !important;
	box-shadow: 0 13px 28px rgba(91, 20, 150, .23);
	color: #fff !important;
	font-size: 14px;
	font-weight: 800;
	text-shadow: none;
	transition: transform .18s ease, box-shadow .18s ease;
}

body.login.csp-auth-experience .button-primary { width: 100%; }

body.login.csp-auth-experience .button-primary:hover,
.csp-auth-form-shell .csp-auth-primary-button:hover,
.csp-auth-form-shell button[type="submit"]:hover,
.csp-auth-form-shell input[type="submit"]:hover {
	transform: translateY(-1px);
	box-shadow: 0 17px 34px rgba(91, 20, 150, .29);
}

body.login.csp-auth-experience .message,
body.login.csp-auth-experience #login_error {
	margin: 0 0 18px;
	padding: 14px 16px;
	border: 0;
	border-radius: 12px;
	background: #f4edf9;
	box-shadow: none;
	color: #5f238c;
	font-size: 13px;
	line-height: 1.5;
}

body.login.csp-auth-experience #login_error {
	background: #fff0f0;
	color: #a1333a;
}

body.login.csp-auth-experience #nav,
body.login.csp-auth-experience #backtoblog {
	margin: 18px 0 0;
	padding: 0;
	text-align: center;
}

body.login.csp-auth-experience #nav a,
body.login.csp-auth-experience #backtoblog a {
	color: #67219a;
	font-weight: 700;
}

body.login.csp-auth-experience .language-switcher {
	position: fixed;
	z-index: 3;
	bottom: 18px;
	left: 24px;
	margin: 0;
}

.csp-auth-language {
	position: fixed;
	z-index: 5;
	bottom: 22px;
	left: 24px;
	display: flex;
	align-items: center;
	gap: 9px;
	box-sizing: border-box;
	min-height: 46px;
	padding: 6px 8px 6px 11px;
	border: 1px solid rgba(80, 43, 107, .15);
	border-radius: 14px;
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 12px 34px rgba(31, 15, 51, .12);
	backdrop-filter: blur(16px);
}

.csp-auth-language[hidden] {
	display: none !important;
}

body.login.csp-auth-gtranslate-ready .language-switcher {
	display: none !important;
}

.csp-auth-language__icon {
	color: #4d1a76;
	font-size: 17px;
	font-weight: 900;
	line-height: 1;
}

.csp-auth-language__selector,
.csp-auth-language .gtranslate_wrapper {
	display: flex;
	align-items: center;
	min-width: 150px;
}

.csp-auth-language select,
.csp-auth-language select.gt_selector {
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 150px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 32px 0 10px !important;
	border: 0 !important;
	border-radius: 9px !important;
	outline: 0 !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: #2f3748 !important;
	font: 600 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.login.csp-auth-experience .csp-auth-remember-row {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	margin: 0 0 12px;
}

body.login.csp-auth-experience .csp-auth-remember-label {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	cursor: pointer;
	user-select: none;
}

body.login.csp-auth-experience input#rememberme {
	-webkit-appearance: none;
	appearance: none;
	position: static;
	width: 19px !important;
	height: 19px !important;
	min-width: 19px;
	margin: 0 !important;
	border: 1px solid #cfc6d7;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	cursor: pointer;
}

body.login.csp-auth-experience input#rememberme:checked {
	border-color: #6816a2;
	background-color: #6816a2;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m5 10 3 3 7-7'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.csp-auth-social-button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 12px;
	position: relative;
	box-sizing: border-box;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 54px;
	margin: 9px 0 !important;
	padding: 0 52px !important;
	overflow: hidden;
	border: 1px solid #ded5e8 !important;
	border-radius: 15px !important;
	background: linear-gradient(180deg, #fff 0%, #fdfbff 100%) !important;
	box-shadow: 0 1px 2px rgba(32, 20, 50, .04), 0 8px 22px rgba(55, 24, 82, .055) !important;
	color: #253047 !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	letter-spacing: -.012em;
	text-align: center !important;
	text-decoration: none !important;
	-webkit-font-smoothing: antialiased;
	transition: transform .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.csp-auth-social-row {
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none !important;
}

.csp-auth-social-row:not(.csp-auth-social-button)::before,
.csp-auth-social-row:not(.csp-auth-social-button)::after {
	display: none !important;
	content: none !important;
}

.csp-auth-social-button > span,
.csp-auth-social-button > div {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.csp-auth-social-button img,
.csp-auth-social-button svg {
	flex: 0 0 23px;
	width: 23px !important;
	height: 23px !important;
	max-width: 23px !important;
	margin: 0 !important;
	object-fit: contain;
}

.csp-auth-social-button::before {
	position: absolute;
	top: 9px;
	bottom: 9px;
	left: 0;
	width: 3px;
	border-radius: 0 4px 4px 0;
	background: #6816a2;
	content: '';
	transform: scaleY(0);
	transform-origin: center;
	transition: transform .2s ease;
}

.csp-auth-social-button::after {
	position: absolute;
	right: 18px;
	top: 50%;
	color: #8b7a99;
	content: '›';
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	transform: translate(-2px, -52%);
	transition: color .2s ease, transform .2s ease;
}

.csp-auth-provider--google::before { background: linear-gradient(180deg, #4285f4 0 25%, #34a853 25% 50%, #fbbc05 50% 75%, #ea4335 75%); }
.csp-auth-provider--facebook::before { background: #1877f2; }
.csp-auth-provider--linkedin::before { background: #0a66c2; }
.csp-auth-provider--apple::before { background: #17171a; }
.csp-auth-provider--profilio::before { background: linear-gradient(180deg, #7fda5a, #24c7ad); }

.csp-auth-social-button:hover {
	transform: translateY(-2px);
	border-color: rgba(103, 22, 162, .34) !important;
	background: linear-gradient(180deg, #fff 0%, #faf6fd 100%) !important;
	box-shadow: 0 2px 4px rgba(32, 20, 50, .05), 0 13px 28px rgba(50, 19, 77, .11) !important;
}

.csp-auth-social-button:hover::before,
.csp-auth-social-button:focus-visible::before {
	transform: scaleY(1);
}

.csp-auth-social-button:hover::after,
.csp-auth-social-button:focus-visible::after {
	color: #6816a2;
	transform: translate(1px, -52%);
}

.csp-auth-social-button:active {
	transform: translateY(0) scale(.995);
	box-shadow: 0 2px 8px rgba(50, 19, 77, .08) !important;
}

.csp-auth-social-button:focus-visible {
	outline: 3px solid rgba(126, 40, 180, .2) !important;
	outline-offset: 3px !important;
	border-color: #7a23b5 !important;
}

.csp-auth-form-shell {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	width: min(100% - 32px, 580px) !important;
	margin: clamp(40px, 7vh, 88px) auto !important;
	padding: clamp(26px, 4vw, 44px) !important;
	border: 1px solid var(--csp-auth-border) !important;
	border-radius: 30px !important;
	background: rgba(255, 255, 255, .95) !important;
	box-shadow: var(--csp-auth-shadow) !important;
	backdrop-filter: blur(18px);
}

.csp-auth-layout .csp-auth-form-shell {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.csp-auth-form-shell .csp-auth-form {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.csp-auth-intro {
	margin: 0 0 28px;
	padding-bottom: 24px;
	border-bottom: 1px solid #ece8f0;
	text-align: center;
}

.csp-auth-original-title,
.csp-auth-legacy-header,
.csp-auth-legacy-brand,
.csp-auth-page-legacy-brand { display: none !important; }

.csp-auth-intro__fallback {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	margin: 0 auto 16px;
	border-radius: 17px;
	background: linear-gradient(135deg, #5b1195, #7522ad 62%, #2ca9ac);
	box-shadow: 0 13px 28px rgba(91, 17, 149, .22);
	color: #fff;
	font-size: 23px;
	font-weight: 900;
}

.csp-auth-intro__logo {
	display: block;
	width: min(230px, 72%);
	height: auto;
	margin: 0 auto 18px;
	border: 0;
	object-fit: contain;
}

.csp-auth-intro__eyebrow {
	margin: 0 0 8px !important;
	color: #6c1aa5 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: .18em !important;
}

.csp-auth-intro h1 {
	margin: 0 0 9px !important;
	color: var(--csp-auth-ink) !important;
	font-size: clamp(26px, 4vw, 34px) !important;
	font-weight: 850 !important;
	line-height: 1.16 !important;
	letter-spacing: -.035em !important;
}

.csp-auth-intro > .csp-auth-intro__copy {
	max-width: 43ch;
	margin: 0 auto !important;
	color: var(--csp-auth-copy) !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

.csp-auth-intro .csp-auth-intro__switch {
	max-width: none;
	margin: 15px auto 0 !important;
	color: #5d687d !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}

.csp-auth-intro__switch a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	margin-left: 4px;
	padding: 0 13px;
	border: 1px solid rgba(103, 22, 162, .20);
	border-radius: 10px;
	background: #f7f1fb;
	color: #6414a0 !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.csp-auth-intro__switch a:hover,
.csp-auth-intro__switch a:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(103, 22, 162, .42);
	background: #f2e6f9;
	outline: none;
}

.csp-auth-success-shell > h2,
.csp-auth-success-shell > h3,
.csp-auth-success-shell > p:first-of-type {
	text-align: center;
}

.csp-auth-pending-shell,
.csp-auth-success-shell {
	display: flex;
	min-height: 430px;
	flex-direction: column;
	justify-content: center;
}

.csp-auth-pending-shell .bp-feedback,
.csp-auth-pending-shell .message,
.csp-auth-pending-shell .success,
.csp-auth-success-shell .bp-feedback,
.csp-auth-success-shell .message {
	box-sizing: border-box;
	width: 100%;
	margin: 0 !important;
	padding: 18px 20px !important;
	border: 1px solid rgba(103, 22, 162, .12) !important;
	border-radius: 16px !important;
	background: #f5eff9 !important;
	box-shadow: none !important;
	color: #4f236d !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

/* BuddyBoss themes sometimes force white text on the original registration
 * feedback. Keep every nested fragment readable on the pale premium notice. */
.csp-auth-pending-shell .csp-auth-pending-notice,
.csp-auth-pending-shell .csp-auth-pending-notice p,
.csp-auth-pending-shell .csp-auth-pending-notice span,
.csp-auth-pending-shell .csp-auth-pending-notice strong,
.csp-auth-pending-shell .bp-feedback p,
.csp-auth-pending-shell .bp-feedback span,
.csp-auth-pending-shell .message p,
.csp-auth-pending-shell .message span {
	color: #4f236d !important;
	text-shadow: none !important;
}

.csp-auth-pending-shell .csp-auth-pending-notice::before,
.csp-auth-pending-shell .bp-feedback::before {
	color: #6816a2 !important;
}

.csp-auth-form-shell--activation .csp-reg-activation-ready {
	margin: 0 0 22px;
	border-radius: 15px;
}

.csp-auth-form-shell--activation button[type="submit"],
.csp-auth-form-shell--activation input[type="submit"],
.csp-auth-success-shell .button,
.csp-auth-success-shell a.button {
	width: 100%;
}

.csp-auth-layout {
	position: relative;
	left: 50%;
	z-index: 2;
	display: grid;
	box-sizing: border-box;
	width: min(calc(100vw - 48px), 1120px);
	margin: clamp(34px, 6vh, 70px) auto 80px;
	transform: translateX(-50%);
	grid-template-columns: minmax(0, 620px) minmax(360px, 430px);
	gap: clamp(24px, 3vw, 38px);
	align-items: start;
}

body.login .csp-auth-layout {
	left: auto;
	margin-right: auto;
	margin-left: auto;
	transform: none;
}

.csp-auth-layout--pending,
.csp-auth-layout--activation,
.csp-auth-layout--activated {
	min-height: 560px;
	align-items: center;
}

.csp-auth-side-panel {
	position: fixed;
	top: 50%;
	right: clamp(28px, 6vw, 104px);
	z-index: 4;
	box-sizing: border-box;
	width: min(410px, 36vw);
	padding: 34px 34px 28px;
	overflow: hidden;
	transform: translateY(-50%);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 28px;
	background: linear-gradient(145deg, #211037 0%, #4c176c 52%, #214b63 118%);
	box-shadow: 0 32px 86px rgba(24, 10, 41, .28);
	color: #fff;
}

.csp-auth-side-panel__glow {
	position: absolute;
	top: -110px;
	right: -100px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: rgba(57, 212, 202, .20);
	filter: blur(8px);
	pointer-events: none;
}

.csp-auth-side-panel__brand {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 210px;
	margin: 0 auto 30px;
	padding: 6px 12px;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 9px 24px rgba(9, 5, 20, .18);
}

.csp-auth-side-panel__brand img {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
}

.csp-auth-side-panel__eyebrow {
	position: relative;
	margin: 0 0 11px !important;
	color: #81eee6 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: .19em !important;
}

.csp-auth-side-panel h2 {
	position: relative;
	margin: 0 0 15px !important;
	color: #fff !important;
	font-size: clamp(28px, 2.5vw, 39px) !important;
	font-weight: 850 !important;
	line-height: 1.12 !important;
	letter-spacing: -.04em !important;
}

.csp-auth-side-panel__copy {
	position: relative;
	margin: 0 0 23px !important;
	color: #ddd5e7 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.csp-auth-side-panel__benefits {
	position: relative;
	margin: 0 0 26px !important;
	padding: 0 !important;
	list-style: none !important;
}

.csp-auth-side-panel__benefits li {
	position: relative;
	margin: 11px 0 !important;
	padding-left: 28px !important;
	color: #f1edf5 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.csp-auth-side-panel__benefits li::before {
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	place-items: center;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: rgba(59, 212, 201, .17);
	color: #67e8df;
	content: "✓";
	font-size: 11px;
	font-weight: 900;
}

.csp-auth-side-panel__button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 50px;
	padding: 0 18px;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 14px 28px rgba(9, 5, 20, .19);
	color: #4d126e !important;
	font-size: 13px;
	font-weight: 850;
	text-decoration: none !important;
}

.csp-auth-side-panel__button:hover { transform: translateY(-1px); color: #67159b !important; }

.csp-auth-side-panel__trust {
	position: relative;
	margin: 18px 0 0 !important;
	color: #b9b1c6 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
}

.csp-auth-side-panel__trust span { margin-right: 5px; color: #4bd6ca; }

.csp-auth-side-panel--activated {
	background:
		radial-gradient(circle at 95% 10%, rgba(56, 210, 201, .24), transparent 32%),
		linear-gradient(145deg, #201035 0%, #5c187f 62%, #194e62 130%);
}

.csp-auth-layout .csp-auth-side-panel {
	position: sticky;
	top: 32px;
	right: auto;
	width: 100%;
	max-width: none;
	margin: 0;
	transform: none;
}

@media (min-width: 1101px) {
	body.login.csp-auth-experience:not(.csp-auth-layout-mounted) { justify-content: flex-start; }
	body.login.csp-auth-experience:not(.csp-auth-layout-mounted) #login { margin-left: clamp(24px, 8vw, 150px); }
}

@media (max-width: 1100px) {
	body.login.csp-auth-experience { display: block; padding-top: 32px; }
	body.login.csp-auth-experience #login { margin: 0 auto; }
	.csp-auth-side-panel {
		position: relative;
		top: auto;
		right: auto;
		z-index: 2;
		width: min(100% - 32px, 580px);
		margin: 22px auto 46px;
		transform: none;
	}
	body.login.csp-auth-experience .csp-auth-side-panel { margin-bottom: 70px; }
	.csp-auth-layout {
		left: 50%;
		display: grid;
		width: min(calc(100vw - 32px), 660px);
		transform: translateX(-50%);
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}
	body.login .csp-auth-layout { left: auto; transform: none; }
	.csp-auth-layout .csp-auth-side-panel {
		position: relative;
		top: auto;
		width: 100%;
		margin: 0;
	}
}

@media (max-width: 620px) {
	body.login.csp-auth-experience { padding: 18px 12px 40px; }
	body.login.csp-auth-experience #login,
	.csp-auth-form-shell { padding: 26px 20px 24px !important; border-radius: 22px !important; }
	.csp-auth-side-panel { padding: 28px 24px 24px; border-radius: 22px; }
	.csp-auth-side-panel h2 { font-size: 29px !important; }
	.csp-auth-intro h1 { font-size: 27px !important; }
	body.login.csp-auth-experience .language-switcher { position: static; margin: 24px auto 0; }
	.csp-auth-language { position: relative; bottom: auto; left: auto; width: min(100% - 24px, 260px); margin: 24px auto 0; }
	.csp-auth-layout { width: min(calc(100vw - 20px), 620px); margin-top: 18px; gap: 18px; }
	.csp-auth-intro__logo { width: min(210px, 82%); }
	.csp-auth-social-button { min-height: 52px; padding-inline: 46px !important; font-size: 14px !important; }
	.csp-auth-social-button::after { right: 15px; }
	.csp-auth-pending-shell,
	.csp-auth-success-shell { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.csp-auth-social-button,
	.csp-auth-side-panel__button,
	body.login.csp-auth-experience .button-primary,
	.csp-auth-form-shell .csp-auth-primary-button { transition: none; }
}