/* Icon styles using inline SVG data URIs */
/* Base icon sizing */
.select-auth-box-icon-properties {
font-size: 2em;
}
/* Social provider gray color class (for consistency with original design) */
.kc-social-gray {
color: currentColor;
}
/* Feedback Icons */
.kc-icon-error::before,
.kc-icon-warning::before,
.kc-icon-success::before,
.kc-icon-info::before {
content: "";
display: inline-block;
width: 1.25em;
height: 1.25em;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: middle;
}
.kc-icon-error::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-icon-warning::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-icon-success::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-icon-info::before {
background-image: url('data:image/svg+xml;utf8,');
}
/* Authenticator Icons */
.kc-icon-list::before,
.kc-icon-unlock::before,
.kc-icon-mobile::before,
.kc-icon-key::before {
content: "";
display: inline-block;
width: 1.5em;
height: 1.5em;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: middle;
}
.kc-icon-list::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-icon-unlock::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-icon-mobile::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-icon-key::before {
background-image: url('data:image/svg+xml;utf8,');
}
/* WebAuthn Icons */
.kc-icon-usb::before,
.kc-icon-wifi::before,
.kc-icon-bluetooth::before {
content: "";
display: inline-block;
width: 1.25em;
height: 1.25em;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: middle;
}
.kc-icon-usb::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-icon-wifi::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-icon-bluetooth::before {
background-image: url('data:image/svg+xml;utf8,');
}
/* Arrow icon */
.kc-icon-arrow-right::before {
content: "";
display: inline-block;
width: 1.5em;
height: 1.5em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: middle;
background-image: url('data:image/svg+xml;utf8,');
}
/* Identity Provider Logos */
.kc-social-icon-facebook::before,
.kc-social-icon-google::before,
.kc-social-icon-github::before,
.kc-social-icon-linkedin::before,
.kc-social-icon-instagram::before,
.kc-social-icon-microsoft::before,
.kc-social-icon-bitbucket::before,
.kc-social-icon-gitlab::before,
.kc-social-icon-paypal::before,
.kc-social-icon-stackoverflow::before,
.kc-social-icon-twitter::before {
content: "";
display: inline-block;
width: 1.25em;
height: 1.25em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: middle;
}
.kc-social-icon-facebook::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-google::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-github::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-linkedin::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-instagram::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-microsoft::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-bitbucket::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-gitlab::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-paypal::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-stackoverflow::before {
background-image: url('data:image/svg+xml;utf8,');
}
.kc-social-icon-twitter::before {
background-image: url('data:image/svg+xml;utf8,');
}