.ssai-oauth-btn--signin,
.ssai-oauth-btn--launch {
	margin-top: 25px;
}

.ssai-oauth-btn--launch {
	background: #1a73e8;
	border-color: #1a73e8;
	color: #fff;
}

.ssai-oauth-btn--launch:hover,
.ssai-oauth-btn--launch:focus {
	background: #1557b0;
	border-color: #1557b0;
	color: #fff;
}

.ssai-oauth-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.65rem 1.1rem;
	border: 1px solid #dadce0;
	border-radius: 4px;
	background: #fff;
	color: #3c4043;
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(60, 64, 67, 0.15);
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.ssai-oauth-btn:hover,
.ssai-oauth-btn:focus {
	background: #f8f9fa;
	color: #202124;
	text-decoration: none;
	box-shadow: 0 1px 3px rgba(60, 64, 67, 0.25);
}

.ssai-oauth-btn:focus-visible {
	outline: 2px solid #4285f4;
	outline-offset: 2px;
}

.ssai-oauth-btn__icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex-shrink: 0;
}

.ssai-oauth-btn--signout {
	border-color: #cfcfcf;
	background: #fafafa;
}

.ssai-oauth-btn[hidden],
.ssai-oauth-status[hidden],
.ssai-oauth-feedback[hidden],
.ssai-oauth-welcome[hidden] {
	display: none !important;
}

.ssai-oauth-status,
.ssai-oauth-feedback,
.ssai-oauth-welcome {
	margin: 0.75rem 0;
	padding: 0.75rem 1rem;
	border-radius: 4px;
	font-size: 1rem;
	line-height: 1.5;
}

.ssai-oauth-status--signed-in,
.ssai-oauth-welcome {
	/* Default scheme overridden by --scheme-* when applied */
	background: #e6f4ea;
	border: 1px solid #ceead6;
	color: #137333;
}

.ssai-oauth-status--scheme-white {
	background: #ffffff;
	border: 1px solid #dadce0;
	color: #202124;
}

.ssai-oauth-status--scheme-grey {
	background: #f1f3f4;
	border: 1px solid #dadce0;
	color: #3c4043;
}

.ssai-oauth-status--scheme-black {
	background: #202124;
	border: 1px solid #202124;
	color: #ffffff;
}

.ssai-oauth-status--scheme-green_light {
	background: #e6f4ea;
	border: 1px solid #ceead6;
	color: #137333;
}

.ssai-oauth-status--scheme-green_dark {
	background: #0d652d;
	border: 1px solid #0d652d;
	color: #e6f4ea;
}

.ssai-oauth-status--scheme-blue_light {
	background: #e8f0fe;
	border: 1px solid #d2e3fc;
	color: #174ea6;
}

.ssai-oauth-status--scheme-blue_dark {
	background: #174ea6;
	border: 1px solid #174ea6;
	color: #e8f0fe;
}

.ssai-oauth-status--align-center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.ssai-oauth-status--align-left {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

.ssai-oauth-status--align-right {
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.ssai-oauth-status--align-center .ssai-oauth-welcome__picture {
	margin-left: auto;
	margin-right: auto;
}

.ssai-oauth-status--align-left .ssai-oauth-welcome__picture {
	margin-left: 0;
	margin-right: auto;
}

.ssai-oauth-status--align-right .ssai-oauth-welcome__picture {
	margin-left: auto;
	margin-right: 0;
}

.ssai-oauth-status--align-center .ssai-oauth-btn--welcome {
	margin-left: auto;
	margin-right: auto;
}

.ssai-oauth-status--max-width-none {
	max-width: none;
}

.ssai-oauth-status--max-width-100 {
	max-width: 100%;
}

.ssai-oauth-status--max-width-75 {
	max-width: 75%;
}

.ssai-oauth-status--max-width-50 {
	max-width: 50%;
}

.ssai-oauth-status--max-width-25 {
	max-width: 25%;
}

.ssai-oauth-status--width-none {
	width: auto;
}

.ssai-oauth-status--width-100 {
	width: 100%;
}

.ssai-oauth-status--width-75 {
	width: 75%;
}

.ssai-oauth-status--width-50 {
	width: 50%;
}

.ssai-oauth-status--width-25 {
	width: 25%;
}

.ssai-oauth-status--error,
.ssai-oauth-feedback--error {
	background: #fce8e6;
	border: 1px solid #f5c2c0;
	color: #c5221f;
}

.ssai-oauth-status--signed-out,
.ssai-oauth-feedback--signed-out {
	background: #f1f3f4;
	border: 1px solid #dadce0;
	color: #3c4043;
}

.ssai-oauth-welcome__picture {
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	margin: 0 0 0.75rem;
}

.ssai-oauth-welcome .ssai-oauth-btn--welcome,
.ssai-oauth-status .ssai-oauth-btn--welcome {
	display: inline-flex;
	margin: 0.5rem 0.5rem 0.5rem 0;
	background: #1a73e8;
	border-color: #1a73e8;
	color: #fff;
}

.ssai-oauth-status--align-center .ssai-oauth-btn--welcome {
	margin: 0.5rem;
}

.ssai-oauth-status--align-right .ssai-oauth-btn--welcome {
	margin: 0.5rem 0 0.5rem 0.5rem;
}

.ssai-oauth-welcome .ssai-oauth-btn--welcome:hover,
.ssai-oauth-welcome .ssai-oauth-btn--welcome:focus,
.ssai-oauth-status .ssai-oauth-btn--welcome:hover,
.ssai-oauth-status .ssai-oauth-btn--welcome:focus {
	background: #1557b0;
	border-color: #1557b0;
	color: #fff;
}

.ssai-oauth-notice--error {
	color: #c5221f;
}

.ssai-oauth-display-options {
	display: inline-block;
	margin: 0.5rem 0;
}

.ssai-oauth-btn--option:disabled {
	opacity: 0.65;
	cursor: wait;
}