/* Shared Members Centre login/access UI for SSMS public app shells. */
.ssms-member-access-trigger{
	position:relative;
	z-index:3;
	display:grid;
	place-items:center;
	width:54px;
	height:54px;
	min-width:54px;
	padding:0;
	border:0;
	border-radius:50%;
	background:transparent;
	box-shadow:none;
	color:#fff;
	font:inherit;
	text-decoration:none;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	pointer-events:auto!important;
	touch-action:manipulation;
	transition:transform .16s ease,opacity .16s ease;
}
.ssms-member-access-trigger:hover{
	background:transparent;
	box-shadow:none;
	color:#fff;
	text-decoration:none;
	transform:translateY(-1px) scale(1.025);
	opacity:.9;
}
.ssms-member-access-trigger:focus-visible{
	background:transparent;
	box-shadow:none;
	color:#fff;
	text-decoration:none;
	outline:2px solid rgba(255,255,255,.82);
	outline-offset:2px;
}
.ssms-member-access-trigger__icon{
	display:block;
	width:54px;
	height:54px;
}
.ssms-member-access-trigger__icon svg{
	display:block;
	width:100%;
	height:100%;
	overflow:visible;
}
.ssms-member-access-trigger__ring,
.ssms-member-access-trigger__head,
.ssms-member-access-trigger__person{
	fill:none;
	stroke:currentColor;
	stroke-width:4;
	stroke-linecap:round;
	stroke-linejoin:round;
}
@media (max-width:700px){
	.ssms-member-access-trigger{
		width:46px;
		height:46px;
		min-width:46px;
	}
	.ssms-member-access-trigger__icon{
		width:46px;
		height:46px;
	}
}

