diff --git a/package.json b/package.json
index d405c34..33f8185 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "react-linkedinbadge",
- "version": "5.16.2025",
+ "version": "5.18.2024",
"description": "The LinkedIn Badge Rendering React Component is a powerful tool for displaying LinkedIn badges on websites. With customizable options and support for both profile and entity badges, this component offers improved features over LinkedIn's basic implementation. It enhances code organization by separating badge container rendering from dynamic content rendering and efficiently handles asynchronous loading of content from LinkedIn servers. This component also allows for easy management of multiple badges on a page and provides a callback function for tracking badge rendering completion. Make sure to review the licensing information for proper usage.",
"repository": {
"type": "git",
diff --git a/src/style.css b/src/style.css
index f6c65d8..3274c37 100644
--- a/src/style.css
+++ b/src/style.css
@@ -6,10 +6,10 @@
* that has been known to conflict with existing styles used within the page.
* This stylesheet only contains styles specific to the Profile Badge React component.
* and hence is less in size and less likely to conflict with other stylesheets.
- * however may not be as flexible as the global LinkedInBadge.css stylesheet.
*/
-div.profile-badge-reacted {
+ div.profile-badge-reacted {
+
transition: all 0.3s ease-in-out;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
@@ -21,620 +21,1573 @@ div.profile-badge-reacted {
-ms-user-select: none;
user-select: none;
height: 100%;
+
.profile-badge.profile-badge--light:hover {
- box-shadow:
- 0 0 0 1px rgba(0, 0, 0, 0.08),
- 0 2px 4px rgba(0, 0, 0, 0.08);
+ box-shadow:
+ 0 0 0 1px rgba(0, 0, 0, 0.08),
+ 0 2px 4px rgba(0, 0, 0, 0.08);
}
.profile-badge--dark.profile-badge:hover {
- box-shadow:
- 0 0 0 1px rgba(90, 89, 89, 0.5),
- 0 2px 4px rgba(90, 89, 89, 0.5);
+ box-shadow:
+ 0 0 0 1px rgba(90, 89, 89, 0.5),
+ 0 2px 4px rgba(90, 89, 89, 0.5);
}
div.profile-badge--width-250 {
- width: 250px;
+ width: 250px;
}
transition: all 0.3s ease-in-out;
.profile-badge--width-280 {
- width: 280px;
+ width: 280px;
}
.profile-badge--width-300 {
- width: 300px;
+ width: 300px;
}
.profile-badge--width-330 {
- width: 330px;
+ width: 330px;
}
.profile-badge--width-360 {
- width: 360px;
+ width: 360px;
}
.artdeco-entity-image--ghost {
- background-color: #b3b6b9;
+ background-color: #b3b6b9;
}
.artdeco-entity-image--square-4 {
- width: 56px;
- height: 56px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- background-clip: content-box;
- border: 4px solid rgba(0, 0, 0, 0);
- border-radius: 6px;
+ width: 56px;
+ height: 56px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background-clip: content-box;
+ border: 4px solid rgba(0, 0, 0, 0);
+ border-radius: 6px;
}
.profile-badge--light {
- background-color: #fff;
- color: #000;
+ background-color: #fff;
+ color: #000;
}
.profile-badge--dark {
- background-color: #000;
- color: #fff;
+ background-color: #000;
+ color: #fff;
}
.profile-badge__cta-btn--light:visited,
div.profile-badge-reacted .profile-badge__cta-btn--light:visited:active,
div.profile-badge-reacted .profile-badge__cta-btn--light:visited:focus,
div.profile-badge-reacted .profile-badge__cta-btn--light:visited:hover {
- color: #0a66c2;
+ color: #0a66c2;
}
.profile-badge {
- background-color: #fff;
- border-radius: 8px;
- overflow: hidden;
- -webkit-box-shadow:
- 0px -1px 1px rgba(0, 0, 0, 0.08),
- 1px 0px 1px rgba(0, 0, 0, 0.08),
- -1px 0px 1px rgba(0, 0, 0, 0.08),
- 0px 1px 1px rgba(0, 0, 0, 0.08);
- box-shadow:
- 0px -1px 1px rgba(0, 0, 0, 0.08),
- 1px 0px 1px rgba(0, 0, 0, 0.08),
- -1px 0px 1px rgba(0, 0, 0, 0.08),
- 0px 1px 1px rgba(0, 0, 0, 0.08);
- padding: 0;
+ background-color: #fff;
+ border-radius: 8px;
+ overflow: hidden;
+ -webkit-box-shadow:
+ 0px -1px 1px rgba(0, 0, 0, 0.08),
+ 1px 0px 1px rgba(0, 0, 0, 0.08),
+ -1px 0px 1px rgba(0, 0, 0, 0.08),
+ 0px 1px 1px rgba(0, 0, 0, 0.08);
+ box-shadow:
+ 0px -1px 1px rgba(0, 0, 0, 0.08),
+ 1px 0px 1px rgba(0, 0, 0, 0.08),
+ -1px 0px 1px rgba(0, 0, 0, 0.08),
+ 0px 1px 1px rgba(0, 0, 0, 0.08);
+ padding: 0;
}
.profile-badge--dark {
- background-color: black;
+ background-color: black;
}
.profile-badge--light {
- background-color: #fff;
+ background-color: #fff;
}
/** Profile name and headline and company/school info */
.profile-badge__content-profile-image {
- margin: 12px 0 8px;
- transition: all 0.3s ease-in-out;
+ margin: 12px 0 8px;
+ transition: all 0.3s ease-in-out;
}
.profile-badge__content-profile-name {
- padding: 0 0 4px;
- color: inherit;
+ padding: 0 0 4px;
+ color: inherit;
}
.profile-badge__content-profile-name-link {
- font-size: 1.6rem;
- line-height: 1.5;
- font-weight: 600;
- color: rgba(0, 0, 0, 0.9);
- color: inherit;
+ font-size: 1.6rem;
+ line-height: 1.5;
+ font-weight: 600;
+ color: rgba(0, 0, 0, 0.9);
+ color: inherit;
}
.profile-badge__content-profile-name-link--dark:focus,
.profile-badge__content-profile-name-link--dark:hover,
.profile-badge__content-profile-name-link--dark:active {
- color: #fff;
+ color: #fff;
}
.profile-badge__content-profile-name-link--dark:visited,
.profile-badge__content-profile-name-link--dark:visited:active,
.profile-badge__content-profile-name-link--dark:visited:focus,
.profile-badge__content-profile-name-link--dark:visited:hover {
- color: #fff;
+ color: #fff;
}
.profile-badge__content-profile-name-link--light:focus,
.profile-badge__content-profile-name-link--light:hover,
.profile-badge__content-profile-name-link--light:active {
- color: #000;
+ color: #000;
}
.profile-badge__content-profile-name-link--light:visited,
.profile-badge__content-profile-name-link--light:visited:active,
.profile-badge__content-profile-name-link--light:visited:focus,
.profile-badge__content-profile-name-link--light:visited:hover {
- color: #000;
+ color: #000;
}
.profile-badge__content-profile-headline {
- padding: 0 0 4px;
- font-size: 1.4rem;
- line-height: 1.42857;
- font-weight: 400;
- color: rgba(0, 0, 0, 0.9);
- color: inherit;
+ padding: 0 0 4px;
+ font-size: inherit;
+ line-height: 1.42857;
+ font-weight: 400;
+ color: rgba(0, 0, 0, 0.9);
+ color: inherit;
+ }
+
+ h4,
+ .medium-text {
+ font-style: normal;
+ font-weight: 400;
+ font-size: 2rem;
+ line-height: 1.4;
+ color: rgba(0, 0, 0, 0.9);
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+ outline: 0;
+
}
.profile-badge__content-profile-company-school-info {
- padding: 0 0 4px;
- font-size: 1.2rem;
- line-height: 1.33333;
- font-weight: 400;
- color: rgba(0, 0, 0, 0.6);
- color: inherit;
+ padding: 0 0 4px;
+ font-size: 1.2rem;
+ line-height: 1.33333;
+ font-weight: 400;
+ color: rgba(0, 0, 0, 0.6);
+ color: inherit;
}
.profile-badge__content-profile-company-school-info-link {
- font-size: 1.2rem;
- line-height: 1.33333;
- font-weight: 400;
- color: rgba(0, 0, 0, 0.6);
- color: inherit;
+ font-size: 1.2rem;
+ line-height: 1.33333;
+ font-weight: 400;
+ color: rgba(0, 0, 0, 0.6);
+ color: inherit;
+ }
+
+ a.profile-badge__content-profile-name-link,
+ a.profile-badge__cta-btn {
+ text-decoration: none;
+ background-color: transparent;
+ border: 0;
+ font-size: 1.6rem;
+
+
}
.profile-badge__content-profile-company-school-info-link--dark:focus,
.profile-badge__content-profile-company-school-info-link--dark:hover,
.profile-badge__content-profile-company-school-info-link--dark:active {
- color: #fff;
+ color: #fff;
}
.profile-badge__content-profile-company-school-info-link--dark:visited,
.profile-badge__content-profile-company-school-info-link--dark:visited:active,
.profile-badge__content-profile-company-school-info-link--dark:visited:focus,
.profile-badge__content-profile-company-school-info-link--dark:visited:hover {
- color: #fff;
+ color: #fff;
}
.profile-badge__content-profile-company-school-info-link--light:focus,
.profile-badge__content-profile-company-school-info-link--light:hover,
.profile-badge__content-profile-company-school-info-link--light:active {
- color: #000;
+ color: #000;
}
.profile-badge__content-profile-company-school-info-link--light:visited,
.profile-badge__content-profile-company-school-info-link--light:visited:active,
.profile-badge__content-profile-company-school-info-link--light:visited:focus,
.profile-badge__content-profile-company-school-info-link--light:visited:hover {
- color: #000;
+ color: #000;
}
/** Profile badge header **/
.profile-badge__header {
- padding: 12px 16px;
+ padding: 12px 16px;
}
.profile-badge__header--light {
- background-color: #e9e5df;
+ background-color: #e9e5df;
}
.profile-badge__header--dark {
- background-color: #38434f;
+ background-color: #38434f;
}
.profile-badge__header-logo-icon {
- width: 84px;
- height: 21px;
- display: inline-block;
+ width: 84px;
+ height: 21px;
+ display: inline-block;
+ }
+
+ .profile-badge__header>.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
}
.profile-badge__header-logo-icon--light {
- color: #0a66c2;
+ color: #0a66c2;
}
.profile-badge__header-logo-icon--dark {
- color: #fff;
+ color: #fff;
}
/** Profile badge content **/
.profile-badge__content {
- padding: 0 16px;
+ padding: 0 16px;
+ --rem: 16;
+
+ margin: 0;
+ border: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+ padding: 0 16px;
}
.profile-badge__content-profile-image {
- margin: 12px 0 8px;
+ margin: 12px 0 8px;
}
.profile-badge__content-profile-name {
- padding: 0 0 4px;
- color: inherit;
+ padding: 0 0 4px;
+ font-size: inherit;
+ color: inherit;
+ margin: 0;
}
h3,
.large-text {
- font-size: 2.4rem;
- line-height: 1.4;
- font-weight: 400;
+ font-size: 2.4rem;
+ line-height: 1.4;
+ font-weight: 400;
}
.profile-badge__content-profile-name {
- padding: 0 0 4px;
+ padding: 0 0 4px;
}
.profile-badge__content-profile-company-school-info {
- padding: 0 0 4px;
- font-size: 1.2rem;
- line-height: 1.33333;
- font-weight: 400;
- color: inherit;
+ padding: 0 0 4px;
+ font-size: 1.2rem;
+ line-height: 1.33333;
+ font-weight: 400;
+ color: inherit;
}
/** view profile button */
- .profile-badge__cta-btn {
- margin: 4px 16px 12px;
- color: inherit;
+ a.profile-badge__cta-btn {
+ --rem: 16;
+
+ background: transparent;
+ margin: 4px 16px 12px;
+ background-color: rgba(0, 0, 0, 0);
+ border: 0;
+ box-sizing: border-box;
+ cursor: pointer;
+ display: inline-block;
+ font-size: inherit;
+ font-weight: 600;
+ font-family: inherit;
+ height: 32px;
+ line-height: 32px;
+ overflow: hidden;
+ outline-width: 2px;
+ padding: 0 16px;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ transition-duration: 167ms;
+ transition-property: background-color, box-shadow, color, -webkit-box-shadow;
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ vertical-align: middle;
+ z-index: 0;
+ border-radius: 24px;
+ box-shadow: inset 0 0 0 1px #fff;
+ color: #fff;
}
.profile-badge__cta-btn--light {
- background-color: rgba(0, 0, 0, 0);
- border: 0;
- border-radius: 2px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- color: #0073b1;
- cursor: pointer;
- display: inline-block;
- font-size: 1.6rem;
- font-weight: 600;
- font-family: inherit;
- height: 32px;
- line-height: 32px;
- overflow: hidden;
- outline-width: 2px;
- padding: 0 16px;
- position: relative;
- text-align: center;
- text-decoration: none;
- -webkit-transition-duration: 167ms;
- transition-duration: 167ms;
- -webkit-transition-property:
- background-color,
- color,
- -webkit-box-shadow;
- transition-property:
- background-color,
- color,
- -webkit-box-shadow;
- transition-property: background-color, box-shadow, color;
- transition-property:
- background-color,
- box-shadow,
- color,
- -webkit-box-shadow;
- -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- vertical-align: middle;
- z-index: 0;
- -webkit-box-shadow:
- inset 0 0 0 1px #0073b1,
- inset 0 0 0 2px rgba(0, 0, 0, 0),
- inset 0 0 0 1px rgba(0, 0, 0, 0);
- box-shadow:
- inset 0 0 0 1px #0073b1,
- inset 0 0 0 2px rgba(0, 0, 0, 0),
- inset 0 0 0 1px rgba(0, 0, 0, 0);
- border-radius: 24px;
- -webkit-box-shadow: inset 0 0 0 1px #0a66c2;
- box-shadow: inset 0 0 0 1px #0a66c2;
- color: #0a66c2;
+ background-color: rgba(0, 0, 0, 0);
+ border: 0;
+ border-radius: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: #0073b1;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1.6rem;
+ font-weight: 600;
+ font-family: inherit;
+ height: 32px;
+ line-height: 32px;
+ overflow: hidden;
+ outline-width: 2px;
+ padding: 0 16px;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ -webkit-transition-duration: 167ms;
+ transition-duration: 167ms;
+ -webkit-transition-property:
+ background-color,
+ color,
+ -webkit-box-shadow;
+ transition-property:
+ background-color,
+ color,
+ -webkit-box-shadow;
+ transition-property: background-color, box-shadow, color;
+ transition-property:
+ background-color,
+ box-shadow,
+ color,
+ -webkit-box-shadow;
+ -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ vertical-align: middle;
+ z-index: 0;
+ -webkit-box-shadow:
+ inset 0 0 0 1px #0073b1,
+ inset 0 0 0 2px rgba(0, 0, 0, 0),
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
+ box-shadow:
+ inset 0 0 0 1px #0073b1,
+ inset 0 0 0 2px rgba(0, 0, 0, 0),
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ -webkit-box-shadow: inset 0 0 0 1px #0a66c2;
+ box-shadow: inset 0 0 0 1px #0a66c2;
+ color: #0a66c2;
}
@media only screen and (-ms-high-contrast: active) {
- .profile-badge__cta-btn--light {
- border: 1px solid currentColor;
- line-height: 30px;
- }
+ .profile-badge__cta-btn--light {
+ border: 1px solid currentColor;
+ line-height: 30px;
+ }
}
.profile-badge__cta-btn--light li-icon,
.profile-badge__cta-btn--light i,
.profile-badge__cta-btn--light li {
- top: 2px;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- height: 16px;
- left: 0;
- margin: -12px 0 0 -6px;
- padding: 0 6px 0 0;
- position: relative;
- width: 16px;
- }
-
- .profile-badge__cta-btn--light li-icon > svg,
- .profile-badge__cta-btn--light li > svg,
- .profile-badge__cta-btn--light i > svg {
- -webkit-transition: -webkit-transform 167ms;
- transition: -webkit-transform 167ms;
- transition: transform 167ms;
- transition:
- transform 167ms,
- -webkit-transform 167ms;
- -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- display: inline-block;
- vertical-align: top;
+ top: 2px;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 16px;
+ left: 0;
+ margin: -12px 0 0 -6px;
+ padding: 0 6px 0 0;
+ position: relative;
+ width: 16px;
+ }
+
+ .profile-badge__cta-btn--light li-icon>svg,
+ .profile-badge__cta-btn--light li>svg,
+ .profile-badge__cta-btn--light i>svg {
+ -webkit-transition: -webkit-transform 167ms;
+ transition: -webkit-transform 167ms;
+ transition: transform 167ms;
+ transition:
+ transform 167ms,
+ -webkit-transform 167ms;
+ -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ display: inline-block;
+ vertical-align: top;
}
.edge .profile-badge__cta-btn--light,
.ie .profile-badge__cta-btn--light {
- border-radius: 0;
+ border-radius: 0;
}
.profile-badge__cta-btn--light:not(:disabled)[data-is-animating-click="true"],
- .profile-badge__cta-btn--light:hover:not(
- :disabled
- )[data-is-animating-click="true"] {
- -webkit-box-shadow:
- inset 0 0 0 1px #0073b1,
- inset 0 0 0 2px rgba(0, 0, 0, 0),
- inset 0 0 0 1px #004b7c;
- box-shadow:
- inset 0 0 0 1px #0073b1,
- inset 0 0 0 2px rgba(0, 0, 0, 0),
- inset 0 0 0 1px #004b7c;
+ .profile-badge__cta-btn--light:hover:not( :disabled)[data-is-animating-click="true"] {
+ -webkit-box-shadow:
+ inset 0 0 0 1px #0073b1,
+ inset 0 0 0 2px rgba(0, 0, 0, 0),
+ inset 0 0 0 1px #004b7c;
+ box-shadow:
+ inset 0 0 0 1px #0073b1,
+ inset 0 0 0 2px rgba(0, 0, 0, 0),
+ inset 0 0 0 1px #004b7c;
}
.profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
.profile-badge__cta-btn--light.hover-not-disabled {
- background-color: rgba(152, 216, 244, 0.25);
- color: #006097;
- -webkit-box-shadow:
- inset 0 0 0 1px #0073b1,
- inset 0 0 0 2px #006097,
- inset 0 0 0 1px rgba(0, 0, 0, 0);
- box-shadow:
- inset 0 0 0 1px #0073b1,
- inset 0 0 0 2px #006097,
- inset 0 0 0 1px rgba(0, 0, 0, 0);
+ background-color: rgba(152, 216, 244, 0.25);
+ color: #006097;
+ -webkit-box-shadow:
+ inset 0 0 0 1px #0073b1,
+ inset 0 0 0 2px #006097,
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
+ box-shadow:
+ inset 0 0 0 1px #0073b1,
+ inset 0 0 0 2px #006097,
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
}
.profile-badge__cta-btn--light:focus,
.profile-badge__cta-btn--light.focus {
- background-color: rgba(152, 216, 244, 0.25);
- color: #006097;
- -webkit-box-shadow:
- inset 0 0 0 1px #0073b1,
- inset 0 0 0 2px #006097,
- inset 0 0 0 1px rgba(0, 0, 0, 0);
- box-shadow:
- inset 0 0 0 1px #0073b1,
- inset 0 0 0 2px #006097,
- inset 0 0 0 1px rgba(0, 0, 0, 0);
+ background-color: rgba(152, 216, 244, 0.25);
+ color: #006097;
+ -webkit-box-shadow:
+ inset 0 0 0 1px #0073b1,
+ inset 0 0 0 2px #006097,
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
+ box-shadow:
+ inset 0 0 0 1px #0073b1,
+ inset 0 0 0 2px #006097,
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
}
.profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
.profile-badge__cta-btn--light.active-not-disabled {
- background-color: rgba(152, 216, 244, 0.45);
- color: #004b7c;
+ background-color: rgba(152, 216, 244, 0.45);
+ color: #004b7c;
}
.profile-badge__cta-btn--light:disabled,
.profile-badge__cta-btn--light.disabled {
- color: rgba(0, 115, 177, 0.35);
- -webkit-box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
- box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
- cursor: not-allowed;
+ color: rgba(0, 115, 177, 0.35);
+ -webkit-box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
+ box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
+ cursor: not-allowed;
}
.profile-badge__cta-btn--light:focus,
.profile-badge__cta-btn--light.focus,
.profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
.profile-badge__cta-btn--light.hover-not-disabled {
- -webkit-box-shadow: inset 0 0 0 2px #0a66c2;
- box-shadow: inset 0 0 0 2px #0a66c2;
+ -webkit-box-shadow: inset 0 0 0 2px #0a66c2;
+ box-shadow: inset 0 0 0 2px #0a66c2;
}
.profile-badge__cta-btn--light:active,
.profile-badge__cta-btn--light.active,
.profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
.profile-badge__cta-btn--light.active-not-disabled {
- -webkit-box-shadow: inset 0 0 0 1px #004182;
- box-shadow: inset 0 0 0 1px #004182;
+ -webkit-box-shadow: inset 0 0 0 1px #004182;
+ box-shadow: inset 0 0 0 1px #004182;
}
.profile-badge__cta-btn--light:focus,
.profile-badge__cta-btn--light.focus,
.profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
.profile-badge__cta-btn--light.hover-not-disabled {
- background-color: rgba(112, 181, 249, 0.15);
- color: #0a66c2;
+ background-color: rgba(112, 181, 249, 0.15);
+ color: #0a66c2;
}
.profile-badge__cta-btn--light:active,
.profile-badge__cta-btn--light.active,
.profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
.profile-badge__cta-btn--light.active-not-disabled {
- background-color: rgba(112, 181, 249, 0.3);
- color: #004182;
+ background-color: rgba(112, 181, 249, 0.3);
+ color: #004182;
}
.profile-badge__cta-btn--light:visited,
.profile-badge__cta-btn--light:visited:active,
.profile-badge__cta-btn--light:visited:focus,
.profile-badge__cta-btn--light:visited:hover {
- color: #0a66c2;
+ color: #0a66c2;
}
.profile-badge__cta-btn--light:hover {
- color: #0a66c2;
- text-decoration: none !important;
+ color: #0a66c2;
+ text-decoration: none !important;
}
.profile-badge__cta-btn--dark {
- background-color: rgba(0, 0, 0, 0);
- border: 0;
- border-radius: 2px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- color: #fff;
- cursor: pointer;
- display: inline-block;
- font-size: 1.6rem;
- font-weight: 600;
- font-family: inherit;
- height: 32px;
- line-height: 32px;
- overflow: hidden;
- outline-width: 2px;
- padding: 0 16px;
- position: relative;
- text-align: center;
- text-decoration: none;
- -webkit-transition-duration: 167ms;
- transition-duration: 167ms;
- -webkit-transition-property:
- background-color,
- color,
- -webkit-box-shadow;
- transition-property:
- background-color,
- color,
- -webkit-box-shadow;
- transition-property: background-color, box-shadow, color;
- transition-property:
- background-color,
- box-shadow,
- color,
- -webkit-box-shadow;
- -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- vertical-align: middle;
- z-index: 0;
- -webkit-box-shadow:
- inset 0 0 0 1px rgba(255, 255, 255, 0.7),
- inset 0 0 0 2px rgba(0, 0, 0, 0),
- inset 0 0 0 1px rgba(0, 0, 0, 0);
- box-shadow:
- inset 0 0 0 1px rgba(255, 255, 255, 0.7),
- inset 0 0 0 2px rgba(0, 0, 0, 0),
- inset 0 0 0 1px rgba(0, 0, 0, 0);
- border-radius: 24px;
- -webkit-box-shadow: inset 0 0 0 1px #fff;
- box-shadow: inset 0 0 0 1px #fff;
- box-shadow: inset 0 0 0 1px #fff;
+ background-color: rgba(0, 0, 0, 0);
+ border: 0;
+ border-radius: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: #fff;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1.6rem;
+ font-weight: 600;
+ font-family: inherit;
+ height: 32px;
+ line-height: 32px;
+ overflow: hidden;
+ outline-width: 2px;
+ padding: 0 16px;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ -webkit-transition-duration: 167ms;
+ transition-duration: 167ms;
+ -webkit-transition-property:
+ background-color,
+ color,
+ -webkit-box-shadow;
+ transition-property:
+ background-color,
+ color,
+ -webkit-box-shadow;
+ transition-property: background-color, box-shadow, color;
+ transition-property:
+ background-color,
+ box-shadow,
+ color,
+ -webkit-box-shadow;
+ -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ vertical-align: middle;
+ z-index: 0;
+ -webkit-box-shadow:
+ inset 0 0 0 1px rgba(255, 255, 255, 0.7),
+ inset 0 0 0 2px rgba(0, 0, 0, 0),
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
+ box-shadow:
+ inset 0 0 0 1px rgba(255, 255, 255, 0.7),
+ inset 0 0 0 2px rgba(0, 0, 0, 0),
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ -webkit-box-shadow: inset 0 0 0 1px #fff;
+ box-shadow: inset 0 0 0 1px #fff;
+ box-shadow: inset 0 0 0 1px #fff;
}
@media only screen and (-ms-high-contrast: active) {
- .profile-badge__cta-btn--dark {
- border: 1px solid currentColor;
- line-height: 30px;
- }
+ .profile-badge__cta-btn--dark {
+ border: 1px solid currentColor;
+ line-height: 30px;
+ }
}
+
+
html.ie .profile-badge__cta-btn--dark:focus,
html.edge .profile-badge__cta-btn--dark:focus {
- outline: 1px dashed #7f7f7f;
+ outline: 1px dashed #7f7f7f;
}
.profile-badge__cta-btn--dark li-icon,
.profile-badge__cta-btn--dark i,
.profile-badge__cta-btn--dark li {
- top: 2px;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- height: 16px;
- left: 0;
- margin: -12px 0 0 -6px;
- padding: 0 6px 0 0;
- position: relative;
- width: 16px;
- }
-
- .profile-badge__cta-btn--dark li-icon > svg,
- .profile-badge__cta-btn--dark li > svg,
- .profile-badge__cta-btn--dark i > svg {
- -webkit-transition: -webkit-transform 167ms;
- transition: -webkit-transform 167ms;
- transition: transform 167ms;
- transition:
- transform 167ms,
- -webkit-transform 167ms;
- -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- display: inline-block;
- vertical-align: top;
+ top: 2px;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 16px;
+ left: 0;
+ margin: -12px 0 0 -6px;
+ padding: 0 6px 0 0;
+ position: relative;
+ width: 16px;
+ }
+
+ .profile-badge__cta-btn--dark li-icon>svg,
+ .profile-badge__cta-btn--dark li>svg,
+ .profile-badge__cta-btn--dark i>svg {
+ -webkit-transition: -webkit-transform 167ms;
+ transition: -webkit-transform 167ms;
+ transition: transform 167ms;
+ transition:
+ transform 167ms,
+ -webkit-transform 167ms;
+ -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ display: inline-block;
+ vertical-align: top;
}
.edge .profile-badge__cta-btn--dark,
.ie .profile-badge__cta-btn--dark {
- border-radius: 0;
+ border-radius: 0;
}
.profile-badge__cta-btn--dark:not(:disabled)[data-is-animating-click="true"],
- .profile-badge__cta-btn--dark:hover:not(
- :disabled
- )[data-is-animating-click="true"] {
- -webkit-box-shadow:
- inset 0 0 0 1px rgba(255, 255, 255, 0.7),
- inset 0 0 0 2px rgba(0, 0, 0, 0),
- inset 0 0 0 1px #fff;
- box-shadow:
- inset 0 0 0 1px rgba(255, 255, 255, 0.7),
- inset 0 0 0 2px rgba(0, 0, 0, 0),
- inset 0 0 0 1px #fff;
+ .profile-badge__cta-btn--dark:hover:not( :disabled)[data-is-animating-click="true"] {
+ -webkit-box-shadow:
+ inset 0 0 0 1px rgba(255, 255, 255, 0.7),
+ inset 0 0 0 2px rgba(0, 0, 0, 0),
+ inset 0 0 0 1px #fff;
+ box-shadow:
+ inset 0 0 0 1px rgba(255, 255, 255, 0.7),
+ inset 0 0 0 2px rgba(0, 0, 0, 0),
+ inset 0 0 0 1px #fff;
}
.profile-badge__cta-btn--dark:hover:not(:disabled):not(.disabled),
.profile-badge__cta-btn--dark.hover-not-disabled {
- background-color: rgba(255, 255, 255, 0.1);
- color: #fff;
- -webkit-box-shadow:
- inset 0 0 0 1px rgba(255, 255, 255, 0.7),
- inset 0 0 0 2px #fff,
- inset 0 0 0 1px rgba(0, 0, 0, 0);
- box-shadow:
- inset 0 0 0 1px rgba(255, 255, 255, 0.7),
- inset 0 0 0 2px #fff,
- inset 0 0 0 1px rgba(0, 0, 0, 0);
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #fff;
+ -webkit-box-shadow:
+ inset 0 0 0 1px rgba(255, 255, 255, 0.7),
+ inset 0 0 0 2px #fff,
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
+ box-shadow:
+ inset 0 0 0 1px rgba(255, 255, 255, 0.7),
+ inset 0 0 0 2px #fff,
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
}
.profile-badge__cta-btn--dark:focus,
.profile-badge__cta-btn--dark.focus {
- background-color: rgba(255, 255, 255, 0.1);
- color: #fff;
- -webkit-box-shadow:
- inset 0 0 0 1px rgba(255, 255, 255, 0.7),
- inset 0 0 0 2px #fff,
- inset 0 0 0 1px rgba(0, 0, 0, 0);
- box-shadow:
- inset 0 0 0 1px rgba(255, 255, 255, 0.7),
- inset 0 0 0 2px #fff,
- inset 0 0 0 1px rgba(0, 0, 0, 0);
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #fff;
+ -webkit-box-shadow:
+ inset 0 0 0 1px rgba(255, 255, 255, 0.7),
+ inset 0 0 0 2px #fff,
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
+ box-shadow:
+ inset 0 0 0 1px rgba(255, 255, 255, 0.7),
+ inset 0 0 0 2px #fff,
+ inset 0 0 0 1px rgba(0, 0, 0, 0);
}
.profile-badge__cta-btn--dark:active:not(:disabled):not(.disabled),
.profile-badge__cta-btn--dark.active-not-disabled {
- background-color: rgba(255, 255, 255, 0.1);
- color: #fff;
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #fff;
}
.profile-badge__cta-btn--dark:disabled,
.profile-badge__cta-btn--dark.disabled {
- color: rgba(255, 255, 255, 0.35);
- -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
- cursor: not-allowed;
+ color: rgba(255, 255, 255, 0.35);
+ -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
+ cursor: not-allowed;
}
.profile-badge__cta-btn--dark:visited,
.profile-badge__cta-btn--dark:visited:active,
.profile-badge__cta-btn--dark:visited:focus,
.profile-badge__cta-btn--dark:visited:hover {
- color: #fff;
+ color: #fff;
}
.profile-badge__cta-btn--dark:hover {
- color: #fff;
- text-decoration: none !important;
- }
-}
+ color: #fff;
+ text-decoration: none !important;
+ }
+
+
+ /** Profile Badge Photo **/
+ .artdeco-entity-image--circle-4 {
+ width: 56px;
+ height: 56px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background-clip: content-box;
+ border: 2px solid rgba(0, 0, 0, 0);
+ border-radius: 49.9%;
+ }
+
+ --color-button-container-primary: #0a66c2;
+ --color-button-container-primary-border: rgba(0, 0, 0, 0);
+ --color-button-container-primary-hover: #004182;
+ --color-button-container-primary-border-hover: #004182;
+ --color-button-container-secondary: rgba(0, 0, 0, 0);
+ --color-button-container-secondary-hover: rgba(0, 0, 0, 0.04);
+ --color-button-container-primary-border-active: rgba(0, 0, 0, 0);
+ --color-button-container-secondary-border-hover: rgba(0, 0, 0, 0.9);
+ --color-button-container-secondary-border-active: rgba(0, 0, 0, 0.9);
+ --color-button-container-primary-active: #004182;
+ --color-button-container-secondary-active: rgba(0, 0, 0, 0.08);
+ --color-button-container-tertiary: rgba(0, 0, 0, 0);
+ --color-button-container-tertiary-hover: rgba(0, 0, 0, 0.04);
+ --color-button-container-tertiary-active: rgba(0, 0, 0, 0.08);
+ --color-button-label-primary: #ffffff;
+ --color-button-label-primary-hover: #ffffff;
+ --color-button-label-primary-active: rgba(255, 255, 255, 0.6);
+ --color-button-icon-primary: #ffffff;
+ --color-button-icon-primary-hover: #ffffff;
+ --color-button-icon-primary-active: rgba(255, 255, 255, 0.6);
+ --color-button-container-tertiary-border: rgba(0, 0, 0, 0);
+ --color-button-container-tertiary-border-hover: rgba(0, 0, 0, 0.04);
+ --color-button-container-tertiary-border-active: rgba(0, 0, 0, 0);
+ --color-button-icon-secondary: rgba(0, 0, 0, 0.75);
+ --color-button-icon-tertiary-hover: rgba(0, 0, 0, 0.9);
+ --color-button-icon-tertiary-active: rgba(0, 0, 0, 0.9);
+ --color-button-icon-tertiary: rgba(0, 0, 0, 0.75);
+ --color-button-icon-secondary-hover: rgba(0, 0, 0, 0.9);
+ --color-button-icon-secondary-active: rgba(0, 0, 0, 0.9);
+ --color-button-label-secondary: rgba(0, 0, 0, 0.75);
+ --color-button-label-secondary-hover: rgba(0, 0, 0, 0.9);
+ --color-button-label-secondary-active: rgba(0, 0, 0, 0.9);
+ --color-button-label-tertiary: rgba(0, 0, 0, 0.75);
+ --color-button-label-tertiary-hover: rgba(0, 0, 0, 0.9);
+ --color-button-label-tertiary-active: rgba(0, 0, 0, 0.9);
+ --color-button-overlay-container: rgba(0, 0, 0, 0.75);
+ --color-button-overlay-container-hover: rgba(0, 0, 0, 0.9);
+ --color-button-overlay-container-active: rgba(0, 0, 0, 0.9);
+ --color-button-overlay-container-border: rgba(0, 0, 0, 0);
+ --color-button-overlay-container-border-hover: rgba(0, 0, 0, 0.9);
+ --color-button-overlay-container-border-active: rgba(0, 0, 0, 0);
+ --color-button-overlay-icon: #ffffff;
+ --color-button-overlay-icon-active: rgba(255, 255, 255, 0.6);
+ --color-button-overlay-icon-hover: #ffffff;
+ --color-button-container-secondary-border: rgba(0, 0, 0, 0.75);
+ --color-button-container-secondary-emphasis-border: #0a66c2;
+ --color-button-container-secondary-emphasis-border-hover: #004182;
+ --color-button-container-secondary-emphasis-border-active: #004182;
+ --color-button-container-secondary-emphasis: rgba(0, 0, 0, 0);
+ --color-button-container-secondary-emphasis-hover: rgba(112, 181, 249, 0.1);
+ --color-button-container-secondary-emphasis-active: rgba(112, 181, 249, 0.2);
+ --color-button-icon-secondary-emphasis: #0a66c2;
+ --color-button-icon-secondary-emphasis-hover: #004182;
+ --color-button-icon-secondary-emphasis-active: #004182;
+ --color-button-label-secondary-emphasis: #0a66c2;
+ --color-button-label-secondary-emphasis-hover: #004182;
+ --color-button-label-secondary-emphasis-active: #004182;
+ --color-button-container-tertiary-emphasis-border: rgba(0, 0, 0, 0);
+ --color-button-container-tertiary-emphasis-border-hover: rgba(112, 181, 249, 0.1);
+ --color-button-container-tertiary-emphasis-border-active: rgba(0, 0, 0, 0);
+ --color-button-container-tertiary-emphasis: rgba(0, 0, 0, 0);
+ --color-button-container-tertiary-emphasis-hover: rgba(112, 181, 249, 0.1);
+ --color-button-container-tertiary-emphasis-active: rgba(112, 181, 249, 0.2);
+ --color-button-icon-tertiary-emphasis: #0a66c2;
+ --color-button-icon-tertiary-emphasis-hover: #004182;
+ --color-button-icon-tertiary-emphasis-active: #004182;
+ --color-button-label-tertiary-emphasis: #0a66c2;
+ --color-button-label-tertiary-emphasis-hover: #004182;
+ --color-button-label-tertiary-emphasis-active: #004182;
+ --color-button-overlay-container-disabled: rgba(0, 0, 0, 0.08);
+ --color-button-overlay-container-border-disabled: rgba(0, 0, 0, 0);
+ --color-button-overlay-icon-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-container-primary-disabled: rgba(0, 0, 0, 0.08);
+ --color-button-container-primary-border-disabled: rgba(0, 0, 0, 0);
+ --color-button-icon-primary-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-label-primary-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-container-secondary-disabled: rgba(0, 0, 0, 0.08);
+ --color-button-container-secondary-border-disabled: rgba(0, 0, 0, 0);
+ --color-button-icon-secondary-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-label-secondary-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-container-secondary-emphasis-disabled: rgba(0, 0, 0, 0.08);
+ --color-button-container-secondary-emphasis-border-disabled: rgba(0, 0, 0, 0);
+ --color-button-icon-secondary-emphasis-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-label-secondary-emphasis-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-container-tertiary-disabled: rgba(0, 0, 0, 0.08);
+ --color-button-container-tertiary-border-disabled: rgba(0, 0, 0, 0);
+ --color-button-icon-tertiary-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-label-tertiary-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-container-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.08);
+ --color-button-container-tertiary-emphasis-border-disabled: rgba(0, 0, 0, 0);
+ --color-button-icon-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-label-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-overlay-label: #ffffff;
+ --color-button-overlay-label-hover: #ffffff;
+ --color-button-overlay-label-active: rgba(255, 255, 255, 0.6);
+ --color-button-overlay-label-disabled: rgba(0, 0, 0, 0.3);
+ --color-button-container-primary-loading: rgba(0, 0, 0, 0.08);
+ --color-button-container-secondary-loading: rgba(0, 0, 0, 0.08);
+ --color-button-container-secondary-emphasis-loading: rgba(0, 0, 0, 0.08);
+ --color-button-container-tertiary-loading: rgba(0, 0, 0, 0.08);
+ --color-button-container-tertiary-emphasis-loading: rgba(0, 0, 0, 0.08);
+ --color-button-overlay-container-loading: #e6e6e6;
+ --color-button-container-primary-border-loading: rgba(0, 0, 0, 0);
+ --color-button-container-secondary-border-loading: rgba(0, 0, 0, 0);
+ --color-button-container-secondary-emphasis-border-loading: rgba(0, 0, 0, 0);
+ --color-button-container-tertiary-border-loading: rgba(0, 0, 0, 0);
+ --color-button-container-tertiary-emphasis-border-loading: rgba(0, 0, 0, 0);
+ --color-button-overlay-container-border-loading: rgba(0, 0, 0, 0);
+ --color-button-label-primary-loading: rgba(0, 0, 0, 0.3);
+ --color-button-label-secondary-loading: rgba(0, 0, 0, 0.3);
+ --color-button-label-tertiary-loading: rgba(0, 0, 0, 0.3);
+ --color-button-label-secondary-emphasis-loading: rgba(0, 0, 0, 0.3);
+ --color-button-label-tertiary-emphasis-loading: rgba(0, 0, 0, 0.3);
+ --color-button-overlay-label-loading: rgba(0, 0, 0, 0.3);
+ --color-button-fab-container-loading: #e6e6e6;
+ --color-canvas: #f3f2f0;
+ --color-canvas-tint: #ffffff;
+ --color-canvas-mobile: #eae6df;
+ --color-container-primary: #0a66c2;
+ --color-container-primary-hover: #004182;
+ --color-container-primary-active: #004182;
+ --color-container-primary-disabled: rgba(0, 0, 0, 0.08);
+ --color-container-secondary: rgba(0, 0, 0, 0);
+ --color-container-secondary-hover: rgba(0, 0, 0, 0.04);
+ --color-container-secondary-active: rgba(0, 0, 0, 0.08);
+ --color-container-secondary-disabled: rgba(0, 0, 0, 0.08);
+ --color-container-tertiary: rgba(0, 0, 0, 0);
+ --color-container-tertiary-hover: rgba(0, 0, 0, 0.04);
+ --color-container-tertiary-active: rgba(0, 0, 0, 0.08);
+ --color-container-tertiary-disabled: rgba(0, 0, 0, 0.08);
+ --color-container-checked: #057642;
+ --color-container-checked-hover: #004d2a;
+ --color-container-checked-active: #004d2a;
+ --color-container-checked-disabled: rgba(0, 0, 0, 0.08);
+ --color-container-current: rgba(0, 0, 0, 0.9);
+ --color-container-current-hover: rgba(0, 0, 0, 0.9);
+ --color-container-current-active: rgba(0, 0, 0, 0.9);
+ --color-container-current-disabled: rgba(0, 0, 0, 0.08);
+ --color-container-alt-current: rgba(0, 0, 0, 0);
+ --color-container-alt-current-hover: rgba(0, 0, 0, 0.04);
+ --color-container-alt-current-active: rgba(0, 0, 0, 0.08);
+ --color-container-alt-current-disabled: rgba(0, 0, 0, 0.08);
+ --color-container-alert: #cf0007;
+ --color-container-new: #0a66c2;
+ --color-container-positive: #057642;
+ --color-container-positive-hover: #004d2a;
+ --color-container-positive-active: #004d2a;
+ --color-container-neutral: #56687a;
+ --color-container-neutral-hover: #38434f;
+ --color-container-neutral-active: #38434f;
+ --color-container-caution: #b93a04;
+ --color-container-caution-hover: #792603;
+ --color-container-caution-active: #792603;
+ --color-container-negative: #cf0007;
+ --color-container-negative-hover: #8a0005;
+ --color-container-negative-active: #8a0005;
+ --color-container-help: #8344cc;
+ --color-container-help-hover: #592099;
+ --color-container-help-active: #592099;
+ --color-container-brand: #0a66c2;
+ --color-container-brand-hover: #004182;
+ --color-container-brand-active: #004182;
+ --color-container-accent-1: #915907;
+ --color-container-accent-1-hover: #5c3b09;
+ --color-container-accent-1-active: #5c3b09;
+ --color-container-accent-2: #b24020;
+ --color-container-accent-2-hover: #762812;
+ --color-container-accent-2-active: #762812;
+ --color-container-accent-3: #616c20;
+ --color-container-accent-3-hover: #3f4618;
+ --color-container-accent-3-active: #3f4618;
+ --color-container-accent-4: #56687a;
+ --color-container-accent-4-hover: #38434f;
+ --color-container-accent-4-active: #38434f;
+ --color-container-accent-5: #1b707d;
+ --color-container-accent-5-hover: #114951;
+ --color-container-accent-5-active: #114951;
+ --color-container-accent-6: #8344cc;
+ --color-container-accent-6-hover: #592099;
+ --color-container-accent-6-active: #592099;
+ --color-container-accent-7: #a833a2;
+ --color-container-accent-7-hover: #711c6d;
+ --color-container-accent-7-active: #711c6d;
+ --color-container-primary-border: rgba(0, 0, 0, 0);
+ --color-container-primary-border-hover: #004182;
+ --color-container-primary-border-active: rgba(0, 0, 0, 0);
+ --color-container-primary-border-disabled: rgba(0, 0, 0, 0);
+ --color-container-secondary-border: rgba(0, 0, 0, 0.75);
+ --color-container-secondary-border-hover: rgba(0, 0, 0, 0.9);
+ --color-container-secondary-border-active: rgba(0, 0, 0, 0.9);
+ --color-container-secondary-border-disabled: rgba(0, 0, 0, 0);
+ --color-container-tertiary-border: rgba(0, 0, 0, 0);
+ --color-container-tertiary-border-hover: rgba(0, 0, 0, 0.04);
+ --color-container-tertiary-border-active: rgba(0, 0, 0, 0);
+ --color-container-tertiary-border-disabled: rgba(0, 0, 0, 0);
+ --color-container-border-checked: rgba(0, 0, 0, 0);
+ --color-container-border-checked-hover: #004d2a;
+ --color-container-border-checked-active: rgba(0, 0, 0, 0);
+ --color-container-border-checked-disabled: rgba(0, 0, 0, 0);
+ --color-container-border-current: rgba(0, 0, 0, 0);
+ --color-container-border-current-hover: rgba(0, 0, 0, 0.9);
+ --color-container-border-current-active: rgba(0, 0, 0, 0);
+ --color-container-border-current-disabled: rgba(0, 0, 0, 0);
+ --color-container-alt-border-current: rgba(0, 0, 0, 0);
+ --color-container-alt-border-current-hover: rgba(0, 0, 0, 0.04);
+ --color-container-alt-border-current-active: rgba(0, 0, 0, 0);
+ --color-container-alt-border-current-disabled: rgba(0, 0, 0, 0);
+ --color-container-alert-border: rgba(0, 0, 0, 0);
+ --color-container-new-border: rgba(0, 0, 0, 0);
+ --color-container-positive-border: rgba(0, 0, 0, 0);
+ --color-container-positive-border-hover: #004d2a;
+ --color-container-positive-border-active: rgba(0, 0, 0, 0);
+ --color-container-neutral-border: rgba(0, 0, 0, 0);
+ --color-container-neutral-border-hover: #38434f;
+ --color-container-neutral-border-active: rgba(0, 0, 0, 0);
+ --color-container-caution-border: rgba(0, 0, 0, 0);
+ --color-container-caution-border-hover: #792603;
+ --color-container-caution-border-active: rgba(0, 0, 0, 0);
+ --color-container-negative-border: rgba(0, 0, 0, 0);
+ --color-container-negative-border-hover: #8a0005;
+ --color-container-negative-border-active: rgba(0, 0, 0, 0);
+ --color-container-help-border: rgba(0, 0, 0, 0);
+ --color-container-help-border-hover: #592099;
+ --color-container-help-border-active: rgba(0, 0, 0, 0);
+ --color-container-brand-border: rgba(0, 0, 0, 0);
+ --color-container-brand-border-hover: #004182;
+ --color-container-brand-border-active: rgba(0, 0, 0, 0);
+ --color-container-accent-border-1: rgba(0, 0, 0, 0);
+ --color-container-accent-border-1-hover: #5c3b09;
+ --color-container-accent-border-1-active: rgba(0, 0, 0, 0);
+ --color-container-accent-border-2: rgba(0, 0, 0, 0);
+ --color-container-accent-border-2-hover: #762812;
+ --color-container-accent-border-2-active: rgba(0, 0, 0, 0);
+ --color-container-accent-border-3: rgba(0, 0, 0, 0);
+ --color-container-accent-border-3-hover: #3f4618;
+ --color-container-accent-border-3-active: rgba(0, 0, 0, 0);
+ --color-container-accent-border-4: rgba(0, 0, 0, 0);
+ --color-container-accent-border-4-hover: #38434f;
+ --color-container-accent-border-4-active: rgba(0, 0, 0, 0);
+ --color-container-accent-border-5: rgba(0, 0, 0, 0);
+ --color-container-accent-border-5-hover: #114951;
+ --color-container-accent-border-5-active: rgba(0, 0, 0, 0);
+ --color-container-accent-border-6: rgba(0, 0, 0, 0);
+ --color-container-accent-border-6-hover: #592099;
+ --color-container-accent-border-6-active: rgba(0, 0, 0, 0);
+ --color-container-accent-border-7: rgba(0, 0, 0, 0);
+ --color-container-accent-border-7-hover: #711c6d;
+ --color-container-accent-border-7-active: rgba(0, 0, 0, 0);
+ --color-divider: rgba(0, 0, 0, 0.08);
+ --color-divider-solid: #e6e6e6;
+ --color-icon: rgba(0, 0, 0, 0.6);
+ --color-icon-hover: rgba(0, 0, 0, 0.9);
+ --color-icon-active: rgba(0, 0, 0, 0.9);
+ --color-icon-disabled: rgba(0, 0, 0, 0.3);
+ --color-icon-current: rgba(0, 0, 0, 0.9);
+ --color-icon-current-hover: rgba(0, 0, 0, 0.9);
+ --color-icon-current-active: rgba(0, 0, 0, 0.9);
+ --color-icon-current-disabled: rgba(0, 0, 0, 0.3);
+ --color-icon-positive: #057642;
+ --color-icon-positive-hover: #004d2a;
+ --color-icon-positive-active: #004d2a;
+ --color-icon-neutral: #56687a;
+ --color-icon-neutral-hover: #38434f;
+ --color-icon-neutral-active: #38434f;
+ --color-icon-caution: #b93a04;
+ --color-icon-caution-hover: #792603;
+ --color-icon-caution-active: #792603;
+ --color-icon-negative: #cf0007;
+ --color-icon-negative-hover: #8a0005;
+ --color-icon-negative-active: #8a0005;
+ --color-icon-help: #8344cc;
+ --color-icon-help-hover: #592099;
+ --color-icon-help-active: #592099;
+ --color-icon-brand: #0a66c2;
+ --color-icon-brand-hover: #004182;
+ --color-icon-brand-active: #004182;
+ --color-icon-accent-1: #915907;
+ --color-icon-accent-1-hover: #5c3b09;
+ --color-icon-accent-1-active: #5c3b09;
+ --color-icon-accent-2: #b24020;
+ --color-icon-accent-2-hover: #762812;
+ --color-icon-accent-2-active: #762812;
+ --color-icon-accent-3: #616c20;
+ --color-icon-accent-3-hover: #3f4618;
+ --color-icon-accent-3-active: #3f4618;
+ --color-icon-accent-4: #56687a;
+ --color-icon-accent-4-hover: #38434f;
+ --color-icon-accent-4-active: #38434f;
+ --color-icon-accent-5: #1b707d;
+ --color-icon-accent-5-hover: #114951;
+ --color-icon-accent-5-active: #114951;
+ --color-icon-accent-6: #8344cc;
+ --color-icon-accent-6-hover: #592099;
+ --color-icon-accent-6-active: #592099;
+ --color-icon-accent-7: #a833a2;
+ --color-icon-accent-7-hover: #711c6d;
+ --color-icon-accent-7-active: #711c6d;
+ --color-attachment-icon: #ffffff;
+ --color-indicator-current: rgba(0, 0, 0, 0.9);
+ --color-indicator-current-hover: rgba(0, 0, 0, 0.9);
+ --color-indicator-current-active: rgba(0, 0, 0, 0.9);
+ --color-indicator-current-disabled: rgba(0, 0, 0, 0.3);
+ --color-indicator: rgba(0, 0, 0, 0.75);
+ --color-indicator-hover: rgba(0, 0, 0, 0.9);
+ --color-indicator-active: rgba(0, 0, 0, 0.9);
+ --color-indicator-disabled: rgba(0, 0, 0, 0.3);
+ --color-label: rgba(0, 0, 0, 0.75);
+ --color-label-hover: rgba(0, 0, 0, 0.9);
+ --color-label-active: rgba(0, 0, 0, 0.9);
+ --color-label-disabled: rgba(0, 0, 0, 0.3);
+ --color-label-checked: #ffffff;
+ --color-label-checked-hover: #ffffff;
+ --color-label-checked-active: rgba(255, 255, 255, 0.6);
+ --color-label-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-label-alt-checked: #057642;
+ --color-label-alt-checked-hover: #004d2a;
+ --color-label-alt-checked-active: #004d2a;
+ --color-label-alt-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-label-current: #ffffff;
+ --color-label-current-hover: #ffffff;
+ --color-label-current-active: rgba(255, 255, 255, 0.6);
+ --color-label-current-disabled: rgba(0, 0, 0, 0.3);
+ --color-label-alt-current: rgba(0, 0, 0, 0.9);
+ --color-label-alt-current-hover: rgba(0, 0, 0, 0.9);
+ --color-label-alt-current-active: rgba(0, 0, 0, 0.9);
+ --color-label-alt-current-disabled: rgba(0, 0, 0, 0.3);
+ --color-badge-label: #ffffff;
+ --color-attachment-label: #ffffff;
+ --color-link: #0a66c2;
+ --color-link-hover: #004182;
+ --color-link-active: #004182;
+ --color-link-visited: #8344cc;
+ --color-link-visited-hover: #592099;
+ --color-link-visited-active: #592099;
+ --color-logo-brand: #0a66c2;
+ --color-logo-brand-alt: #000000;
+ --color-logo-brand-lockup: #6e6558;
+ --color-logo-brand-lockup-alt: #000000;
+ --color-progress: #057642;
+ --color-progress-loading: #0a66c2;
+ --color-progress-disabled: #b0b0b0;
+ --color-scrim: rgba(0, 0, 0, 0.6);
+ --color-shadow: rgba(0, 0, 0, 0.3);
+ --color-surface: #ffffff;
+ --color-surface-tint: #f5f7f9;
+ --color-surface-new: rgba(112, 181, 249, 0.2);
+ --color-surface-new-hover: rgba(112, 181, 249, 0.2);
+ --color-surface-new-active: rgba(112, 181, 249, 0.4);
+ --color-surface-accent-1: #474139;
+ --color-surface-accent-2: #ffdfd6;
+ --color-surface-accent-3: #daebd1;
+ --color-surface-accent-4: #dde7f1;
+ --color-surface-accent-5: #d9e9ec;
+ --color-surface-accent-tint-1: #fdf6ec;
+ --color-surface-accent-tint-2: #fff5f2;
+ --color-surface-accent-tint-3: #eefbe7;
+ --color-surface-accent-tint-4: #f1f8ff;
+ --color-surface-accent-tint-5: #f1f8fa;
+ --color-surface-accent-6: #ebe3f3;
+ --color-surface-accent-tint-6: #faf5ff;
+ --color-surface-accent-7: #f3e1f2;
+ --color-surface-accent-tint-7: #fff4fe;
+ --color-surface-border: rgba(0, 0, 0, 0.08);
+ --color-text: rgba(0, 0, 0, 0.9);
+ --color-text-hover: rgba(0, 0, 0, 0.9);
+ --color-text-active: rgba(0, 0, 0, 0.9);
+ --color-text-secondary: rgba(0, 0, 0, 0.6);
+ --color-text-secondary-hover: rgba(0, 0, 0, 0.9);
+ --color-text-secondary-active: rgba(0, 0, 0, 0.9);
+ --color-text-disabled: rgba(0, 0, 0, 0.3);
+ --color-text-solid: #1f1f1f;
+ --color-text-solid-hover: #1f1f1f;
+ --color-text-solid-active: #1f1f1f;
+ --color-text-solid-secondary: #666666;
+ --color-text-solid-secondary-hover: #1f1f1f;
+ --color-text-solid-secondary-active: #1f1f1f;
+ --color-text-solid-disabled: #b0b0b0;
+ --color-text-positive: #057642;
+ --color-text-positive-hover: #004d2a;
+ --color-text-positive-active: #004d2a;
+ --color-text-neutral: #56687a;
+ --color-text-neutral-hover: #38434f;
+ --color-text-neutral-active: #38434f;
+ --color-text-caution: #b93a04;
+ --color-text-caution-hover: #792603;
+ --color-text-caution-active: #792603;
+ --color-text-negative: #cf0007;
+ --color-text-negative-hover: #8a0005;
+ --color-text-negative-active: #8a0005;
+ --color-text-help: #8344cc;
+ --color-text-help-hover: #592099;
+ --color-text-help-active: #592099;
+ --color-text-brand: #0a66c2;
+ --color-text-brand-hover: #004182;
+ --color-text-brand-active: #004182;
+ --color-text-accent-1: #915907;
+ --color-text-accent-1-hover: #5c3b09;
+ --color-text-accent-1-active: #5c3b09;
+ --color-text-accent-2: #b24020;
+ --color-text-accent-2-hover: #762812;
+ --color-text-accent-2-active: #762812;
+ --color-text-accent-3: #616c20;
+ --color-text-accent-3-hover: #3f4618;
+ --color-text-accent-3-active: #3f4618;
+ --color-text-accent-4: #56687a;
+ --color-text-accent-4-hover: #38434f;
+ --color-text-accent-4-active: #38434f;
+ --color-text-accent-5: #1b707d;
+ --color-text-accent-5-hover: #114951;
+ --color-text-accent-5-active: #114951;
+ --color-text-accent-6: #8344cc;
+ --color-text-accent-6-hover: #592099;
+ --color-text-accent-6-active: #592099;
+ --color-text-accent-7: #a833a2;
+ --color-text-accent-7-hover: #711c6d;
+ --color-text-accent-7-active: #711c6d;
+ --color-text-highlight: #fde2bc;
+ --color-text-blockquote-border: rgba(0, 0, 0, 0.3);
+ --color-track: rgba(0, 0, 0, 0.6);
+ --color-track-disabled: rgba(0, 0, 0, 0.3);
+ --color-action: #0a66c2;
+ --color-action-active: #004182;
+ --color-background-brand-accent-1: #fde2bc;
+ --color-background-brand-accent-2: #fbe1d9;
+ --color-background-brand-accent-3: #daebd1;
+ --color-background-brand-accent-4: #dde7f1;
+ --color-background-brand-accent-5: #eae6df;
+ --color-background-container: #ffffff;
+ --color-background-container-tint: #f5f7f9;
+ --color-background-faint: rgba(0, 0, 0, 0.08);
+ --color-background-container-dark-tint: #23292f;
+ --color-background-canvas: #f3f2f0;
+ --color-background-canvas-mobile: #eae6df;
+ --color-background-canvas-tint: #ffffff;
+ --color-background-canvas-dark: #000000;
+ --color-background-scrim: rgba(0, 0, 0, 0.6);
+ --color-background-scrim-dark: rgba(0, 0, 0, 0.9);
+ --color-background-new: rgba(112, 181, 249, 0.2);
+ --color-background-on-dark-disabled: rgba(255, 255, 255, 0.12);
+ --color-background-none: rgba(0, 0, 0, 0);
+ --color-background-none-active: rgba(0, 0, 0, 0.08);
+ --color-background-none-action-active: rgba(112, 181, 249, 0.2);
+ --color-background-none-tint-hover: rgba(0, 0, 0, 0.08);
+ --color-border: rgba(0, 0, 0, 0.6);
+ --color-border-faint: rgba(0, 0, 0, 0.08);
+ --color-border-low-emphasis: rgba(0, 0, 0, 0.3);
+ --color-border-on-dark: rgba(255, 255, 255, 0.9);
+ --color-border-active: rgba(0, 0, 0, 0.9);
+ --color-brand: #0a66c2;
+ --color-brand-accent-1: #915907;
+ --color-brand-accent-2: #8f5849;
+ --color-brand-accent-3: #5a6b51;
+ --color-brand-accent-4: #56687a;
+ --color-brand-accent-5: #6e6558;
+ --color-brand-accent-1-on-dark: #f8c77e;
+ --color-brand-accent-2-on-dark: #f2c5b8;
+ --color-brand-accent-3-on-dark: #bdd7b0;
+ --color-brand-accent-4-on-dark: #c0d1e2;
+ --color-brand-accent-5-on-dark: #d6cec2;
+ --color-brand-alt: #000000;
+ --color-checked: #057642;
+ --color-checked-offset: #13a05f;
+ --color-checked-active: #004d2a;
+ --color-element: rgba(0, 0, 0, 0.9);
+ --color-element-low-emphasis: rgba(0, 0, 0, 0.6);
+ --color-element-shift-on-dark-flip: #ffffff;
+ --color-entity-ghost-background: #eae6df;
+ --color-icon-nav: rgba(0, 0, 0, 0.45);
+ --color-icon-nav-selected: rgba(0, 0, 0, 0.9);
+ --color-icon-on-dark: rgba(255, 255, 255, 0.9);
+ --color-icon-on-dark-flip: rgba(255, 255, 255, 0.9);
+ --color-signal-negative: #cf0007;
+ --color-signal-negative-active: #8a0005;
+ --color-signal-positive: #057642;
+ --color-signal-positive-active: #004d2a;
+ --color-signal-neutral: #56687a;
+ --color-signal-neutral-active: #38434f;
+ --color-signal-caution: #b93a04;
+ --color-signal-caution-active: #792603;
+ --color-text-low-emphasis: rgba(0, 0, 0, 0.6);
+ --color-text-low-emphasis-on-dark: rgba(255, 255, 255, 0.6);
+ --color-text-on-dark: rgba(255, 255, 255, 0.9);
+ --color-text-on-dark-disabled: rgba(255, 255, 255, 0.4);
+ --color-text-shift-on-dark-flip: #ffffff;
+ --premium-color-inbug: #c37d16;
+ --reactions-color-text-like: #0a66c2;
+ --reactions-color-text-like-on-dark: #a8d4ff;
+ --reactions-color-text-celebrate: #44712e;
+ --reactions-color-text-celebrate-on-dark: #a5df89;
+ --reactions-color-text-support: #715e86;
+ --reactions-color-text-support-on-dark: #d7cae7;
+ --reactions-color-text-love: #b24020;
+ --reactions-color-text-love-on-dark: #fdc2b1;
+ --reactions-color-text-insightful: #915907;
+ --reactions-color-text-insightful-on-dark: #f8c77e;
+ --reactions-color-text-curious: #80597e;
+ --reactions-color-text-curious-on-dark: #e5c6e3;
+ --color-data-categorical-1: #378fe9;
+ --color-data-categorical-2: #114951;
+ --color-data-categorical-3: #e16745;
+ --color-data-categorical-4: #474139;
+ --color-data-categorical-5: #85942f;
+ --color-data-categorical-6: #004182;
+ --color-data-categorical-7: #c37d16;
+ --color-data-categorical-8: #711c6d;
+ --color-data-sequential-a-1: #f5f7f9;
+ --color-data-sequential-a-2: #edf3f8;
+ --color-data-sequential-a-3: #dde7f1;
+ --color-data-sequential-a-4: #c0d1e2;
+ --color-data-sequential-a-5: #9db3c8;
+ --color-data-sequential-a-6: #788fa5;
+ --color-data-sequential-a-7: #56687a;
+ --color-data-sequential-a-8: #38434f;
+ --color-data-divergent-scale-a-1: #fdf6ec;
+ --color-data-divergent-scale-a-2: #fdf0de;
+ --color-data-divergent-scale-a-3: #fde2bc;
+ --color-data-divergent-scale-a-4: #f8c77e;
+ --color-data-divergent-scale-a-5: #e7a33e;
+ --color-data-divergent-scale-a-6: #c37d16;
+ --color-data-divergent-scale-a-7: #915907;
+ --color-data-divergent-scale-a-8: #5c3b09;
+ --color-data-sequential-b-1: #faf5ff;
+ --color-data-sequential-b-2: #f7efff;
+ --color-data-sequential-b-3: #efe0ff;
+ --color-data-sequential-b-4: #dec5fd;
+ --color-data-sequential-b-5: #c79ef7;
+ --color-data-sequential-b-6: #a872e8;
+ --color-data-sequential-b-7: #8344cc;
+ --color-data-sequential-b-8: #592099;
+ --color-data-sequential-c-1: #f1f8ff;
+ --color-data-sequential-c-2: #e8f3ff;
+ --color-data-sequential-c-3: #d2e9ff;
+ --color-data-sequential-c-4: #a8d4ff;
+ --color-data-sequential-c-5: #70b5f9;
+ --color-data-sequential-c-6: #378fe9;
+ --color-data-sequential-c-7: #0a66c2;
+ --color-data-sequential-c-8: #004182;
+ --color-data-sequential-d-1: #fdf6ec;
+ --color-data-sequential-d-2: #fdf0de;
+ --color-data-sequential-d-3: #fde2bc;
+ --color-data-sequential-d-4: #f8c77e;
+ --color-data-sequential-d-5: #e7a33e;
+ --color-data-sequential-d-6: #c37d16;
+ --color-data-sequential-d-7: #915907;
+ --color-data-sequential-d-8: #5c3b09;
+ --color-data-divergent-scale-b-1: #faf5ff;
+ --color-data-divergent-scale-b-2: #f7efff;
+ --color-data-divergent-scale-b-3: #efe0ff;
+ --color-data-divergent-scale-b-4: #dec5fd;
+ --color-data-divergent-scale-b-5: #c79ef7;
+ --color-data-divergent-scale-b-6: #a872e8;
+ --color-data-divergent-scale-b-7: #8344cc;
+ --color-data-divergent-scale-b-8: #592099;
+ --color-data-divergent-status-a-1: #fff5f2;
+ --color-data-divergent-status-a-2: #ffefea;
+ --color-data-divergent-status-a-3: #ffdfd6;
+ --color-data-divergent-status-a-4: #fdc2b1;
+ --color-data-divergent-status-a-5: #f5987e;
+ --color-data-divergent-status-a-6: #e16745;
+ --color-data-divergent-status-a-7: #b24020;
+ --color-data-divergent-status-a-8: #762812;
+ --color-data-divergent-status-b-1: #f1f8ff;
+ --color-data-divergent-status-b-2: #e8f3ff;
+ --color-data-divergent-status-b-3: #d2e9ff;
+ --color-data-divergent-status-b-4: #a8d4ff;
+ --color-data-divergent-status-b-5: #70b5f9;
+ --color-data-divergent-status-b-6: #378fe9;
+ --color-data-divergent-status-b-7: #0a66c2;
+ --color-data-divergent-status-b-8: #004182;
+ --color-data-benchmark: rgba(0, 0, 0, 0.9);
+ --color-data-benchmark-disabled: rgba(0, 0, 0, 0.3);
+ --color-data-container: rgba(0, 0, 0, 0.08);
+ --color-data-container-positive: #057642;
+ --color-data-container-neutral: #56687a;
+ --color-data-container-caution: #b93a04;
+ --color-data-container-negative: #cf0007;
+ --color-data-container-accent-1: #fde2bc;
+ --color-data-container-accent-2: #ffdfd6;
+ --color-data-container-accent-3: #daebd1;
+ --color-data-container-accent-4: #dde7f1;
+ --color-data-container-accent-5: #c1edf4;
+ --color-data-container-accent-6: #efe0ff;
+ --color-data-container-accent-7: #fcddfb;
+ --color-data-container-disabled: rgba(0, 0, 0, 0.08);
+ --color-data-icon: rgba(0, 0, 0, 0.75);
+ --color-data-icon-positive: #057642;
+ --color-data-icon-neutral: #56687a;
+ --color-data-icon-caution: #b93a04;
+ --color-data-icon-negative: #cf0007;
+ --color-data-icon-accent-1: #915907;
+ --color-data-icon-accent-2: #b24020;
+ --color-data-icon-accent-3: #616c20;
+ --color-data-icon-accent-4: #56687a;
+ --color-data-icon-accent-5: #1b707d;
+ --color-data-icon-accent-6: #8344cc;
+ --color-data-icon-accent-7: #a833a2;
+ --color-data-icon-disabled: rgba(0, 0, 0, 0.3);
+ --color-data-label: rgba(0, 0, 0, 0.9);
+ --color-data-label-positive: #ffffff;
+ --color-data-label-neutral: #ffffff;
+ --color-data-label-caution: #ffffff;
+ --color-data-label-negative: #ffffff;
+ --color-data-label-disabled: rgba(0, 0, 0, 0.3);
+ --color-data-progress-positive: #057642;
+ --color-data-progress-neutral: #56687a;
+ --color-data-progress-caution: #b93a04;
+ --color-data-progress-negative: #cf0007;
+ --color-data-progress-accent-1: #915907;
+ --color-data-progress-accent-2: #b24020;
+ --color-data-progress-accent-3: #616c20;
+ --color-data-progress-accent-4: #56687a;
+ --color-data-progress-accent-5: #1b707d;
+ --color-data-progress-accent-6: #8344cc;
+ --color-data-progress-accent-7: #a833a2;
+ --color-data-progress-disabled: #b0b0b0;
+ --color-data-track: rgba(0, 0, 0, 0.6);
+ --color-data-track-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-benchmark: rgba(0, 0, 0, 0.9);
+ --color-input-benchmark-disabled: #b0b0b0;
+ --color-input-container: rgba(0, 0, 0, 0);
+ --color-input-container-hover: rgba(0, 0, 0, 0.04);
+ --color-input-container-active: rgba(0, 0, 0, 0.08);
+ --color-input-container-disabled: rgba(0, 0, 0, 0.08);
+ --color-input-switch-ios-container: rgba(0, 0, 0, 0.75);
+ --color-input-switch-ios-container-active: rgba(0, 0, 0, 0.9);
+ --color-input-switch-ios-container-disabled: rgba(0, 0, 0, 0.08);
+ --color-input-android-container-disabled: rgba(0, 0, 0, 0);
+ --color-input-date-container: rgba(0, 0, 0, 0);
+ --color-input-date-container-hover: rgba(0, 0, 0, 0.04);
+ --color-input-date-container-active: rgba(0, 0, 0, 0.08);
+ --color-input-date-container-disabled: rgba(0, 0, 0, 0);
+ --color-input-date-container-range: #b6f3d7;
+ --color-input-container-border: rgba(0, 0, 0, 0.75);
+ --color-input-container-border-hover: rgba(0, 0, 0, 0.9);
+ --color-input-container-border-active: rgba(0, 0, 0, 0.9);
+ --color-input-container-border-disabled: rgba(0, 0, 0, 0);
+ --color-input-switch-ios-container-border: rgba(0, 0, 0, 0);
+ --color-input-switch-ios-container-border-active: rgba(0, 0, 0, 0);
+ --color-input-switch-ios-container-border-disabled: rgba(0, 0, 0, 0);
+ --color-input-android-container-border-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-date-container-border: rgba(0, 0, 0, 0);
+ --color-input-date-container-border-hover: rgba(0, 0, 0, 0.04);
+ --color-input-date-container-border-active: rgba(0, 0, 0, 0);
+ --color-input-date-container-border-disabled: rgba(0, 0, 0, 0);
+ --color-input-container-checked: #057642;
+ --color-input-container-checked-hover: #004d2a;
+ --color-input-container-checked-active: #004d2a;
+ --color-input-container-checked-disabled: rgba(0, 0, 0, 0.08);
+ --color-input-switch-ios-container-checked: #057642;
+ --color-input-switch-ios-container-checked-active: #004d2a;
+ --color-input-switch-ios-container-checked-disabled: rgba(0, 0, 0, 0.08);
+ --color-input-android-container-checked: #13a05f;
+ --color-input-date-container-checked: #057642;
+ --color-input-date-container-checked-hover: #004d2a;
+ --color-input-date-container-checked-active: #004d2a;
+ --color-input-date-container-checked-disabled: rgba(0, 0, 0, 0.08);
+ --color-input-date-container-opposite-checked: rgba(0, 0, 0, 0);
+ --color-input-date-container-opposite-checked-hover: rgba(0, 0, 0, 0.04);
+ --color-input-date-container-opposite-checked-active: rgba(0, 0, 0, 0.08);
+ --color-input-date-container-opposite-checked-disabled: rgba(0, 0, 0, 0);
+ --color-input-container-border-checked: rgba(0, 0, 0, 0);
+ --color-input-container-border-checked-hover: #004d2a;
+ --color-input-container-border-checked-active: rgba(0, 0, 0, 0);
+ --color-input-container-border-checked-disabled: rgba(0, 0, 0, 0);
+ --color-input-switch-ios-container-border-checked: rgba(0, 0, 0, 0);
+ --color-input-switch-ios-container-border-checked-active: rgba(0, 0, 0, 0);
+ --color-input-switch-ios-container-border-checked-disabled: rgba(0, 0, 0, 0);
+ --color-input-date-container-border-checked: rgba(0, 0, 0, 0);
+ --color-input-date-container-border-checked-hover: #004d2a;
+ --color-input-date-container-border-checked-active: rgba(0, 0, 0, 0);
+ --color-input-date-container-border-checked-disabled: rgba(0, 0, 0, 0);
+ --color-input-date-container-opposite-border-checked: #057642;
+ --color-input-date-container-opposite-border-checked-hover: #004d2a;
+ --color-input-date-container-opposite-border-checked-active: #004d2a;
+ --color-input-date-container-opposite-border-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-container-error: rgba(0, 0, 0, 0);
+ --color-input-container-error-hover: rgba(0, 0, 0, 0.04);
+ --color-input-container-error-active: rgba(0, 0, 0, 0.08);
+ --color-input-container-error-disabled: rgba(0, 0, 0, 0.08);
+ --color-input-container-border-error: #cf0007;
+ --color-input-container-border-error-hover: #8a0005;
+ --color-input-container-border-error-active: #8a0005;
+ --color-input-container-border-error-disabled: rgba(0, 0, 0, 0);
+ --color-input-handle: #057642;
+ --color-input-handle-hover: #004d2a;
+ --color-input-handle-active: #004d2a;
+ --color-input-handle-disabled: #cfcfcf;
+ --color-input-handle-border: rgba(0, 0, 0, 0);
+ --color-input-handle-border-hover: #004d2a;
+ --color-input-handle-border-active: rgba(0, 0, 0, 0);
+ --color-input-handle-border-disabled: rgba(0, 0, 0, 0);
+ --color-input-helper: rgba(0, 0, 0, 0.6);
+ --color-input-helper-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-helper-error: #cf0007;
+ --color-input-helper-error-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-hint: rgba(0, 0, 0, 0.6);
+ --color-input-hint-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-icon: rgba(0, 0, 0, 0.75);
+ --color-input-icon-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-icon-error: #cf0007;
+ --color-input-icon-error-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-indicator: rgba(0, 0, 0, 0.75);
+ --color-input-indicator-hover: rgba(0, 0, 0, 0.9);
+ --color-input-indicator-active: rgba(0, 0, 0, 0.9);
+ --color-input-indicator-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-switch-ios-indicator: #ffffff;
+ --color-input-switch-ios-indicator-active: rgba(255, 255, 255, 0.6);
+ --color-input-switch-ios-indicator-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-android-indicator: #424242;
+ --color-input-android-indicator-disabled: #b0b0b0;
+ --color-input-indicator-checked: #ffffff;
+ --color-input-indicator-checked-hover: #ffffff;
+ --color-input-indicator-checked-active: rgba(255, 255, 255, 0.6);
+ --color-input-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-switch-ios-indicator-checked: #ffffff;
+ --color-input-switch-ios-indicator-checked-active: rgba(255, 255, 255, 0.6);
+ --color-input-switch-ios-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-android-indicator-checked: #057642;
+ --color-input-android-indicator-checked-disabled: #b0b0b0;
+ --color-input-label: rgba(0, 0, 0, 0.75);
+ --color-input-label-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-label-axis: rgba(0, 0, 0, 0.6);
+ --color-input-label-axis-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-date-label: rgba(0, 0, 0, 0.75);
+ --color-input-date-label-hover: rgba(0, 0, 0, 0.9);
+ --color-input-label-hover: rgba(0, 0, 0, 0.9);
+ --color-input-date-label-active: rgba(0, 0, 0, 0.9);
+ --color-input-label-active: rgba(0, 0, 0, 0.9);
+ --color-input-date-label-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-label-checked: #ffffff;
+ --color-input-label-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-date-label-checked: #ffffff;
+ --color-input-date-label-checked-hover: #ffffff;
+ --color-input-label-checked-hover: #ffffff;
+ --color-input-date-label-checked-active: rgba(255, 255, 255, 0.6);
+ --color-input-label-checked-active: rgba(255, 255, 255, 0.6);
+ --color-input-date-label-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-date-label-opposite-checked: rgba(0, 0, 0, 0.75);
+ --color-input-date-label-opposite-checked-hover: rgba(0, 0, 0, 0.9);
+ --color-input-date-label-opposite-checked-active: rgba(0, 0, 0, 0.9);
+ --color-input-date-label-opposite-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-label-error: #cf0007;
+ --color-input-label-error-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-progress: #057642;
+ --color-input-progress-disabled: #b0b0b0;
+ --color-input-track: rgba(0, 0, 0, 0.6);
+ --color-input-track-disabled: rgba(0, 0, 0, 0.3);
+ --color-input-value: rgba(0, 0, 0, 0.9);
+ --color-input-value-disabled: rgba(0, 0, 0, 0.3);
+ --color-pill-container: rgba(0, 0, 0, 0);
+ --color-pill-container-hover: rgba(0, 0, 0, 0.04);
+ --color-pill-container-active: rgba(0, 0, 0, 0.08);
+ --color-pill-container-disabled: rgba(0, 0, 0, 0.08);
+ --color-pill-container-count: #ffffff;
+ --color-pill-container-count-hover: #ffffff;
+ --color-pill-container-count-active: rgba(255, 255, 255, 0.6);
+ --color-pill-container-count-disabled: rgba(0, 0, 0, 0.08);
+ --color-pill-container-border: rgba(0, 0, 0, 0.3);
+ --color-pill-container-border-hover: rgba(0, 0, 0, 0.45);
+ --color-pill-container-border-active: rgba(0, 0, 0, 0.45);
+ --color-pill-container-border-disabled: rgba(0, 0, 0, 0);
+ --color-pill-container-checked: #057642;
+ --color-pill-container-checked-hover: #004d2a;
+ --color-pill-container-checked-active: #004d2a;
+ --color-pill-container-checked-disabled: rgba(0, 0, 0, 0.08);
+ --color-pill-input-entity-container-checked: rgba(0, 0, 0, 0.08);
+ --color-pill-input-entity-container-checked-hover: rgba(0, 0, 0, 0.12);
+ --color-pill-input-entity-container-checked-active: rgba(0, 0, 0, 0.16);
+ --color-pill-input-entity-container-checked-disabled: rgba(0, 0, 0, 0.08);
+ --color-pill-container-border-checked: rgba(0, 0, 0, 0);
+ --color-pill-container-border-checked-hover: #004d2a;
+ --color-pill-container-border-checked-active: rgba(0, 0, 0, 0);
+ --color-pill-container-border-checked-disabled: rgba(0, 0, 0, 0);
+ --color-pill-input-entity-container-border-checked: rgba(0, 0, 0, 0);
+ --color-pill-input-entity-container-border-checked-hover: rgba(0, 0, 0, 0.12);
+ --color-pill-input-entity-container-border-checked-active: rgba(0, 0, 0, 0);
+ --color-pill-input-entity-container-border-checked-disabled: rgba(0, 0, 0, 0);
+ --color-pill-icon: rgba(0, 0, 0, 0.75);
+ --color-pill-icon-hover: rgba(0, 0, 0, 0.9);
+ --color-pill-icon-active: rgba(0, 0, 0, 0.9);
+ --color-pill-icon-disabled: rgba(0, 0, 0, 0.3);
+ --color-pill-icon-checked: #ffffff;
+ --color-pill-icon-checked-hover: #ffffff;
+ --color-pill-icon-checked-active: rgba(255, 255, 255, 0.6);
+ --color-pill-icon-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-pill-input-entity-icon-checked: rgba(0, 0, 0, 0.75);
+ --color-pill-input-entity-icon-checked-hover: rgba(0, 0, 0, 0.9);
+ --color-pill-input-entity-icon-checked-active: rgba(0, 0, 0, 0.9);
+ --color-pill-input-entity-icon-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-pill-indicator-checked: #ffffff;
+ --color-pill-indicator-checked-hover: #ffffff;
+ --color-pill-indicator-checked-active: rgba(255, 255, 255, 0.6);
+ --color-pill-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-pill-label-count: rgba(0, 0, 0, 0.9);
+ --color-pill-label-count-hover: rgba(0, 0, 0, 0.9);
+ --color-pill-label-count-active: rgba(0, 0, 0, 0.9);
+ --color-pill-label-count-disabled: rgba(0, 0, 0, 0.3);
+ --color-pill-label: rgba(0, 0, 0, 0.75);
+ --color-pill-label-hover: rgba(0, 0, 0, 0.9);
+ --color-pill-label-active: rgba(0, 0, 0, 0.9);
+ --color-pill-label-disabled: rgba(0, 0, 0, 0.3);
+ --color-pill-label-checked: #ffffff;
+ --color-pill-label-checked-hover: #ffffff;
+ --color-pill-label-checked-active: rgba(255, 255, 255, 0.6);
+ --color-pill-label-checked-disabled: rgba(0, 0, 0, 0.3);
+ --color-pill-input-entity-label-checked: rgba(0, 0, 0, 0.75);
+ --color-pill-input-entity-label-checked-hover: rgba(0, 0, 0, 0.9);
+ --color-pill-input-entity-label-checked-active: rgba(0, 0, 0, 0.9);
+ --color-pill-input-entity-label-checked-disabled: rgba(0, 0, 0, 0.3);
+ --icon-input-indicator-checked: url('data:image/svg+xml;utf8,');
+ --icon-input-indicator-checked-hover: url('data:image/svg+xml;utf8,');
+ --icon-input-indicator-checked-active: url('data:image/svg+xml;utf8,');
+ --icon-input-indicator-checked-disabled: url('data:image/svg+xml;utf8,');
+ --icon-caret-default: url('data:image/svg+xml;utf8,');
+ --icon-caret-active: url('data:image/svg+xml;utf8,');
+ --icon-caret-disabled: url('data:image/svg+xml;utf8,');
+ --mobile-nav-height: 48px;
+ font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Fira Sans",Ubuntu,Oxygen,"Oxygen Sans",Cantarell,"Droid Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Emoji","Segoe UI Symbol","Lucida Grande",Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #fff;
+ box-sizing: border-box;
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+}
\ No newline at end of file
diff --git a/src/style.min.css b/src/style.min.css
index 2c747ba..23b06f1 100644
--- a/src/style.min.css
+++ b/src/style.min.css
@@ -1,5 +1 @@
-div.profile-badge-reacted{transition:all .3s ease-in-out;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%}.profile-badge--width-300{width:300px}.profile-badge--width-330{width:330px}.profile-badge--width-360{width:360px}.artdeco-entity-image--ghost{background-color:#b3b6b9}.artdeco-entity-image--square-4{width:56px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box;background-clip:content-box;border:4px solid transparent;border-radius:6px}.profile-badge--light{background-color:#fff;color:#000}.profile-badge--dark{background-color:#000;color:#fff}.profile-badge__cta-btn--light:visited,div.profile-badge-reacted .profile-badge__cta-btn--light:visited:active,div.profile-badge-reacted .profile-badge__cta-btn--light:visited:focus,div.profile-badge-reacted .profile-badge__cta-btn--light:visited:hover{color:#0a66c2}.profile-badge{background-color:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 -1px 1px rgba(0,0,0,.08),1px 0 1px rgba(0,0,0,.08),-1px 0 1px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.08);box-shadow:0 -1px 1px rgba(0,0,0,.08),1px 0 1px rgba(0,0,0,.08),-1px 0 1px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.08);padding:0}.profile-badge--dark{background-color:#000}.profile-badge--light{background-color:#fff}.profile-badge__content-profile-image{margin:12px 0 8px;transition:all .3s ease-in-out}.profile-badge__content-profile-name{padding:0 0 4px;color:inherit}.profile-badge__content-profile-name-link{font-size:1.6rem;line-height:1.5;font-weight:600;color:rgba(0,0,0,.9);color:inherit}.profile-badge__content-profile-name-link--dark:active,.profile-badge__content-profile-name-link--dark:focus,.profile-badge__content-profile-name-link--dark:hover{color:#fff}.profile-badge__content-profile-name-link--dark:visited,.profile-badge__content-profile-name-link--dark:visited:active,.profile-badge__content-profile-name-link--dark:visited:focus,.profile-badge__content-profile-name-link--dark:visited:hover{color:#fff}.profile-badge__content-profile-name-link--light:active,.profile-badge__content-profile-name-link--light:focus,.profile-badge__content-profile-name-link--light:hover{color:#000}.profile-badge__content-profile-name-link--light:visited,.profile-badge__content-profile-name-link--light:visited:active,.profile-badge__content-profile-name-link--light:visited:focus,.profile-badge__content-profile-name-link--light:visited:hover{color:#000}.profile-badge__content-profile-headline{padding:0 0 4px;font-size:1.4rem;line-height:1.42857;font-weight:400;color:rgba(0,0,0,.9);color:inherit}.profile-badge__content-profile-company-school-info{padding:0 0 4px;font-size:1.2rem;line-height:1.33333;font-weight:400;color:rgba(0,0,0,.6);color:inherit}.profile-badge__content-profile-company-school-info-link{font-size:1.2rem;line-height:1.33333;font-weight:400;color:rgba(0,0,0,.6);color:inherit}.profile-badge__content-profile-company-school-info-link--dark:active,.profile-badge__content-profile-company-school-info-link--dark:focus,.profile-badge__content-profile-company-school-info-link--dark:hover{color:#fff}.profile-badge__content-profile-company-school-info-link--dark:visited,.profile-badge__content-profile-company-school-info-link--dark:visited:active,.profile-badge__content-profile-company-school-info-link--dark:visited:focus,.profile-badge__content-profile-company-school-info-link--dark:visited:hover{color:#fff}.profile-badge__content-profile-company-school-info-link--light:active,.profile-badge__content-profile-company-school-info-link--light:focus,.profile-badge__content-profile-company-school-info-link--light:hover{color:#000}.profile-badge__content-profile-company-school-info-link--light:visited,.profile-badge__content-profile-company-school-info-link--light:visited:active,.profile-badge__content-profile-company-school-info-link--light:visited:focus,.profile-badge__content-profile-company-school-info-link--light:visited:hover{color:#000}.profile-badge__header{padding:12px 16px}.profile-badge__header--light{background-color:#e9e5df}.profile-badge__header--dark{background-color:#38434f}.profile-badge__header-logo-icon{width:84px;height:21px;display:inline-block}.profile-badge__header-logo-icon--light{color:#0a66c2}.profile-badge__header-logo-icon--dark{color:#fff}.profile-badge__content{padding:0 16px}.profile-badge__content-profile-image{margin:12px 0 8px}.profile-badge__content-profile-name{padding:0 0 4px;color:inherit}.large-text,h3{font-size:2.4rem;line-height:1.4;font-weight:400}.profile-badge__content-profile-name{padding:0 0 4px}.profile-badge__content-profile-company-school-info{padding:0 0 4px;font-size:1.2rem;line-height:1.33333;font-weight:400;color:inherit}.profile-badge__cta-btn{margin:4px 16px 12px;color:inherit}.profile-badge__cta-btn--light{background-color:rgba(0,0,0,0);border:0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0073b1;cursor:pointer;display:inline-block;font-size:1.6rem;font-weight:600;font-family:inherit;height:32px;line-height:32px;overflow:hidden;outline-width:2px;padding:0 16px;position:relative;text-align:center;text-decoration:none;-webkit-transition-duration:167ms;transition-duration:167ms;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,box-shadow,color;transition-property:background-color,box-shadow,color,-webkit-box-shadow;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);vertical-align:middle;z-index:0;-webkit-box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px transparent,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px transparent,inset 0 0 0 1px transparent;border-radius:24px;-webkit-box-shadow:inset 0 0 0 1px #0a66c2;box-shadow:inset 0 0 0 1px #0a66c2;color:#0a66c2}@media only screen and (-ms-high-contrast:active){.profile-badge__cta-btn--light{border:1px solid currentColor;line-height:30px}}.profile-badge__cta-btn--light i,.profile-badge__cta-btn--light li,.profile-badge__cta-btn--light li-icon{top:2px;-webkit-box-sizing:content-box;box-sizing:content-box;height:16px;left:0;margin:-12px 0 0 -6px;padding:0 6px 0 0;position:relative;width:16px}.profile-badge__cta-btn--light i>svg,.profile-badge__cta-btn--light li-icon>svg,.profile-badge__cta-btn--light li>svg{-webkit-transition:-webkit-transform 167ms;transition:-webkit-transform 167ms;transition:transform 167ms;transition:transform 167ms,-webkit-transform 167ms;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);display:inline-block;vertical-align:top}.edge .profile-badge__cta-btn--light,.ie .profile-badge__cta-btn--light{border-radius:0}.profile-badge__cta-btn--light:hover:not(
-:disabled
-)[data-is-animating-click=true],.profile-badge__cta-btn--light:not(:disabled)[data-is-animating-click=true]{-webkit-box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px transparent,inset 0 0 0 1px #004b7c;box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px transparent,inset 0 0 0 1px #004b7c}.profile-badge__cta-btn--light.hover-not-disabled,.profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled){background-color:rgba(152,216,244,.25);color:#006097;-webkit-box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px #006097,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px #006097,inset 0 0 0 1px transparent}.profile-badge__cta-btn--light.focus,.profile-badge__cta-btn--light:focus{background-color:rgba(152,216,244,.25);color:#006097;-webkit-box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px #006097,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px #006097,inset 0 0 0 1px transparent}.profile-badge__cta-btn--light.active-not-disabled,.profile-badge__cta-btn--light:active:not(:disabled):not(.disabled){background-color:rgba(152,216,244,.45);color:#004b7c}.profile-badge__cta-btn--light.disabled,.profile-badge__cta-btn--light:disabled{color:rgba(0,115,177,.35);-webkit-box-shadow:inset 0 0 0 1px rgba(0,115,177,.35);box-shadow:inset 0 0 0 1px rgba(0,115,177,.35);cursor:not-allowed}.profile-badge__cta-btn--light.focus,.profile-badge__cta-btn--light.hover-not-disabled,.profile-badge__cta-btn--light:focus,.profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled){-webkit-box-shadow:inset 0 0 0 2px #0a66c2;box-shadow:inset 0 0 0 2px #0a66c2}.profile-badge__cta-btn--light.active,.profile-badge__cta-btn--light.active-not-disabled,.profile-badge__cta-btn--light:active,.profile-badge__cta-btn--light:active:not(:disabled):not(.disabled){-webkit-box-shadow:inset 0 0 0 1px #004182;box-shadow:inset 0 0 0 1px #004182}.profile-badge__cta-btn--light.focus,.profile-badge__cta-btn--light.hover-not-disabled,.profile-badge__cta-btn--light:focus,.profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled){background-color:rgba(112,181,249,.15);color:#0a66c2}.profile-badge__cta-btn--light.active,.profile-badge__cta-btn--light.active-not-disabled,.profile-badge__cta-btn--light:active,.profile-badge__cta-btn--light:active:not(:disabled):not(.disabled){background-color:rgba(112,181,249,.3);color:#004182}.profile-badge__cta-btn--light:visited,.profile-badge__cta-btn--light:visited:active,.profile-badge__cta-btn--light:visited:focus,.profile-badge__cta-btn--light:visited:hover{color:#0a66c2}.profile-badge__cta-btn--light:hover{color:#0a66c2;text-decoration:none!important}.profile-badge__cta-btn--dark{background-color:rgba(0,0,0,0);border:0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:1.6rem;font-weight:600;font-family:inherit;height:32px;line-height:32px;overflow:hidden;outline-width:2px;padding:0 16px;position:relative;text-align:center;text-decoration:none;-webkit-transition-duration:167ms;transition-duration:167ms;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,box-shadow,color;transition-property:background-color,box-shadow,color,-webkit-box-shadow;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);vertical-align:middle;z-index:0;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px transparent,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px transparent,inset 0 0 0 1px transparent;border-radius:24px;-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff}@media only screen and (-ms-high-contrast:active){.profile-badge__cta-btn--dark{border:1px solid currentColor;line-height:30px}}html.edge .profile-badge__cta-btn--dark:focus,html.ie .profile-badge__cta-btn--dark:focus{outline:1px dashed #7f7f7f}.profile-badge__cta-btn--dark i,.profile-badge__cta-btn--dark li,.profile-badge__cta-btn--dark li-icon{top:2px;-webkit-box-sizing:content-box;box-sizing:content-box;height:16px;left:0;margin:-12px 0 0 -6px;padding:0 6px 0 0;position:relative;width:16px}.profile-badge__cta-btn--dark i>svg,.profile-badge__cta-btn--dark li-icon>svg,.profile-badge__cta-btn--dark li>svg{-webkit-transition:-webkit-transform 167ms;transition:-webkit-transform 167ms;transition:transform 167ms;transition:transform 167ms,-webkit-transform 167ms;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);display:inline-block;vertical-align:top}.edge .profile-badge__cta-btn--dark,.ie .profile-badge__cta-btn--dark{border-radius:0}.profile-badge__cta-btn--dark:hover:not(
-:disabled
-)[data-is-animating-click=true],.profile-badge__cta-btn--dark:not(:disabled)[data-is-animating-click=true]{-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px transparent,inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px transparent,inset 0 0 0 1px #fff}.profile-badge__cta-btn--dark.hover-not-disabled,.profile-badge__cta-btn--dark:hover:not(:disabled):not(.disabled){background-color:rgba(255,255,255,.1);color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px #fff,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px #fff,inset 0 0 0 1px transparent}.profile-badge__cta-btn--dark.focus,.profile-badge__cta-btn--dark:focus{background-color:rgba(255,255,255,.1);color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px #fff,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px #fff,inset 0 0 0 1px transparent}.profile-badge__cta-btn--dark.active-not-disabled,.profile-badge__cta-btn--dark:active:not(:disabled):not(.disabled){background-color:rgba(255,255,255,.1);color:#fff}.profile-badge__cta-btn--dark.disabled,.profile-badge__cta-btn--dark:disabled{color:rgba(255,255,255,.35);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);cursor:not-allowed}.profile-badge__cta-btn--dark:visited,.profile-badge__cta-btn--dark:visited:active,.profile-badge__cta-btn--dark:visited:focus,.profile-badge__cta-btn--dark:visited:hover{color:#fff}.profile-badge__cta-btn--dark:hover{color:#fff;text-decoration:none!important}
\ No newline at end of file
+div.profile-badge-reacted{transition:.3s ease-in-out;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%}.profile-badge--width-300{width:300px}.profile-badge--width-330{width:330px}.profile-badge--width-360{width:360px}.artdeco-entity-image--ghost{background-color:#b3b6b9}.artdeco-entity-image--square-4{width:56px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box;background-clip:content-box;border:4px solid transparent;border-radius:6px}.profile-badge--light{color:#000}.profile-badge__cta-btn--light:visited,div.profile-badge-reacted .profile-badge__cta-btn--light:visited:active,div.profile-badge-reacted .profile-badge__cta-btn--light:visited:focus,div.profile-badge-reacted .profile-badge__cta-btn--light:visited:hover{color:#0a66c2}.profile-badge{background-color:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 -1px 1px rgba(0,0,0,.08),1px 0 1px rgba(0,0,0,.08),-1px 0 1px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.08);box-shadow:0 -1px 1px rgba(0,0,0,.08),1px 0 1px rgba(0,0,0,.08),-1px 0 1px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.08);padding:0}.profile-badge--dark{color:#fff;background-color:#000}.profile-badge--light{background-color:#fff}.profile-badge__content-profile-name{color:inherit}.profile-badge__content-profile-name-link{font-size:1.6rem;line-height:1.5;font-weight:600;color:rgba(0,0,0,.9);color:inherit}.profile-badge__content-profile-name-link--dark:active,.profile-badge__content-profile-name-link--dark:focus,.profile-badge__content-profile-name-link--dark:hover,.profile-badge__content-profile-name-link--dark:visited,.profile-badge__content-profile-name-link--dark:visited:active,.profile-badge__content-profile-name-link--dark:visited:focus,.profile-badge__content-profile-name-link--dark:visited:hover{color:#fff}.profile-badge__content-profile-name-link--light:active,.profile-badge__content-profile-name-link--light:focus,.profile-badge__content-profile-name-link--light:hover,.profile-badge__content-profile-name-link--light:visited,.profile-badge__content-profile-name-link--light:visited:active,.profile-badge__content-profile-name-link--light:visited:focus,.profile-badge__content-profile-name-link--light:visited:hover{color:#000}.profile-badge__content-profile-headline{padding:0 0 4px;font-size:inherit;line-height:1.42857;font-weight:400;color:rgba(0,0,0,.9);color:inherit}.medium-text,h4{font-style:normal;font-weight:400;line-height:1.4;color:rgba(0,0,0,.9);margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0;outline:0}.profile-badge__content-profile-company-school-info{color:rgba(0,0,0,.6);color:inherit}.profile-badge__content-profile-company-school-info-link{font-size:1.2rem;line-height:1.33333;font-weight:400;color:rgba(0,0,0,.6);color:inherit}a.profile-badge__content-profile-name-link,a.profile-badge__cta-btn{text-decoration:none;background-color:transparent;border:0;font-size:1.6rem}.profile-badge__content-profile-company-school-info-link--dark:active,.profile-badge__content-profile-company-school-info-link--dark:focus,.profile-badge__content-profile-company-school-info-link--dark:hover,.profile-badge__content-profile-company-school-info-link--dark:visited,.profile-badge__content-profile-company-school-info-link--dark:visited:active,.profile-badge__content-profile-company-school-info-link--dark:visited:focus,.profile-badge__content-profile-company-school-info-link--dark:visited:hover{color:#fff}.profile-badge__content-profile-company-school-info-link--light:active,.profile-badge__content-profile-company-school-info-link--light:focus,.profile-badge__content-profile-company-school-info-link--light:hover,.profile-badge__content-profile-company-school-info-link--light:visited,.profile-badge__content-profile-company-school-info-link--light:visited:active,.profile-badge__content-profile-company-school-info-link--light:visited:focus,.profile-badge__content-profile-company-school-info-link--light:visited:hover{color:#000}.profile-badge__header{padding:12px 16px}.profile-badge__header--light{background-color:#e9e5df}.profile-badge__header--dark{background-color:#38434f}.profile-badge__header-logo-icon{width:84px;height:21px;display:inline-block}.profile-badge__header>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.profile-badge__header-logo-icon--light{color:#0a66c2}.profile-badge__header-logo-icon--dark{color:#fff}.profile-badge__content{padding:0 16px;--rem:16;margin:0;border:0;font-size:100%;vertical-align:baseline;background:0 0}.profile-badge__content-profile-image{transition:.3s ease-in-out;margin:12px 0 8px}.profile-badge__content-profile-name{font-size:inherit;color:inherit;margin:0;padding:0 0 4px}.large-text,h3{font-size:2.4rem;line-height:1.4;font-weight:400}.profile-badge__content-profile-company-school-info{padding:0 0 4px;font-size:1.2rem;line-height:1.33333;font-weight:400;color:inherit}.profile-badge__cta-btn--dark,.profile-badge__cta-btn--light,a.profile-badge__cta-btn{cursor:pointer;font-weight:600;font-family:inherit;height:32px;overflow:hidden;outline-width:2px;padding:0 16px;text-align:center;text-decoration:none;vertical-align:middle;z-index:0;position:relative;display:inline-block}a.profile-badge__cta-btn{--rem:16;background:rgba(0,0,0,0);margin:4px 16px 12px;border:0;box-sizing:border-box;font-size:inherit;line-height:32px;transition-duration:167ms;transition-property:background-color,box-shadow,color,-webkit-box-shadow;transition-timing-function:cubic-bezier(0,0,0.2,1);border-radius:24px;box-shadow:inset 0 0 0 1px #fff;color:#fff}.profile-badge__cta-btn--light{background-color:rgba(0,0,0,0);border:0;border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.6rem;line-height:32px;-webkit-transition-duration:167ms;transition-duration:167ms;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,box-shadow,color,-webkit-box-shadow;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);-webkit-box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px transparent,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px transparent,inset 0 0 0 1px transparent;-webkit-box-shadow:inset 0 0 0 1px #0a66c2;box-shadow:inset 0 0 0 1px #0a66c2;color:#0a66c2}@media only screen and (-ms-high-contrast:active){.profile-badge__cta-btn--light{border:1px solid currentColor;line-height:30px}}.profile-badge__cta-btn--light i,.profile-badge__cta-btn--light li,.profile-badge__cta-btn--light li-icon{top:2px;-webkit-box-sizing:content-box;box-sizing:content-box;height:16px;left:0;margin:-12px 0 0 -6px;padding:0 6px 0 0;position:relative;width:16px}.profile-badge__cta-btn--light i>svg,.profile-badge__cta-btn--light li-icon>svg,.profile-badge__cta-btn--light li>svg{-webkit-transition:-webkit-transform 167ms cubic-bezier(0,0,0.2,1);transition:transform 167ms;transition:transform 167ms,-webkit-transform 167ms;transition-timing-function:cubic-bezier(0,0,0.2,1);display:inline-block;vertical-align:top}.edge .profile-badge__cta-btn--light,.ie .profile-badge__cta-btn--light{border-radius:0}.profile-badge__cta-btn--light:hover:not( :disabled)[data-is-animating-click=true],.profile-badge__cta-btn--light:not(:disabled)[data-is-animating-click=true]{-webkit-box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px transparent,inset 0 0 0 1px #004b7c;box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px transparent,inset 0 0 0 1px #004b7c}.profile-badge__cta-btn--light.focus,.profile-badge__cta-btn--light.hover-not-disabled,.profile-badge__cta-btn--light:focus,.profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled){-webkit-box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px #006097,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px #0073b1,inset 0 0 0 2px #006097,inset 0 0 0 1px transparent}.profile-badge__cta-btn--light.disabled,.profile-badge__cta-btn--light:disabled{color:rgba(0,115,177,.35);-webkit-box-shadow:inset 0 0 0 1px rgba(0,115,177,.35);box-shadow:inset 0 0 0 1px rgba(0,115,177,.35);cursor:not-allowed}.profile-badge__cta-btn--light.focus,.profile-badge__cta-btn--light.hover-not-disabled,.profile-badge__cta-btn--light:focus,.profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled){-webkit-box-shadow:inset 0 0 0 2px #0a66c2;box-shadow:inset 0 0 0 2px #0a66c2;background-color:rgba(112,181,249,.15);color:#0a66c2}.profile-badge__cta-btn--light.active,.profile-badge__cta-btn--light.active-not-disabled,.profile-badge__cta-btn--light:active,.profile-badge__cta-btn--light:active:not(:disabled):not(.disabled){-webkit-box-shadow:inset 0 0 0 1px #004182;box-shadow:inset 0 0 0 1px #004182;background-color:rgba(112,181,249,.3);color:#004182}.profile-badge__cta-btn--light:visited,.profile-badge__cta-btn--light:visited:active,.profile-badge__cta-btn--light:visited:focus,.profile-badge__cta-btn--light:visited:hover{color:#0a66c2}.profile-badge__cta-btn--light:hover{color:#0a66c2;text-decoration:none!important}.profile-badge__cta-btn--dark{background-color:rgba(0,0,0,0);border:0;border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:1.6rem;line-height:32px;-webkit-transition-duration:167ms;transition-duration:167ms;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,box-shadow,color,-webkit-box-shadow;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px transparent,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px transparent,inset 0 0 0 1px transparent;-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff}@media only screen and (-ms-high-contrast:active){.profile-badge__cta-btn--dark{border:1px solid currentColor;line-height:30px}}html.edge .profile-badge__cta-btn--dark:focus,html.ie .profile-badge__cta-btn--dark:focus{outline:#7f7f7f dashed 1px}.profile-badge__cta-btn--dark i,.profile-badge__cta-btn--dark li,.profile-badge__cta-btn--dark li-icon{top:2px;-webkit-box-sizing:content-box;box-sizing:content-box;height:16px;left:0;margin:-12px 0 0 -6px;padding:0 6px 0 0;position:relative;width:16px}.profile-badge__cta-btn--dark i>svg,.profile-badge__cta-btn--dark li-icon>svg,.profile-badge__cta-btn--dark li>svg{-webkit-transition:-webkit-transform 167ms cubic-bezier(0,0,0.2,1);transition:transform 167ms;transition:transform 167ms,-webkit-transform 167ms;transition-timing-function:cubic-bezier(0,0,0.2,1);display:inline-block;vertical-align:top}.edge .profile-badge__cta-btn--dark,.ie .profile-badge__cta-btn--dark{border-radius:0}.profile-badge__cta-btn--dark:hover:not( :disabled)[data-is-animating-click=true],.profile-badge__cta-btn--dark:not(:disabled)[data-is-animating-click=true]{-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px transparent,inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px transparent,inset 0 0 0 1px #fff}.profile-badge__cta-btn--dark.focus,.profile-badge__cta-btn--dark.hover-not-disabled,.profile-badge__cta-btn--dark:focus,.profile-badge__cta-btn--dark:hover:not(:disabled):not(.disabled){background-color:rgba(255,255,255,.1);color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px #fff,inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 2px #fff,inset 0 0 0 1px transparent}.profile-badge__cta-btn--dark.active-not-disabled,.profile-badge__cta-btn--dark:active:not(:disabled):not(.disabled){background-color:rgba(255,255,255,.1);color:#fff}.profile-badge__cta-btn--dark.disabled,.profile-badge__cta-btn--dark:disabled{color:rgba(255,255,255,.35);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);cursor:not-allowed}.profile-badge__cta-btn--dark:visited,.profile-badge__cta-btn--dark:visited:active,.profile-badge__cta-btn--dark:visited:focus,.profile-badge__cta-btn--dark:visited:hover{color:#fff}.profile-badge__cta-btn--dark:hover{color:#fff;text-decoration:none!important}.artdeco-entity-image--circle-4{width:56px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box;background-clip:content-box;border:2px solid transparent;border-radius:49.9%}
\ No newline at end of file