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