.ssms-member-access-modal[hidden]{display:none!important}
.ssms-member-access-modal{
	position:fixed;
	inset:0;
	z-index:2147483646;
	display:grid;
	place-items:center;
	padding:24px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	box-sizing:border-box;
}
.ssms-member-access-modal *,
.ssms-member-access-modal *::before,
.ssms-member-access-modal *::after{box-sizing:border-box}
.ssms-member-access-modal__backdrop{
	position:absolute;
	inset:0;
	background:rgba(8,38,48,.48);
	backdrop-filter:blur(7px);
	-webkit-backdrop-filter:blur(7px);
}
.ssms-member-access-card{
	position:relative;
	z-index:1;
	width:min(430px,100%);
	max-height:min(88dvh,760px);
	overflow:auto;
	padding:30px;
	border:1px solid rgba(205,222,227,.95);
	border-radius:25px;
	background:#fff;
	box-shadow:0 30px 80px rgba(3,31,41,.30);
	color:#17323d;
	outline:none;
}
.ssms-member-access-card__close{
	position:absolute;
	top:14px;
	right:14px;
	display:grid;
	place-items:center;
	width:36px;
	height:36px;
	padding:0;
	border:1px solid #d7e4e8;
	border-radius:11px;
	background:#f7fafb;
	color:#58727d;
	font:inherit;
	font-size:25px;
	font-weight:400;
	line-height:1;
	cursor:pointer;
}
.ssms-member-access-card__brand{
	display:flex;
	align-items:center;
	gap:12px;
	padding-right:46px;
	margin-bottom:25px;
}
.ssms-member-access-card__brand img{
	display:block;
	width:48px;
	height:48px;
	object-fit:contain;
}
.ssms-member-access-card__brand>div{display:grid;gap:2px}
.ssms-member-access-card__brand strong{
	color:#183642;
	font-size:19px;
	font-weight:850;
	line-height:1.05;
}
.ssms-member-access-card__brand span{
	color:#71858d;
	font-size:10px;
	font-weight:850;
	letter-spacing:.18em;
	text-transform:uppercase;
}
.ssms-member-access-card__eyebrow{
	display:block;
	margin-bottom:5px;
	color:#5f808d;
	font-size:10px;
	font-weight:900;
	letter-spacing:.18em;
	text-transform:uppercase;
}
.ssms-member-access-card h2{
	margin:0;
	color:#17323d;
	font-size:30px;
	font-weight:850;
	line-height:1.08;
	letter-spacing:-.025em;
}
.ssms-member-access-card__intro{
	margin:9px 0 22px;
	color:#687f88;
	font-size:14px;
	line-height:1.5;
}
.ssms-member-access-card__notice{
	display:flex;
	align-items:flex-start;
	gap:8px;
	margin:0 0 17px;
	padding:11px 12px;
	border:1px solid #f0c9cc;
	border-radius:12px;
	background:#fff3f3;
	color:#8f4148;
	font-size:12.5px;
	font-weight:700;
	line-height:1.4;
}
.ssms-member-access-card__notice.is-success{
	border-color:#c2e0d3;
	background:#eef8f3;
	color:#2f735c;
}
.ssms-member-access-card__notice .dashicons{flex:0 0 auto;width:18px;height:18px;font-size:18px;line-height:18px}
.ssms-member-access-form{display:grid;gap:13px}
.ssms-member-access-form label:not(.ssms-member-access-check){display:grid;gap:6px;margin:0;color:#304f5b;font-size:12px;font-weight:800}
.ssms-member-access-form input[type="text"],
.ssms-member-access-form input[type="email"],
.ssms-member-access-form input[type="password"]{
	width:100%;
	height:48px;
	margin:0;
	padding:0 13px;
	border:1px solid #cadde2;
	border-radius:12px;
	background:#fff;
	box-shadow:none;
	color:#17323d;
	font:inherit;
	font-size:15px;
	outline:none;
}
.ssms-member-access-form input:focus{border-color:#5f8f9d;box-shadow:0 0 0 3px rgba(65,139,157,.12)}
.ssms-member-access-check{display:flex!important;align-items:center;gap:8px;margin:1px 0 0!important;color:#66808a!important;font-size:12px!important;font-weight:650!important;cursor:pointer}
.ssms-member-access-check input{width:17px;height:17px;margin:0;accent-color:#418b9d}
.ssms-member-access-submit,
.ssms-member-access-reset{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:49px;
	padding:10px 18px;
	border:0;
	border-radius:13px;
	background:linear-gradient(135deg,#416f7d,#5f8e9b);
	box-shadow:0 8px 18px rgba(27,79,94,.17);
	color:#fff;
	font:inherit;
	font-size:14px;
	font-weight:850;
	cursor:pointer;
}
.ssms-member-access-submit:hover,
.ssms-member-access-submit:focus-visible{filter:brightness(1.03);outline:3px solid rgba(65,139,157,.18);outline-offset:2px}
.ssms-member-access-forgot{margin-top:16px;border-top:1px solid #e5edef;padding-top:15px}
.ssms-member-access-forgot summary{color:#456d79;font-size:12.5px;font-weight:800;cursor:pointer;list-style:none}
.ssms-member-access-forgot summary::-webkit-details-marker{display:none}
.ssms-member-access-forgot summary:after{content:"+";float:right;color:#7b929a;font-size:17px;line-height:1}
.ssms-member-access-forgot[open] summary:after{content:"−"}
.ssms-member-access-form--compact{margin-top:14px}
.ssms-member-access-reset{
	min-height:44px;
	background:#edf5f7;
	box-shadow:none;
	color:#355f6c;
}
body.ssms-member-access-is-open{overflow:hidden!important}

@media(max-width:700px){
	.ssms-member-access-trigger{width:46px;height:46px;min-width:46px;border-radius:14px}
	.ssms-member-access-trigger__icon{width:27px;height:27px}
	.ssms-member-access-modal{padding:14px;place-items:center}
	.ssms-member-access-card{width:100%;max-height:calc(100dvh - 28px);padding:24px 20px 22px;border-radius:22px}
	.ssms-member-access-card__brand{margin-bottom:20px}
	.ssms-member-access-card h2{font-size:27px}
}

@media(max-width:390px){
	.ssms-member-access-trigger{width:42px;height:42px;min-width:42px;border-radius:13px}
	.ssms-member-access-trigger__icon{width:25px;height:25px}
}