.comblock-disconnection,
.comblock-logout,
.comblock-user-info {
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	max-width: 360px;
	border-radius: 8px;
	color: #222
}

.comblock-user-info {
	background-color: #fff;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .12);
	box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
	margin: 1rem auto;
	padding: 1.25rem 1.5rem
}

.comblock-disconnection__fieldset,
.comblock-login__fieldset,
.comblock-logout__fieldset {
	border: none;
	margin: 0;
	padding: 0
}

.comblock-user-info__legend {
	font-size: 1.4rem;
	font-weight: 600;
	color: #0073e6;
	margin-bottom: 1rem;
	line-height: 1.2
}

.comblock-user-info__group p {
	margin: .4rem 0;
	font-size: 1rem;
	line-height: 1.4
}

.comblock-user-info__group p small {
	color: #555;
	font-size: .875rem;
	font-weight: 400
}

.comblock-disconnection,
.comblock-logout {
	text-align: center
}

.comblock-disconnection__hidden,
.comblock-login__hidden,
.comblock-logout__hidden {
	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;
	border: 0 !important
}

.comblock-disconnection__button,
.comblock-logout__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	width: 100%;
	max-width: 320px;
	padding: .75rem 1.25rem;
	font-size: 1.1rem;
	font-weight: 400;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	user-select: none;
	color: #fff;
	transition: background-color .3s, box-shadow .3s;
	box-sizing: border-box;
	font-family: inherit
}

.comblock-logout__button {
	background-color: #d63638
}

.comblock-logout__button:focus,
.comblock-logout__button:hover {
	background-color: #a42e2f;
	outline: #a42e2f solid 3px;
	outline-offset: 2px;
	box-shadow: 0 0 0 3px rgba(164, 46, 47, .6)
}

.comblock-disconnection__button {
	background-color: #4a90e2
}

.comblock-disconnection__button:focus,
.comblock-disconnection__button:hover {
	background-color: #357abd;
	outline: #357abd solid 3px;
	outline-offset: 2px;
	box-shadow: 0 0 0 3px rgba(53, 122, 189, .5)
}

.dashicons {
	font-family: dashicons !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.25rem;
	color: inherit
}

.comblock-login {
	max-width: 400px;
	margin: 1rem auto;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
	padding: 1.5rem 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #222;
	box-sizing: border-box
}

.comblock-login__legend {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1.25rem;
	color: #0073e6;
	line-height: 1.2
}

.comblock-login__group {
	margin-bottom: 1rem
}

.comblock-login__group--errors {
	color: #b00020;
	font-size: .9rem;
	font-weight: 600;
	margin-bottom: 1rem
}

.comblock-login__label {
	display: block;
	margin-bottom: .3rem;
	font-weight: 500;
	color: #333
}

.comblock-login__label--checkbox {
	font-size: .9rem;
	color: #333;
	line-height: 1.2
}

.comblock-login__input {
	width: 100%;
	padding: .55rem .75rem;
	font-size: 1rem;
	border: 1.5px solid #ccc;
	border-radius: 6px;
	box-sizing: border-box;
	transition: border-color .3s, box-shadow .3s;
	color: #222
}

.comblock-login__input:focus {
	outline: #0073aa solid 3px;
	outline-offset: 2px;
	border-color: #0073aa;
	box-shadow: 0 0 8px rgba(0, 115, 170, .5)
}

.comblock-login__checkbox {
	margin-right: .6rem;
	width: 1.1rem;
	height: 1.1rem;
	cursor: pointer
}

.comblock-login__privacy-notice {
	font-size: .85rem;
	color: #555;
	margin-bottom: 1.25rem;
	line-height: 1.3
}

.comblock-login__privacy-notice a {
	color: #0073aa;
	text-decoration: underline
}

.comblock-login__privacy-notice a:focus,
.comblock-login__privacy-notice a:hover {
	color: #005177;
	outline: 0;
	box-shadow: 0 0 0 2px #005177 inset;
	text-decoration: underline
}

.comblock-login__actions {
	display: flex;
	justify-content: space-between;
	gap: .75rem;
	flex-wrap: wrap
}

.comblock-login__button {
	flex: 1 1 140px;
	padding: .65rem 1.2rem;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	font-size: 1.05rem;
	font-weight: 400;
	user-select: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color .3s, box-shadow .3s;
	box-sizing: border-box;
	font-family: inherit;
	color: #fff
}

.comblock-login__button--submit {
	background-color: #0073aa
}

.comblock-login__button--submit:focus,
.comblock-login__button--submit:hover {
	background-color: #005177;
	outline: #005177 solid 3px;
	outline-offset: 2px;
	box-shadow: 0 0 8px rgba(0, 81, 119, .7)
}

.comblock-login__button--reset {
	background-color: #eee;
	color: #333
}

.comblock-login__button--reset:focus,
.comblock-login__button--reset:hover {
	background-color: #ddd;
	outline: #999 solid 3px;
	outline-offset: 2px;
	box-shadow: 0 0 6px rgba(153, 153, 153, .5);
	color: #222
}

@media (max-width:480px) {

	.comblock-disconnection,
	.comblock-logout,
	.comblock-user-info {
		max-width: 95%;
		padding: 1rem;
		margin: .75rem auto
	}

	.comblock-user-info__legend {
		font-size: 1.2rem
	}

	.comblock-user-info__group p {
		font-size: .95rem
	}

	.comblock-user-info__group p small {
		font-size: .85rem
	}

	.comblock-disconnection__button,
	.comblock-logout__button {
		max-width: 100%;
		font-size: 1rem;
		padding: .8rem 1rem
	}

	.comblock-login {
		max-width: 95%;
		padding: 1.25rem 1rem
	}

	.comblock-login__actions {
		flex-direction: column
	}

	.comblock-login__button {
		flex: 1 1 100%
	}

	.comblock-login__label--checkbox {
		display: inline-block;
		margin-bottom: 0
	}

	.comblock-login__group--checkbox {
		flex-wrap: nowrap
	}
}